:root {
    --primary: #009999;
	--primary-light: #0fbdbd;
	--primary-lighter: #b0f6f6;
	--primary-lightest: #e7ffff;
	--primary-dark: #007777;
	--primary-darker: #004e4e;
	--primary-darkest: #003333;
	
	--secondary: #ff9933;
	--secondary-light: #fbc374;
	--secondary-lighter: #fbe2b2;
	--secondary-lightest: #fef5e2;
	--secondary-dark: #f77a00;
	--secondary-darker: #cc5800;
	--secondary-darkest: #964000;
	
	--neutral: #999999;
	--neutral-light: #b8b8b8;
	--neutral-lighter: #d0d0d0;
	--neutral-lightest: #f1f1f1;
	--neutral-dark: #707070;
	--neutral-darker: #505050;
	--neutral-darkest: #383838;
}

.primary-color{
	color:var(--primary);
}
.primary-light-color {
	color: var(--primary-light);
}

.primary-lighter-color {
	color: var(--primary-lighter);
}

.primary-lightest-color {
	color: var(--primary-lightest);
}

.primary-dark-color {
	color: var(--primary-dark);
}

.primary-darker-color {
	color: var(--primary-darker);
}

.primary-darkest-color {
	color: var(--primary-darkest);
}

.secondary-color{
	color:var(--secondary);
}
.secondary-light-color {
	color: var(--secondary-light);
}

.secondary-lighter-color {
	color: var(--secondary-lighter);
}

.secondary-lightest-color {
	color: var(--secondary-lightest);
}

.secondary-dark-color {
	color: var(--secondary-dark);
}

.secondary-darker-color {
	color: var(--secondary-darker);
}

.secondary-darkest-color {
	color: var(--secondary-darkest);
}

.neutral-color{
	color:var(--neutral);
}
.neutral-light-color {
	color: var(--neutral-light);
}
.neutral-lighter-color {
	color: var(--neutral-lighter);
}
.neutral-lightest-color {
	color: var(--neutral-lightest);
}
.neutral-dark-color {
	color: var(--neutral-dark);
}
.neutral-darker-color {
	color: var(--neutral-darker);
}
.neutral-darkest-color{ 
	color:var(--neutral-darkest); 
}

.primary-bg, .bg-primary {
	background-color:var(--primary);
}
.primary-light-bg, .bg-primary-light {
	background-color: var(--primary-light);
}

.primary-lighter-bg, .bg-primary-lighter {
	background-color: var(--primary-lighter);
}

.primary-lightest-bg, .bg-primary-lightest {
	background-color: var(--primary-lightest);
}

.primary-dark-bg, .bg-primary-dark {
	background-color: var(--primary-dark);
}

.primary-darker-bg, .bg-primary-darker {
	background-color: var(--primary-darker);
}

.primary-darkest-bg, .bg-primary-darkest {
	background-color: var(--primary-darkest);
}

.secondary-bg, .bg-secondary {
	background-color:var(--secondary);
}
.secondary-light-bg, .bg-secondary-light {
	background-color: var(--secondary-light);
}

.secondary-lighter-bg, .bg-secondary-lighter {
	background-color: var(--secondary-lighter);
}

.secondary-lightest-bg, .bg-secondary-lightest {
	background-color: var(--secondary-lightest);
}

.secondary-dark-bg, .bg-secondary-dark {
	background-color: var(--secondary-dark);
}

.secondary-darker-bg, .bg-secondary-darker {
	background-color: var(--secondary-darker);
}

.secondary-darkest-bg, .bg-secondary-darkest {
	background-color: var(--secondary-darkest);
}

.neutral-bg, .bg-neutral {
	background-color:var(--neutral);
}

.neutral-light-bg, .bg-neutral-light {
	background-color: var(--neutral-light);
}

.neutral-lighter-bg, .bg-neutral-lighter {
	background-color: var(--neutral-lighter);
}

.neutral-lightest-bg, .bg-neutral-lightest {
	background-color: var(--neutral-lightest);
}

.neutral-dark-bg, .bg-neutral-dark {
	background-color: var(--neutral-dark);
}

.neutral-darker-bg, .bg-neutral-darker {
	background-color: var(--neutral-darker);
}

.neutral-darkest-bg, .bg-neutral-darkest {
	background-color: var(--neutral-darkest);
}

h1, h2, h3 {
	font-family: 'Poppins';
	font-weight: 800;
	margin: 0;
	color:var(--primary);
}

h4, h5, h6 {
	font-family: 'Poppins';
	font-weight: 300;
	margin: 0;
	color: var(--primary);
}


h1, * h1 {
    font-size: 4rem;
    line-height: 5rem;
}

h2, * h2 {
	font-size: 3rem;
	line-height: 4rem;
}

h3, * h3 {
	font-size: 2rem;
	line-height: 3rem;
}

h4, * h4 {
	font-size: 3rem;
	line-height: 4rem;
}

h5, * h5 {
	font-size: 2rem;
	line-height: 3rem;
}

h6, * h6 {
	font-size: 1.5rem;
	line-height: 2.5rem;
}

a{color:var(--primary);}
a:hover, a:active {color:var(--secondary-darker);}
a:hover:active{color:var(--secondary-darker);}

input,select,button,.card {border-radius:0.25rem;}

input[type="submit"], input[type="button"], button, .btn, .vc_btn {
	border-radius: 0.25rem;
	box-shadow: rgb(0, 0, 0) 0px 2px 4px -2px;
	font-family: Poppins;
	font-weight:bold;
}

.border-radius, .container-radius {
	border-radius:5px;
	border-radius:0.25rem;
}

.container-shadow {
	box-shadow:0 2px 4px -2px #000;
}