/*
Theme name: Lexington Brands Theme
Version: 1.0
Description: Tema de Lexington Brands.
Author: BlackSpace Studio
Author URI: https://blackspace.studio/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

/*================================== Basic BlackSpace Styles ==================================*/

/*============= To Do =============*/
/*
	-Header
		-Change Logo SRC number
		-Change Hamburger Icon SRC number
		-Add Google Maps API
	-Functions
		-Create Custom Post Objects
		-Add Style/Scripts per page
		-Change menu arrows Id
		-Change Arrow List image Id
		-Change Arrow Page Numbers image Id
	-Screenshot
		-Add Theme Portrait
	-Footer
		-Change Copywrite
		-Change Logo SRC number
		-Add Google Maps Script
	-404
		-Change Logo SRC number
*/

/*================================== Load Fonts ==================================*/

	/*@font-face {
		font-family: 'Family' serif;
		src: url('src');
		font-weight: normal;
	}*/

	@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*================================== Variables ==================================*/
	
	:root {
		/* Basic Colors */
    --jetBlack: #0E0E10;
    --gray85: #D9D9D9;

    --scrollBarBG: var(--jetBlack);

    --bigPSize: calc(.75rem + .6vw);

    --sectionMargin: calc(2rem + 2vw);

    --navbarMargin: calc(2rem + 2vw);
    --targetMargin: 15vw;

    /* Text Sizes */
    --header-XXL-size: calc(5.5rem + 5.5vw);
    --header-XL-size: calc(3.5rem + 3.5vw);
    --header-big-size: calc(2rem + 2vw);
    --header-large-size: calc(2rem + 1vw);
    --header-size: calc(1.5rem + 1vw);
    --header-small-size: calc(1.2rem + 1vw);
    --subheader-size: calc(1rem + 1vw);
    --subheader-small-size: calc(.85rem + .85vw);
    --XL-p-size: calc(.80rem + .75vw);
    --big-p-size: calc(.75rem + .6vw);
    --p-size: calc(.65rem + .5vw);
    --small-p-size: calc(.5rem + .4vw);
	}

/*================================== Colors ==================================*/

	.c-lightgray {
		color: lightgray !important;
	}

	.c-gray {
		color: gray !important;
	}

	.c-lightgray {
		color: lightgray !important;
	}

	.c-black {
		color: black !important;
	}

	.c-white {
		color: white !important;
	}

	.c-child-white > * {
		color: white !important;
	}

	.c-transparent {
		color: transparent !important;
	}

	.c-jet-black {
		color: var(--jetBlack) !important;
	}

	.c-child-jet-black * {
		color: var(--jetBlack) !important;
	}

	.bg-lightgray {
		background-color: lightgray;
	}

	.bg-gray {
		background-color: gray;
	}

	.bg-jet-black {
		background-color: var(--jetBlack);
	}

/*================================== Flex Block ==================================*/

	.desktop {
    display: block !important;
  }

  .desktop-flex, .mobile-flex-lg {
    display: flex !important;
  }

  .mobile, .mobile-flex, .mobile-sm, .desktop-flex-lg {
    display: none !important;
  }

  .flex-grow-2 {
    flex-grow: 2;
  }

  .flex-wrap {
    flex-wrap: wrap !important;
  }

  .flex-nowrap {
    flex-wrap: nowrap !important;
  }

  .d-child-block > * {
    display: block !important;
  }

/*================================== Details ==================================*/
	
	*, *:before, *:after {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		-webkit-scrollbar-color: var(--scrollBarBG) transparent;
		-webkit-scrollbar-width: thin;
		scrollbar-color: var(--scrollBarBG) transparent;
		scrollbar-width: thin;
	}

	*::-webkit-scrollbar {
	  width: 10px;
	}

	*::-webkit-scrollbar-track {
	  background: transparent;
	}

	*::-webkit-scrollbar-thumb {
	  background-color: var(--scrollBarBG);
	  border: 2px solid var(--scrollBarBG);
	}

	html {
		scroll-behavior: smooth;
		position: relative;
		font-family: 'Nunito Sans' !important;
		max-width: 100vw;
		margin-top: 0 !important;
	}
	
	b, strong {
	    font-weight: bold !important;
	}

	p {
		margin: 0;
	}

	section {
		margin-top: calc(2rem + 1vw);
		transition: opacity 0.3s ease-in-out;
	}

	body {
		overflow-x: hidden;
		font-family: 'Nunito Sans' !important;
		font-weight: 400;
		max-width: 100vw;
	}

	ul {
		list-style-position: inside;
	}

	.noscroll {
		position: fixed;
		overflow: hidden;
	}

	.carousel-item-next, .carousel-item-prev, .carousel-item.active {
		display: flex;
	}

	.carousel-control-prev img {
		height: 20%;
	}

	.carousel-control-next img {
		height: 20%;
	}

	.template {
		display: none !important;
	}

	.pointer-events-none {
		pointer-events: none !important;
	}

	.pointer-events-all {
		pointer-events: all !important;
	}

	.overflow-visible {
		overflow: visible !important;
	}
	
	.carousel-control-prev-icon, .carousel-control-next-icon {
	    color: black;
	}

	.object-fit-cover {
		object-fit: cover !important;
	}

	.object-fit-contain {
		object-fit: contain !important;
	}

	ul.list-position-outside {
		list-style-position: outside !important;
	}

/*================================== Font Family ==================================*/

	.nunito {
		font-family: 'Nunito Sans' !important;
	}

	.pt-serif {
		font-family: 'PT Serif' !important;
	}

/*================================== Navigation ==================================*/

	.navigation {
		position: fixed;
		top: 0;
		z-index: 1000;
		width: 100vw;
		max-width: 100vw;
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}

	.navbar-margin {
		margin-top: var(--navbarMargin);
	}

	.navbar-brand {
		margin-left: 10%;
		padding: 0;
		max-height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.navbar-brand img {
		padding: 2% 0;
		max-width: 137px;
		max-height: 80px;
		width: calc(5rem + 5vw);
		height: calc(2.91rem + 2.91vw);
	}

	.principal-menu {
		flex-wrap: nowrap;
	}

	.navigation.pagination {
		position: relative;
		width: auto;
	}

	.navigation.pagination .nav-links {
		display: flex;
		flex-direction: row;
		align-items: stretch;
	}

	.navigation.pagination .nav-links * {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		margin: 0 .5rem;
		color: white;
	}

	.menu-principal {
		justify-content: space-evenly;
		width: 100%;
		padding: 0 2%;
		margin: .5rem auto;
		flex-wrap: no-wrap;
	}

	.menu-item {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.menu-item a {
		color: var(--jetBlack);
		text-decoration: none;
		transition: all 0.2s ease-in-out;
		padding: .5rem .3rem;
		position: relative;
		text-align: center;
	}

	.menu-item a:hover, .menu-item a:focus {
		font-weight: bold;
		text-decoration: none;
		color: lightgray;
	}

	.menu-item-has-children a:after {
		color: var(--jetBlack);
		display: block;
		content: ' ▼';
		font-size: 10px;
		width: 10px;
		height: 10px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(10px, calc(-50% - 2px));
	}

	.menu-item-has-children.current-menu-item a:after {
		color: lightgray;
	}

	.menu-item-has-children.current-menu-item a:after, .menu-item-has-children:hover a:after {
		font-weight: bold;
		color: lightgray;
	}

	.menu-item .sub-menu {
		width: 100%;
		position: relative;
		top: 0%;
		height: auto;
		max-height: none;
		border: none;
		overflow: hidden;
		transition: height 0.4s ease-in-out;
		background-color: white;
	}

	.sub-menu .menu-item {
		max-width: none;
	}

	.menu-item .sub-menu a:after {
		content: '';
	}

	.menu-item:hover .sub-menu, .menu-item:focus .sub-menu {
		height: auto;
		max-height: none;
		border: none;
	}
	
	.current-menu-item > a {
		font-weight: bold;
		color: lightgray;
	}

	.current-lang a {
		font-weight: bold;
		color: lightgray;
	}

	.lang-item {
		margin: 0 .5rem;
	}

	.navbar-toggler {
	    padding: .0rem 1rem;
	}

	.navbar-toggler-icon {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.navbar-expand-md {
	    padding: 0;
	}
	
	.container-menu.navbar-collapse {
	    transition: padding 0.2s ease, height 0.4s ease;
	}

	.collapse, .collapsing {
		background-color: white;
		border-bottom: 1px solid lightgray;
	}
	
	.navbar_inner {
		display: flex;
	}

	.nav-item.active .nav-link {
		font-weight: bold;
	}

	#main-social-wrapper {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	
	#main-social-wrapper li {
		margin: 0;
	}

	.social-link a i {
		transition: font-size 0.3s ease-in-out;
	}

	.social-link a:hover i {
		font-size: 1.75em !important;
	}

	.navbar_bg_show {
		background-color: white;
	}

	#desktop-lang-wrapper {
		margin: 0;
		flex-direction: row;
	}

	.nxt-posts-link a, .pre-posts-link a {
		padding: .5rem 1rem;
		border: 1px solid lightgray;
		font-size: calc(.85rem + .85vw);
		font-weight: bold;
		background-color: rgba(211, 211, 211, .3);
		color: lightgray;
		border-radius: 3px;
	}

	.nxt-posts-link {
		position: absolute;
		left: -5%;
		top: 50%;
		transform: translateY(-50%);
	}

	.pre-posts-link {
		position: absolute;
		right: -5%;
		top: 50%;
		transform: translateY(-50%);
	}

/*================================== Sizes ==================================*/
	
	/*================================== Width % ==================================*/
		.aspect-ratio_1-1 {
			aspect-ratio: 1 / 1;
		}

		.aspect-ratio_4-3 {
			aspect-ratio: 4 / 3;
		}

		.aspect-ratio_16-9 {
			aspect-ratio: 16 / 9;
		}

		.aspect-ratio_3-2 {
			aspect-ratio: 3 / 2;
		}

	/*================================== Width % ==================================*/
		.w-120 {
			width: 120% !important;
		}

		.w-95 {
			width: 95% !important;
		}

		.w-90 {
			width: 90% !important;
		}

		.w-85 {
			width: 85% !important;
		}

		.w-80 {
			width: 80% !important;
		}

		.w-70 {
			width: 70% !important;
		}

		.w-60 {
			width: 60% !important;
		}

		.w-40 {
			width: 40% !important;
		}

		.w-30 {
			width: 30% !important;
		}

		.w-20 {
			width: 20% !important;
		}

		.w-10 {
			width: 10% !important;
		}

		.w-5 {
			width: 5% !important;
		}

	/*================================== Width VW ==================================*/

		.vw-120 {
			width: 120vw !important
		}

		.vw-100 {
			width: 100vw !important;
		}

		.vw-95 {
			width: 95vw !important;
		}

		.vw-90 {
			width: 90vw !important;
		}

		.vw-80 {
			width: 80vw !important;
		}

		.vw-70 {
			width: 70vw !important;
		}

		.vw-60 {
			width: 60vw !important;
		}

		.vw-50 {
			width: 50vw !important;
		}

		.vw-40 {
			width: 40vw !important;
		}

		.vw-30 {
			width: 30vw !important;
		}

		.vw-20 {
			width: 20vw !important;
		}

		.vw-10 {
			width: 10vw !important;
		}

	/*================================== Width PX ==================================*/
		.w-10px {
			width: 10px !important;
		}

		.w-15px {
			width: 15px !important;
		}

		.w-20px {
			width: 20px !important;
		}

		.w-30px {
			width: 30px !important;
		}

		.w-50px {
			width: 50px !important;
		}

		.w-80px {
			width: 80px !important;
		}

	/*================================== MAX Width PX ==================================*/

		.mw-1500px {
			max-width: 1500px !important;
		}

		.mw-1300px {
			max-width: 1300px !important;
		}

		.mw-1200px {
			max-width: 1200px !important;
		}

		.mw-1000px {
			max-width: 1000px !important;
		}

		.mw-800px {
			max-width: 800px !important;
		}

		.mw-600px {
			max-width: 600px !important;
		}

		.mw-500px {
			max-width: 500px !important;
		}

		.mw-400px {
			max-width: 400px !important;
		}

		.mw-300px {
			max-width: 300px !important;
		}

		.mw-200px {
			max-width: 200px !important;
		}

		.mw-150px {
			max-width: 150px !important;
		}

		.mw-120px {
			max-width: 120px !important;
		}

		.mw-100px {
			max-width: 100px !important;
		}

		.mw-80px {
			max-width: 80px !important;
		}

		.mw-70px {
			max-width: 70px !important;
		}

		.mw-50px {
			max-width: 50px !important;
		}

		.mw-30px {
			max-width: 30px !important;
		}

		.mw-100 {
			max-width: 100% !important;
		}

		.mw-50w {
			max-width: 50vw !important;
		}

		.mw-max-cont {
			max-width: max-content !important;
		}

	/*================================== MIN Width ==================================*/

		.min-vw-100 {
			min-width: 100vw !important;
		}

		.min-w-500px {
			min-width: 500px !important;
		}

		.min-w-200px {
			min-width: 200px !important;
		}

		.min-w-100px {
			min-width: 100px !important;
		}

		.min-w-75px {
			min-width: 75px !important;
		}

		.min-w-50px {
			min-width: 50px !important;
		}

		.min-w-auto {
			min-width: auto !important;
		}

		.min-w-70 {
			min-width: 70% !important;
		}

		.min-w-100 {
			min-width: 100% !important;
		}

	/*================================== MAX Height PX ==================================*/

		.mh-2000px {
			max-height: 2000px !important;
		}

		.mh-1000px {
			max-height: 1000px !important;
		}

		.mh-800px {
			max-height: 800px !important;
		}

		.mh-600px {
			max-height: 600px !important;
		}

		.mh-500px {
			max-height: 500px !important;
		}

		.mh-400px {
			max-height: 400px !important;
		}

		.mh-300px {
			max-height: 300px !important;
		}

		.mh-200px {
			max-height: 200px !important;
		}

		.mh-150px {
			max-height: 150px !important;
		}

		.mh-100px {
			max-height: 100px !important;
		}

		.mh-75px {
			max-height: 75px !important;
		}

		.mh-50px {
			max-height: 50px !important;
		}

		.mh-80 {
			max-height: 80% !important;
		}

		.mh-50 {
			max-height: 50% !important;
		}

		.mh-30w {
			max-height: 30vw !important;
		}

		.mh-40px {
			max-height: 40px !important;
		}
		
		.mh-20px {
			max-height: 20px !important;
		}
		
		.mh-16-9w {
			max-height: 56.25vw !important;
		}

	/*================================== MIN Height PX ==================================*/

		.min-vh-100 {
			min-height: 100vh !important;
		}

		.min-h-800px {
			min-height: 800px !important;
		}

		.min-h-600px {
			min-height: 600px !important;
		}

		.min-h-500px {
			min-height: 500px !important;
		}

		.min-h-400px {
			min-height: 400px !important;
		}

		.min-h-300px {
			min-height: 300px !important;
		}

		.min-h-250px {
			min-height: 250px !important;
		}

		.min-h-200px {
			min-height: 200px !important;
		}

		.min-h-150px {
			min-height: 150px !important;
		}

		.min-h-100px {
			min-height: 100px !important;
		}
		
		.min-h-20w {
			min-height: 20vw !important;
		}

		.min-h-30w {
			min-height: 30vw !important;
		}

		.min-h-40w {
			min-height: 40vw !important;
		}

		.min-h-60w {
			min-height: 60vw !important;
		}

		.min-h-90w {
			min-height: 90vw !important;
		}

		.min-h-72px {
			min-height: 72px !important;
		}

		.min-h-100 {
			min-height: 100% !important;
		}

	/*================================== Height VW ==================================*/

		.h-10w {
			height: 10vw !important;
		}

		.h-15w {
			height: 15vw !important;
		}

		.h-20w {
			height: 20vw !important;
		}

		.h-30w {
			height: 30vw !important;
		}

		.h-40w {
			height: 40vw !important;
		}

		.h-50w {
			height: 50vw !important;
		}

		.h-5625w {
			height: 56.25vw !important;
		}

		.h-60w {
			height: 60vw !important;
		}

		.h-70w {
			height: 70vw !important;
		}

		.h-80w {
			height: 80vw !important;
		}

		.h-90w {
			height: 90vw !important;
		}

		.h-100w {
			height: 100vw !important;
		}

	/*================================== Height % ==================================*/

		.h-0 {
			height: 0 !important;
		}

		.h-10 {
			height: 10% !important;
		}

		.h-20 {
			height: 20% !important;
		}

		.h-30 {
			height: 30% !important;
		}

		.h-40 {
			height: 40% !important;
		}

		.h-50 {
			height: 50% !important;
		}

		.h-60 {
			height: 60% !important;
		}

		.h-70 {
			height: 70% !important;
		}

		.h-80 {
			height: 80% !important;
		}

		.h-90 {
			height: 90% !important;
		}

		.h-110 {
			height: 110% !important;
		}

		.h-120 {
			height: 120% !important;
		}
		
		.h-16-9w {
			height: 56.25vw !important;
		}

	/*================================== Height PX ==================================*/

		.h-400px {
			height: 400px !important;
		}

		.h-200px {
			height: 200px !important;
		}

		.h-80px {
			height: 80px !important;
		}

		.h-50px {
			height: 50px !important;
		}

		.h-10px {
			height: 10px !important;
		}

	/*================================== Sizes Children ==================================*/

		/*================================== Width % ==================================*/
			.children-w-100 > * {
				width: 100% !important;
			}

			.children-w-auto > * {
				width: auto !important;
			}

			.all-children-w-100 * {
				width: 100% !important;
			}

			.all-children-w-auto * {
				width: auto !important;
			}

		/*================================== Height ==================================*/

			.children-h-100 > * {
				height: 100% !important;
			}

			.children-h-auto > * {
				height: auto !important;
			}

			.children-h-43w > * {
				height: 43vw !important;
			}

			.all-children-h-43w * {
				height: 43vw !important;
			}

			.mh-645px * {
				max-height: 645px !important;
			}

			.children-h-auto > * > * {
				height: auto !important;
			}

			.children-mh-600px > * {
				max-height: 600px !important;
			}

			.children-mh-100px > * {
				max-height: 100px !important;
			}

/*================================== Position ==================================*/

	.absolute-center {
		position: absolute;
		--topPos: 50%;
		--leftPos: 50%;
		--topTrans: -50%;
		--leftTrans: -50%;
		--scale: 1;
		--rotate: 0deg;
		top: var(--topPos);
		left: var(--leftPos);
		transform: translate(var(--topTrans), var(--leftTrans)) scale(var(--scale)) rotate(var(--rotate));
	}

	.relative-normal {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
	}

	.center-Y {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0%);
	}

	.position-unset {
		position: unset !important;
	}

	/*================================== Top ==================================*/
		.t-150 {
			top: 150% !important;
		}

		.t-100 {
			top: 100% !important;
		}

		.t-90 {
			top: 90% !important;
		}

		.t-80 {
			top: 80% !important;
		}

		.t-75 {
			top: 75% !important;
		}

		.t-70 {
			top: 70% !important;
		}

		.t-60 {
			top: 60% !important;
		}

		.t-50 {
			top: 50% !important;
		}

		.t-40 {
			top: 40% !important;
		}

		.t-30 {
			top: 30% !important;
		}

		.t-25 {
			top: 25% !important;
		}

		.t-20 {
			top: 20% !important;
		}
		
		.t-10 {
			top: 10% !important;
		}

		.t-0 {
			top: 0% !important;
		}

		.t--5 {
			top: -5% !important;
		}

		.t--10 {
			top: -10% !important;
		}

		.t-auto {
			top: auto !important;
		}

	/*================================== Left ==================================*/
		.l-120 {
			left: 120% !important;
		}

		.l-100 {
			left: 100% !important;
		}

		.l--100 {
			left: -100% !important;
		}

		.l-90 {
			left: 90% !important;
		}

		.l-85 {
			left: 85% !important;
		}

		.l-80 {
			left: 80% !important;
		}

		.l-75 {
			left: 75% !important;
		}

		.l-70 {
			left: 70% !important;
		}

		.l-60 {
			left: 60% !important;
		}

		.l-50 {
			left: 50% !important;
		}

		.l-40 {
			left: 40% !important;
		}

		.l-30 {
			left: 30% !important;
		}

		.l-25 {
			left: 25% !important;
		}

		.l-20 {
			left: 20% !important;
		}
		
		.l-10 {
			left: 10% !important;
		}

		.l-0 {
			left: 0% !important;
		}

		.l--5 {
			left: -5% !important;
		}

		.l--10 {
			left: -10% !important;
		}

		.l-auto {
			left: auto !important;
		}

	/*================================== Right ==================================*/
		.r-100 {
			right: 100% !important;
		}

		.r-90 {
			right: 90% !important;
		}

		.r-80 {
			right: 80% !important;
		}

		.r-75 {
			right: 75% !important;
		}

		.r-70 {
			right: 70% !important;
		}

		.r-60 {
			right: 60% !important;
		}

		.r-50 {
			right: 50% !important;
		}

		.r-40 {
			right: 40% !important;
		}

		.r-30 {
			right: 30% !important;
		}

		.r-25 {
			right: 25% !important;
		}

		.r-20 {
			right: 20% !important;
		}
		
		.r-10 {
			right: 10% !important;
		}

		.r-5 {
			right: 5% !important;
		}

		.r-2 {
			right: 2% !important;
		}

		.r-0 {
			right: 0% !important;
		}

		.r-auto {
			right: auto !important;
		}

		.r--5 {
			right: -5% !important;
		}

		.r--10 {
			right: -10% !important;
		}

		.r-20px {
			right: 20px !important;
 		}

	/*================================== Bottom ==================================*/
		.b-100 {
			bottom: 100% !important;
		}

		.b-90 {
			bottom: 90% !important;
		}

		.b-80 {
			bottom: 80% !important;
		}

		.b-75 {
			bottom: 75% !important;
		}

		.b-70 {
			bottom: 70% !important;
		}

		.b-60 {
			bottom: 60% !important;
		}

		.b-50 {
			bottom: 50% !important;
		}

		.b-40 {
			bottom: 40% !important;
		}

		.b-30 {
			bottom: 30% !important;
		}

		.b-25 {
			bottom: 25% !important;
		}

		.b-20 {
			bottom: 20% !important;
		}
		
		.b-10 {
			bottom: 10% !important;
		}

		.b-0 {
			bottom: 0% !important;
		}

		.b-auto {
			bottom: auto !important;
		}

	/*================================== Z Index ==================================*/
		.z--1 {
			z-index: -1 !important;
		}

		.z--2 {
			z-index: -2 !important;
		}

		.z-0 {
			z-index: 0 !important;
		}

		.z-1 {
			z-index: 1 !important;
		}

		.z-2 {
			z-index: 2 !important;
		}

		.z-3 {
			z-index: 3 !important;
		}

		.z-4 {
			z-index: 4 !important;
		}

		.z-10 {
			z-index: 10 !important;
		}

		.z-1000 {
			z-index: 1000 !important;
		}

	/*================================== Margins ==================================*/

		.mt--5 {
			margin-top: -3rem !important;
		}

		.mb--5 {
			margin-bottom: -3rem !important;
		}

		.mb--4 {
			margin-bottom: -2rem !important;
		}

		.my--2 {
			margin-top: -1rem !important;
			margin-bottom: -1rem !important;
		}

		.mb--2 {
			margin-bottom: -1rem !important;
		}

		.mt--2 {
			margin-top: -1rem !important;
		}

		.mx--2 {
			margin-left: -1rem !important;
			margin-right: -1rem !important;
		}

		.mt--2 {
			margin-top: -1rem !important;
		}

		.mt--1 {
			margin-top: -0.5rem !important;
		}

		.mb--2 {
			margin-bottom: -1rem;
		}

	.py-1rem {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.section-margin {
		margin-top: var(--sectionMargin);
		margin-bottom: var(--sectionMargin);
	}

/*================================== Text ==================================*/

	.text-no-transform {
		text-transform: none !important;
	}

	.text-underline {
		text-decoration: underline !important;
	}

	.text-decoration-none {
		text-decoration: none !important;
	}

	.text-justify {
		text-align: justify !important;
	}

	.text-vertical-rl {
		writing-mode: vertical-rl;
	}

	.text-vertical-lr {
		writing-mode: vertical-lr;
	}

	.text-mixed {
		text-orientation: mixed;
		transform: scale(-1);
	}

	.word-wrap-break {
		word-wrap: break-word;
	}

	.letter-spacing-10 {
		letter-spacing: 10px;
	}

	.letter-spacing-15 {
		letter-spacing: 15px;
	}

	.line-height-1 {
		line-height: 1;
	}

	.line-height-1-5 {
		line-height: 1.5;
	}

	.line-height-2 {
		line-height: 2;
	}

	/*================================== Text Sizes ==================================*/

		.small_p_size {
			font-size: .65rem !important;
			font-size: calc(.5rem + .4vw) !important;
		}

		.small_p_size > * {
			font-size: .65rem !important;
			font-size: calc(.5rem + .4vw) !important;
		}

		.p_size {
			font-size: .75rem !important;
			font-size: calc(.65rem + .5vw) !important;
		}

		.p_size > * {
			font-size: .75rem !important;
			font-size: calc(.65rem + .5vw) !important;
		}

		.p_p_size > div p {
			font-size: .75rem !important;
			font-size: calc(.65rem + .5vw) !important;
			line-height: 2;
			margin-top: 1.5rem;
			margin-bottom: 1.5rem;
		}

		.big_p_size {
			font-size: .85rem !important;
			font-size: calc(.75rem + .6vw) !important;
		}

		.big_p_size > * {
			font-size: .85rem !important;
			font-size: calc(.75rem + .6vw) !important;
		}

		.h3_big_p_size > div h3 {
			font-size: .85rem;
			font-size: calc(.75rem + .6vw);
		}

		.XL_p_size {
			font-size: .9rem !important;
			font-size: calc(.80rem + .75vw) !important;
		}

		.XL_p_size > * {
			font-size: .9rem !important;
			font-size: calc(.80rem + .75vw) !important;
		}

		.subheader_small_size {
			font-size: 1rem !important;
			font-size: calc(.85rem + .85vw) !important;
		}

		.subheader_small_size > * {
			font-size: 1rem !important;
			font-size: calc(.85rem + .85vw) !important;
		}

		.h2_subheader_small_size > div h2 {
			font-size: 1rem !important;
			font-size: calc(.85rem + .85vw) !important;
		}

		.subheader_size {
			font-size: 1.5rem !important;
			font-size: calc(1rem + 1vw) !important;
		}

		.subheader_size > * {
			font-size: 1.5rem !important;
			font-size: calc(1rem + 1vw) !important;
		}

		.header_small_size {
			font-size: 1.75rem !important;
			font-size: calc(1.2rem + 1vw) !important;
		}

		.header_small_size > * {
			font-size: 1.75rem !important;
			font-size: calc(1.2rem + 1vw) !important;
		}

		.header_size {
			font-size: 2rem !important;
			font-size: calc(1.5rem + 1vw) !important;
		}

		.header_size > * {
			font-size: 2rem !important;
			font-size: calc(1.5rem + 1vw) !important;
		}

		.header_large_size {
			font-size: 2.5rem !important;
			font-size: calc(2rem + 1vw) !important;
		}

		.header_large_size > * {
			font-size: 2.5rem !important;
			font-size: calc(2rem + 1vw) !important;
		}

		.header_big_size {
			font-size: 3rem !important;
			font-size: calc(2rem + 2vw) !important;
		}

		.header_big_size > * {
			font-size: 3rem !important;
			font-size: calc(2rem + 2vw) !important;
		}

		.header_XL_size {
			font-size: 5rem !important;
			font-size: calc(3.5rem + 3.5vw) !important;
		}

		.header_XL_size > * {
			font-size: 5rem !important;
			font-size: calc(3.5rem + 3.5vw) !important;
		}

		.header_XXL_size {
			font-size: 7rem !important;
			font-size: calc(4.5rem + 4.5vw) !important;
		}

		.header_XXL_size > * {
			font-size: 7rem !important;
			font-size: calc(4.5rem + 4.5vw) !important;
		}

	/*================================== Text Weights ==================================*/

		.font-weight-thin {
	        font-weight: 100 !important;
	    }

    .font-weight-light {
        font-weight: 300 !important;
    }

    .font-weight-regular {
        font-weight: 400 !important;
    }

    .font-weight-medium {
        font-weight: 500 !important;
    }

    .font-weight-semi-bold {
        font-weight: 600 !important;
    }

    .font-weight-bold {
        font-weight: 700 !important;
    }

    .font-weight-black {
        font-weight: 900 !important;
    }

/*================================== Borders ==================================*/

	.border-width-3 {
		border-width: 3px !important;
	}

	.border-width-2 {
		border-width: 2px !important;
	}

	.border-black {
		border-color: black !important;
	}

	.border-gray {
		border-color: gray !important;
	}

	.border-white {
      border-color: white !important;
    }

	.border-lightgray {
	  border-color: lightgray !important;
	}

	.border-radius-0 {
	  border-radius: 0;
	}

	.border-radius-5px {
	  border-radius: 5px;
	}

	.border-radius-10px {
	  border-radius: 10px;
	}

	.border-radius-20px {
	  border-radius: 20px;
	}

	.border-radius-50 {
	  border-radius: 50%;
	}

	.border-none {
	  border: none !important;
	}

/*================================== Background ==================================*/

	.bg-basic {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	.bg-cover {
		background-size: cover !important;
	}

	.bg-contain {
		background-size: contain !important;
	}

	.bg-none {
		background: none !important;
	}

	.bg-black {
		background-color: black;
		color: white;
	}

/*================================== Buttons ==================================*/

	.basic-btn {
		background: var(--jetBlack);
		border: 2px solid var(--jetBlack);
		border-radius: 0px;
		padding: .5rem 1rem;
		color: white;
		font-weight: bold;
		text-decoration: none;
		transition: all 0.3s ease-in-out;
	}

	.long-btn {
		padding: .5rem 4rem;
	}

	.basic-btn:hover, .basic-btn:focus, .basic-btn.active {
		border: 2px solid var(--jetBlack);
		color: var(--jetBlack);
		text-decoration: none;
		background-color: white;
	}

	.outline-btn {
		background: none;
		border: 1px solid white;
		padding: .5rem 1rem;
		color: white;
		text-decoration: none;
		transition: all 0.3s ease-in-out;
	}

	.outline-btn:hover, .outline-btn:focus {
		font-weight: bold;
		color: black;
		text-decoration: none;
		background-color: white;
	}

	.outline-gray-btn,  .outline-gray-btn-a a {
		background: none;
		border: 1px solid gray;
		padding: .7rem 2rem;
		color: gray;
		border-radius: 15px;
		text-decoration: none;
		transition: all 0.3s ease-in-out;
		z-index: 10;
	}

	.outline-gray-btn:hover, .outline-gray-btn:focus, .outline-gray-btn-a:hover a, .outline-gray-btn-a:focus a {
		font-weight: bold;
		color: var(--jetBlack);
		text-decoration: none;
		background-color: white;
		border: 1px solid var(--jetBlack);
	}

	.solid-btn {
		background: white;
		border: 1px solid white !important;
		padding: .5rem 4rem !important;
		color: black;
		text-decoration: none;
		transition: all 0.3s ease-in-out;
		border-radius: 20px !important;
	}

	.solid-btn:hover, .solid-btn:focus {
		font-weight: bold;
		color: black;
		text-decoration: none;
	}

	.page-numbers {
		padding: .5rem 1rem;
		margin: 0 .2rem;
		background-color: var(--jetBlack);
		border-radius: 5px;
		color: white !important;
		border: 1px solid var(--jetBlack);
	}

	.page-numbers.current {
		background-color: white;
		color: var(--jetBlack) !important;
	}

/*================================== Filters & Opacity ==================================*/

	.filter-brightness-90 {
		filter: brightness(90%);
	}

	.filter-brightness-80 {
		filter: brightness(80%);
	}

	.filter-brightness-70 {		
		filter: brightness(70%);
	}

	.filter-brightness-50 {
		filter: brightness(50%);
	}

	.filter-grayscale {
		filter: grayscale(100%);
	}

	.filter-grayscale-inverted {
		filter: grayscale(100%) invert(100%);
	}

	.filter-black-white {
		filter: invert(93%) sepia(7%) saturate(27%) hue-rotate(206deg) brightness(103%) contrast(107%);
	}

	.filter-white {
		filter: brightness(0) invert(1);
	}

	.filter-black {
		filter: brightness(0);
	}

	.filter-blur {
		backdrop-filter: blur(8px);
	}
	
	.opacity-0 {
		opacity: 0 !important;
	}

	.opacity-10 {
		opacity: 10% !important;
	}

	.opacity-20 {
		opacity: 20% !important;
	}

	.opacity-30 {
		opacity: 30% !important;
	}

	.opacity-50 {
		opacity: 50% !important;
	}

	.opacity-80 {
		opacity: 80% !important;
	}

	.opacity-85 {
		opacity: 85% !important;
	}

	.opacity-90 {
		opacity: 90% !important;
	}

	.opacity-100 {
		opacity: 100% !important;
	}

/*================================== Transformations ==================================*/

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

	.rotate-90 {
		transform: rotate(90deg);
	}

	.rotate--90 {
		transform: rotate(-90deg);
	}

	.translate-Y-100 {
		transform: translateY(100%);
	}

	.translate-Y--50 {
		transform: translateY(-50%);
	}

	.translate-X-100 {
		transform: translateX(100%);
	}

	.translate-X--50 {
		transform: translateX(-50%);
	}

/*================================== Bootstrap Fix ==================================*/

	.row {
	  --bs-gutter-x: 0;
	  --bs-gutter-y: 0;
	}

/*================================== Link Effect ==================================*/
	
	.link-effect, .child-link-effect a {
		color: white;
		text-decoration: none;
		transition: all 0.2s ease-in-out;
		padding: .5rem 1rem;
		position: relative;
	}

	.link-effect::after, .child-link-effect a::after {
		content: '';
		display: inline-block;
		width: 0;
		height: 2px;
		transition: width 0.3s ease-in, border-bottom 0.3s ease-in;
		border-bottom: 1px solid white;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.link-effect:hover, .link-effect:focus, .child-link-effect:hover, .child-link-effect:focus {
		color: white;
		font-weight: bold;
		text-decoration: none;
	}

	.link-effect:hover::after, .child-link-effect:hover::after {
		width: 100%;
	}

	.underline-effect {
		padding-bottom: .5rem;
		border-bottom: 1px solid white;
	}

	.scale-effect {
		transition: transform 0.4s ease-in-out;

	}

	.scale-effect:hover {
		transform: scale(1.05);
		text-decoration: none;
	}

/*================================== Animations ==================================*/

	.opacity-element {
		opacity: 0;
	}

	.left-element {
		--leftTrans: -50%;
		transition: transform 0.6s ease-in-out;
	}

	.right-element {
		--leftTrans: 50%;
		transform: translateX(50%);
		transition: transform 0.6s ease-in-out;
	}

	.bottom-element {
		--topTrans: 50%;
		opacity: 0;
		transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
	}

	.small-bottom-element {
		--leftTrans: 30%;
		opacity: 0;
		transition: transform 0.4s ease-out, opacity 0.4s ease-out;
	}

	.animation-element.in-view {
		--rotate: 0deg;
		--scale: 1;
		transform: translate(var(--topTrans),var(--leftTrans)) rotate(var(--rotate)) scale(var(--scale));
		opacity: 1;
	}

	.animation-element.opacity-element {
		transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	}

	.slower-animation {
		transition: transform 1s ease-in-out;
	}

	.slower-animation.opacity-element {
		transition: transform 1s ease-in-out, opacity 1s ease-in-out;
	}

/*================================== Footer ==================================*/

	.footer-social-link {
		margin: .5rem .5rem;
		transition: margin 0.4s ease-in-out;
	}

	.footer-social-link:hover, .footer-social-link:focus {
		margin: .3rem .5rem;
	}

	.footer-social-link a {
		color: white;
	}

	.footer-social-link a:hover, .footer-social-link a:focus {
		color: white;
		font-size: 1.5rem !important;
		padding: 0.2rem 0.5rem !important;
	}

/*=====================================
=            Media Queries            =
=====================================*/


	@media (max-width: 1200px) {
		
	}

	@media (max-width: 992px) {
		
	}
	
	@media (max-width: 768px) {

		.desktop, .desktop-flex {
			display: none !important;
		}

		.mobile {
			display: block !important;
		}

		.mobile-flex {
			display: flex !important;
		}

		.overflow-y-hidden-mobile {
			overflow-y: hidden !important;
		}

		.list-right-bullet {
			direction: rtl;
		}
		
		.navbar_inner {
			display: flex;
			background-color: black;
		}
		
		.navbar_bg_show .navbar_inner {
			display: flex !important;
		}
		
		.menu-item:not(.lang-menu, .lang-item) {
			margin: .6rem 1rem;
			display: flex;
			justify-content: center;
		}
		
		.pll-parent-menu-item {
  	    flex-direction: column;
  	    align-items: center;
  	}
		
		.pll-parent-menu-item ul {
  	    position: relative;
  	    top: 0%;
  	}

  	.desktop-animation {
			transform: none;
			opacity: 1;
		}

		.vertical-control {
			top: 95%;
			bottom: -5%;
			width: 25%;
		}

		.menu-item.active .sub-menu {
			height: auto;
			max-height: none;
			border: none;
		}

	}

	@media (max-width: 576px) {
		.desktop-sm {
			display: none !important;
		}

		.mobile-sm {
			display: block !important;
		}
	}

	@media (min-width: 576px) {
		
		/*================================== Width % ==================================*/
			.w-sm-95 {
				width: 95% !important;
			}

			.w-sm-90 {
				width: 90% !important;
			}

			.w-sm-80 {
				width: 80% !important;
			}

			.w-sm-70 {
				width: 70% !important;
			}

			.w-sm-60 {
				width: 60% !important;
			}

			.w-sm-40 {
				width: 40% !important;
			}

			.w-sm-30 {
				width: 30% !important;
			}

			.w-sm-20 {
				width: 20% !important;
			}

			.w-sm-10 {
				width: 10% !important;
			}

		/*================================== Width VW ==================================*/

			.vw-sm-95 {
				width: 95vw !important;
			}

			.vw-sm-90 {
				width: 90vw !important;
			}

			.vw-sm-80 {
				width: 80vw !important;
			}

			.vw-sm-70 {
				width: 70vw !important;
			}

			.vw-sm-60 {
				width: 60vw !important;
			}

			.vw-sm-50 {
				width: 50vw !important;
			}

			.vw-sm-40 {
				width: 40vw !important;
			}

			.vw-sm-30 {
				width: 30vw !important;
			}

			.vw-sm-20 {
				width: 20vw !important;
			}

			.vw-sm-10 {
				width: 10vw !important;
			}

		/*================================== MAX Width PX ==================================*/

			.mw-sm-1500px {
				max-width: 1500px !important;
			}

			.mw-sm-1200px {
				max-width: 1200px !important;
			}

			.mw-sm-600px {
				max-width: 600px !important;
			}

			.mw-sm-500px {
				max-width: 500px !important;
			}

			.mw-sm-400px {
				max-width: 400px !important;
			}

			.mw-sm-300px {
				max-width: 300px !important;
			}

			.mw-sm-200px {
				max-width: 200px !important;
			}

			.mw-sm-150px {
				max-width: 150px !important;
			}

			.mw-sm-100px {
				max-width: 100px !important;
			}

			.mw-sm-50px {
				max-width: 50px !important;
			}

			.mw-sm-30px {
				max-width: 30px !important;
			}

		/*================================== MIN Width ==================================*/

			.min-vw-sm-100 {
				min-width: 100vw !important;
			}

			.min-w-sm-200px {
				min-width: 200px !important;
			}

			.min-w-sm-100px {
				min-width: 100px !important;
			}

			.min-w-sm-75px {
				min-width: 75px !important;
			}

			.min-w-sm-auto {
				min-width: auto !important;
			}

		/*================================== MAX Height PX ==================================*/

			.mh-sm-600px {
				max-height: 600px !important;
			}

			.mh-sm-500px {
				max-height: 500px !important;
			}

			.mh-sm-400px {
				max-height: 400px !important;
			}

			.mh-sm-300px {
				max-height: 300px !important;
			}

			.mh-sm-200px {
				max-height: 200px !important;
			}

			.mh-sm-150px {
				max-height: 150px !important;
			}

			.mh-sm-100px {
				max-height: 100px !important;
			}

			.mh-sm-75px {
				max-height: 75px !important;
			}

			.mh-sm-50px {
				max-height: 50px !important;
			}

		/*================================== MIN Height PX ==================================*/

			.min-vh-sm-100 {
				min-height: 100vh !important;
			}

			.min-h-sm-500px {
				min-height: 500px !important;
			}

			.min-h-sm-300px {
				min-height: 300px !important;
			}

			.min-h-sm-200px {
				min-height: 200px !important;
			}

			.min-h-sm-100px {
				min-height: 100px !important;
			}

			.min-h-sm-30w {
				min-height: 30vw !important;
			}

			.min-h-sm-60w {
				min-height: 60vw !important;
			}

			.min-h-sm-90w {
				min-height: 90vw !important;
			}

		/*================================== Height VW ==================================*/

			.h-sm-10w {
				height: 10vw !important;
			}

			.h-sm-15w {
				height: 15vw !important;
			}

			.h-sm-20w {
				height: 20vw !important;
			}

			.h-sm-30w {
				height: 30vw !important;
			}

			.h-sm-40w {
				height: 40vw !important;
			}

			.h-sm-50w {
				height: 50vw !important;
			}

			.h-sm-60w {
				height: 60vw !important;
			}

			.h-sm-70w {
				height: 70vw !important;
			}

			.h-sm-80w {
				height: 80vw !important;
			}

			.h-sm-90w {
				height: 90vw !important;
			}

			.h-sm-100w {
				height: 100vw !important;
			}

		/*================================== Height % ==================================*/

			.h-sm-0 {
				height: 0 !important;
			}

			.h-sm-10 {
				height: 10% !important;
			}

			.h-sm-20 {
				height: 20% !important;
			}

			.h-sm-30 {
				height: 30% !important;
			}

			.h-sm-40 {
				height: 40% !important;
			}

			.h-sm-50 {
				height: 50% !important;
			}

			.h-sm-60 {
				height: 60% !important;
			}

			.h-sm-70 {
				height: 70% !important;
			}

			.h-sm-80 {
				height: 80% !important;
			}

			.h-sm-90 {
				height: 90% !important;
			}

		/*================================== Height PX ==================================*/

			.h-sm-400px {
				height: 400px !important;
			}

		/*================================== Top ==================================*/
			.t-sm-90 {
				top: 90% !important;
			}

			.t-sm-80 {
				top: 80% !important;
			}

			.t-sm-75 {
				top: 75% !important;
			}

			.t-sm-70 {
				top: 70% !important;
			}

			.t-sm-60 {
				top: 60% !important;
			}

			.t-sm-50 {
				top: 50% !important;
			}

			.t-sm-40 {
				top: 40% !important;
			}

			.t-sm-30 {
				top: 30% !important;
			}

			.t-sm-25 {
				top: 25% !important;
			}

			.t-sm-20 {
				top: 20% !important;
			}
			
			.t-sm-10 {
				top: 10% !important;
			}

			.t-sm-0 {
				top: 0% !important;
			}

			.t-sm-auto {
				top: auto !important;
			}

		/*================================== Left ==================================*/
			.l-sm-100 {
				left: 100% !important;
			}

			.l-sm-90 {
				left: 90% !important;
			}

			.l-sm-80 {
				left: 80% !important;
			}

			.l-sm-75 {
				left: 75% !important;
			}

			.l-sm-70 {
				left: 70% !important;
			}

			.l-sm-60 {
				left: 60% !important;
			}

			.l-sm-50 {
				left: 50% !important;
			}

			.l-sm-40 {
				left: 40% !important;
			}

			.l-sm-30 {
				left: 30% !important;
			}

			.l-sm-25 {
				left: 25% !important;
			}

			.l-sm-20 {
				left: 20% !important;
			}
			
			.l-sm-10 {
				left: 10% !important;
			}

			.l-sm-0 {
				left: 0% !important;
			}

			.l-sm-auto {
				left: auto !important;
			}

		/*================================== Z Index ==================================*/
			.z-sm-0 {
				z-index: 0 !important;
			}

			.z-sm-1 {
				z-index: 1 !important;
			}

			.z-sm-2 {
				z-index: 2 !important;
			}

			.z-sm-3 {
				z-index: 3 !important;
			}

			.z-sm-4 {
				z-index: 4 !important;
			}

			.z-sm-1000 {
				z-index: 1000 !important;
			}

		/*================================== Negative Margin ==================================*/

			.mt-sm--5 {
				margin-top: -3rem;
			}

			.mb-sm--5 {
				margin-bottom: -3rem;
			}

		/*================================== Text Sizes ==================================*/

			.header_XXL_sm_size {
				font-size: 7rem !important;
				font-size: calc(4.5rem + 4.5vw) !important;
			}

			.header_big_sm_size {
				font-size: 3rem !important;
				font-size: calc(2rem + 2vw) !important;
			}

			.header_sm_size {
				font-size: 2rem !important;
				font-size: calc(1.5rem + 1vw) !important;
			}

			.header_small_sm_size {
				font-size: 1.75rem !important;
				font-size: calc(1.2rem + 1vw) !important;
			}

			.subheader_sm_size {
				font-size: 1.5rem !important;
				font-size: calc(1rem + 1vw) !important;
			}

			.subheader_small_sm_size {
				font-size: 1rem !important;
				font-size: calc(.85rem + .85vw) !important;
			}

			.XL_p_sm_size {
				font-size: .9rem !important;
				font-size: calc(.80rem + .75vw) !important;
			}

			.big_p_sm_size {
				font-size: .85rem !important;
				font-size: calc(.75rem + .6vw) !important;
			}

			.p_sm_size {
				font-size: .75rem !important;
				font-size: calc(.65rem + .5vw) !important;
			}

			.small_p_sm_size {
				font-size: .65rem !important;
				font-size: calc(.5rem + .4vw) !important;
			}

		/*================================== Filters ==================================*/

			.filter-none-sm {
				filter: none !important;
			}

	}

	@media (min-width: 768px) {

		.menu-item .sub-menu {
			position: absolute;
			width: max-content;
			top: 100%;
			max-height: 0;
			height: 0;
			overflow: hidden;
		}

		.menu-item:hover .sub-menu, .menu-item:focus .sub-menu {
			height: auto;
			max-height: none;
			border: 2px solid lightgray;
		}

		.long-btn-md {
			padding: .5rem 4rem;
		}

		/*================================== Flex Box ==================================*/

			.flex-column-md {
				flex-direction: column !important;
			}

		/*================================== Width % ==================================*/
			.w-md-100 {
				width: 100% !important;
			}

			.w-md-95 {
				width: 95% !important;
			}

			.w-md-90 {
				width: 90% !important;
			}

			.w-md-80 {
				width: 80% !important;
			}

			.w-md-75 {
				width: 75% !important;
			}

			.w-md-70 {
				width: 70% !important;
			}

			.w-md-50 {
				width: 50% !important;
			}

			.w-md-60 {
				width: 60% !important;
			}

			.w-md-40 {
				width: 40% !important;
			}

			.w-md-30 {
				width: 30% !important;
			}

			.w-md-20 {
				width: 20% !important;
			}

			.w-md-10 {
				width: 10% !important;
			}

		/*================================== Width VW ==================================*/

			.vw-md-95 {
				width: 95vw !important;
			}

			.vw-md-90 {
				width: 90vw !important;
			}

			.vw-md-80 {
				width: 80vw !important;
			}

			.vw-md-70 {
				width: 70vw !important;
			}

			.vw-md-60 {
				width: 60vw !important;
			}

			.vw-md-50 {
				width: 50vw !important;
			}

			.vw-md-40 {
				width: 40vw !important;
			}

			.vw-md-30 {
				width: 30vw !important;
			}

			.vw-md-20 {
				width: 20vw !important;
			}

			.vw-md-10 {
				width: 10vw !important;
			}

		/*================================== MAX Width PX ==================================*/

			.mw-md-1500px {
				max-width: 1500px !important;
			}

			.mw-md-1200px {
				max-width: 1200px !important;
			}

			.mw-md-600px {
				max-width: 600px !important;
			}

			.mw-md-500px {
				max-width: 500px !important;
			}

			.mw-md-400px {
				max-width: 400px !important;
			}

			.mw-md-300px {
				max-width: 300px !important;
			}

			.mw-md-200px {
				max-width: 200px !important;
			}

			.mw-md-150px {
				max-width: 150px !important;
			}

			.mw-md-100px {
				max-width: 100px !important;
			}

			.mw-md-50px {
				max-width: 50px !important;
			}

			.mw-md-30px {
				max-width: 30px !important;
			}

		/*================================== MIN Width ==================================*/

			.min-vw-md-100 {
				min-width: 100vw !important;
			}

			.min-w-md-200px {
				min-width: 200px !important;
			}

			.min-w-md-100px {
				min-width: 100px !important;
			}

			.min-w-md-75px {
				min-width: 75px !important;
			}

			.min-w-md-auto {
				min-width: auto !important;
			}

		/*================================== MAX Height PX ==================================*/

			.mh-md-700px {
				max-height: 700px !important;
			}

			.mh-md-600px {
				max-height: 600px !important;
			}

			.mh-md-500px {
				max-height: 500px !important;
			}

			.mh-md-400px {
				max-height: 400px !important;
			}

			.mh-md-300px {
				max-height: 300px !important;
			}

			.mh-md-200px {
				max-height: 200px !important;
			}

			.mh-md-150px {
				max-height: 150px !important;
			}

			.mh-md-100px {
				max-height: 100px !important;
			}

			.mh-md-75px {
				max-height: 75px !important;
			}

			.mh-md-50px {
				max-height: 50px !important;
			}

		/*================================== MIN Height PX ==================================*/

			.min-vh-md-100 {
				min-height: 100vh !important;
			}

			.min-h-md-500px {
				min-height: 500px !important;
			}

			.min-h-md-400px {
				min-height: 400px !important;
			}

			.min-h-md-300px {
				min-height: 300px !important;
			}

			.min-h-md-200px {
				min-height: 200px !important;
			}

			.min-h-md-100px {
				min-height: 100px !important;
			}
			
			.min-h-md-20w {
    			min-height: 20vw !important;
    		}

			.min-h-md-30w {
				min-height: 30vw !important;
			}

			.min-h-md-60w {
				min-height: 60vw !important;
			}

			.min-h-md-90w {
				min-height: 90vw !important;
			}

		/*================================== Height VW ==================================*/

			.h-md-10w {
				height: 10vw !important;
			}

			.h-md-15w {
				height: 15vw !important;
			}

			.h-md-20w {
				height: 20vw !important;
			}

			.h-md-30w {
				height: 30vw !important;
			}

			.h-md-40w {
				height: 40vw !important;
			}

			.h-md-50w {
				height: 50vw !important;
			}

			.h-md-60w {
				height: 60vw !important;
			}

			.h-md-70w {
				height: 70vw !important;
			}

			.h-md-80w {
				height: 80vw !important;
			}

			.h-md-90w {
				height: 90vw !important;
			}

			.h-md-100w {
				height: 100vw !important;
			}

		/*================================== Height % ==================================*/

			.h-md-0 {
				height: 0 !important;
			}

			.h-md-10 {
				height: 10% !important;
			}

			.h-md-20 {
				height: 20% !important;
			}

			.h-md-30 {
				height: 30% !important;
			}

			.h-md-40 {
				height: 40% !important;
			}

			.h-md-50 {
				height: 50% !important;
			}

			.h-md-60 {
				height: 60% !important;
			}

			.h-md-70 {
				height: 70% !important;
			}

			.h-md-80 {
				height: 80% !important;
			}

			.h-md-90 {
				height: 90% !important;
			}

			.h-md-100 {
				height: 100% !important;
			}

			.h-md-auto {
				height: auto !important;
			}

		/*================================== Height PX ==================================*/

			.h-md-400px {
				height: 400px !important;
			}

		/*================================== Top ==================================*/
			.t-md-90 {
				top: 90% !important;
			}

			.t-md-80 {
				top: 80% !important;
			}

			.t-md-75 {
				top: 75% !important;
			}

			.t-md-70 {
				top: 70% !important;
			}

			.t-md-60 {
				top: 60% !important;
			}

			.t-md-50 {
				top: 50% !important;
			}

			.t-md-40 {
				top: 40% !important;
			}

			.t-md-30 {
				top: 30% !important;
			}

			.t-md-25 {
				top: 25% !important;
			}

			.t-md-20 {
				top: 20% !important;
			}
			
			.t-md-10 {
				top: 10% !important;
			}

			.t-md-0 {
				top: 0% !important;
			}

			.t-md-auto {
				top: auto !important;
			}

		/*================================== Left ==================================*/
			.l-md-100 {
				left: 100% !important;
			}

			.l-md-90 {
				left: 90% !important;
			}

			.l-md-80 {
				left: 80% !important;
			}

			.l-md-75 {
				left: 75% !important;
			}

			.l-md-70 {
				left: 70% !important;
			}

			.l-md-60 {
				left: 60% !important;
			}

			.l-md-50 {
				left: 50% !important;
			}

			.l-md-40 {
				left: 40% !important;
			}

			.l-md-30 {
				left: 30% !important;
			}

			.l-md-25 {
				left: 25% !important;
			}

			.l-md-20 {
				left: 20% !important;
			}
			
			.l-md-10 {
				left: 10% !important;
			}

			.l-md-0 {
				left: 0% !important;
			}

			.l-md--10 {
				left: -10% !important;
			}

			.l-md-auto {
				left: auto !important;
			}
			
		/*================================== Right ==================================*/
		
		    .r-md--10 {
    			right: -10% !important;
    		}

		/*================================== Z Index ==================================*/
			.z-md-0 {
				z-index: 0 !important;
			}

			.z-md-1 {
				z-index: 1 !important;
			}

			.z-md-2 {
				z-index: 2 !important;
			}

			.z-md-3 {
				z-index: 3 !important;
			}

			.z-md-4 {
				z-index: 4 !important;
			}

			.z-md-1000 {
				z-index: 1000 !important;
			}

			.z-md--2 {
				z-index: -2 !important;
			}

		/*================================== Position ==================================*/
			
			.position-md-absolute {
				position: absolute !important;
			}

			.position-md-relative {
				position: relative !important;
			}

			.absolute-md-center {
				position: absolute !important;
				--topPos: 50%;
				--leftPos: 50%;
				--topTrans: -50%;
				--leftTrans: -50%;
				--rotate: 0deg;
				--scale: 1;
				top: var(--topPos);
				left: var(--leftPos);
				transform: translate(var(--topTrans), var(--leftTrans)) rotate(var(--rotate)) scale(var(--scale));
			}

		/*================================== Margins ==================================*/

			.mt-md--5 {
				margin-top: -3rem !important;
			}

			.mb-md--5 {
				margin-bottom: -3rem !important;
			}

			.mb-md--4 {
				margin-bottom: -2rem !important;
			}

			.my-md--2 {
				margin-top: -1rem !important;
				margin-bottom: -1rem !important;
			}

			.mb-md--2 {
				margin-bottom: -1rem !important;
			}

			.mt-md--2 {
				margin-top: -1rem !important;
			}

			.mx-md--2 {
				margin-left: -1rem !important;
				margin-right: -1rem !important;
			}

			.mt-md--2 {
				margin-top: -1rem !important;
			}

			.mt-md--1 {
				margin-top: -0.5rem !important;
			}

			.mb-md--2 {
				margin-bottom: -1rem;
			}
			
		/*================================== Text Sizes ==================================*/

			.header_XXL_md_size {
				font-size: 7rem !important;
				font-size: calc(4.5rem + 4.5vw) !important;
			}

			.header_XL_md_size {
				font-size: 5rem !important;
				font-size: calc(3.5rem + 3.5vw) !important;
			}

			.header_big_md_size {
				font-size: 3rem !important;
				font-size: calc(2rem + 2vw) !important;
			}
			
			.header_large_md_size {
    			font-size: 2.5rem !important;
    			font-size: calc(2rem + 1vw) !important;
    		}
    
    		.header_large_md_size > * {
    			font-size: 2.5rem !important;
    			font-size: calc(2rem + 1vw) !important;
    		}

			.header_md_size {
				font-size: 2rem !important;
				font-size: calc(1.5rem + 1vw) !important;
			}

			.header_small_md_size {
				font-size: 1.75rem !important;
				font-size: calc(1.2rem + 1vw) !important;
			}

			.subheader_md_size {
				font-size: 1.5rem !important;
				font-size: calc(1rem + 1vw) !important;
			}

			.subheader_small_md_size {
				font-size: 1rem !important;
				font-size: calc(.85rem + .85vw) !important;
			}

			.XL_p_md_size {
				font-size: .9rem !important;
				font-size: calc(.80rem + .75vw) !important;
			}

			.big_p_md_size {
				font-size: .85rem !important;
				font-size: calc(.75rem + .6vw) !important;
			}

			.p_md_size {
				font-size: .75rem !important;
				font-size: calc(.65rem + .5vw) !important;
			}

			.small_p_md_size {
				font-size: .65rem !important;
				font-size: calc(.5rem + .4vw) !important;
			}

		/*================================== Text Align ==================================*/
			
			.text-justify-md {
				text-align: justify !important;
			}

			.text-left-md {
				text-align: left !important;
			}

		/*================================== Colors ==================================*/

			.c-md-lightgray {
				color: lightgray !important;
			}

			.c-md-gray {
				color: gray !important;
			}

			.c-md-lightgray {
				color: lightgray !important;
			}

			.c-md-black {
				color: black !important;
			}

			.c-md-white {
				color: white !important;
			}

			.c-md-transparent {
				color: transparent !important;
			}

		/*================================== Filters ==================================*/

			.filter-none-md {
				filter: none !important;
			}

		/*================================== Animations ==================================*/

			.opacity-md-element {
				opacity: 0;
			}

			.left-md-element {
				transform: translateX(-50%);
				transition: transform 0.6s ease-in-out;
			}

			.right-md-element {
				transform: translateX(50%);
				transition: transform 0.6s ease-in-out;
			}

			.bottom-md-element {
				transform: translateY(50%);
				opacity: 0;
				transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
			}

	}

	@media (min-width: 992px) {
			.desktop-flex-lg {
				display: flex !important;
			}

			.mobile-flex-lg {
				display: none !important;
			}

			.w-lg-100 {
				width: 100% !important;
			}
		/*================================== Position ==================================*/
				
			.position-lg-absolute {
				position: absolute !important;
			}

			.position-lg-relative {
				position: relative !important;
			}
	}

	@media (min-width: 1200px) {
		
	}