
/* Body */

body {
	font-size: 16px;
	color: #111111;
	line-height: 1.5rem;
	font-weight: 400;
}

a:not(.btn):hover {
	text-decoration: none;
}


/* Lead */
p.lead {
	line-height: 32px;
	line-height: 2.0rem;
}

.lead {
	letter-spacing: -.05em;
	font-size: 21px;
	font-size: 1.33rem;
}


/* Tight */
.tight {
	line-height: 16px;
	line-height: 1.2rem;
}

.tighttight {
	line-height: 16px;
	line-height: 0.0rem;
}




/* Footer */
#footer {
	background: var(--footergreen);
	border-top: 4px solid var(--dark);
	font-size: 1.1em;
	margin-top: 50px;
	padding: 0;
	position: relative;
	clear: both;
}

#footer p {
	color: var(--dark);
}

#footer h4 {
	color: var(--light) !important;
	}


#footer a:not(.btn):not(.no-footer-css).text-color-light {
	color: var(--light) !important;
}


/* Footer Copyright */
#footer .footer-copyright {
	background: var(--dark-100);
}

#footer .footer-copyright nav {
	font-size: 0.9em;
}

#footer .footer-copyright p {
	color: var(--light) !important;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

#footer .footer-copyright nav ul li {
	border-left: 1px solid #505050;
}


/* Headings */
h1, h2, h3, h4, h5, h6 {
	color: var(--dark);
	font-weight: 400;
	letter-spacing: -.05em;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-size: 2.75em;
	font-weight: 400;
	line-height: 3.0rem;
	margin: 0 0 32px 0;
}

h2 {
	font-size: 1.9em;
	font-weight: 400;
	line-height: 2.3rem;
	margin: 0 0 32px 0;
}

h3 {
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.5rem;
	margin-bottom: 33px;
	text-transform: uppercase;
}

h4 {
	font-size: 1.13em;
	font-weight: 600;
	line-height: 2.6rem;
	margin: 0 0 14px 0;
}

h5 {
	font-size: 1em;
	font-weight: 600;
	line-height: 18px;
	margin: 0 0 14px 0;
	text-transform: uppercase;
}

h6 {
	color: var(--dark--200);
	font-size: 2.4em;
	font-weight: 300;
	line-height: 1.6rem;
	margin: 0 0 32px 0;
}

h1.big {
	font-size: 4.2em;
	line-height: 54px;
}

h1.medium {
	font-size: 3.4em;
	line-height: 54px;
}

h1.small {
	font-size: 2.2em;
	font-weight: 300;
	line-height: 42px;
	font-weight: 600;
}

h1.bigger {
	font-size:5.0em;
	font-weight: 800;
	line-height: 54px;
}


/* Section Featured Removes Top Margin */
section.section {
	background: var(--grey-100);
	border-top: 5px solid var(--grey-100);
	margin: 0px 0;
	padding: 50px 0;
}

/* Section List Square */
html section.section ul {
	list-style-type: square;
	display: inline-block;
}


/* Testimonial */
.testimonial .testimonial-author img {
	max-width: 125px;
}

/* Home Intro */
.home-intro {
	background-color: #000000;
	margin-bottom: 40px;
	overflow: hidden;
	padding: 0px 0;
	padding: 1.5rem 0;
	position: relative;
	text-align: left;
	letter-spacing: -0.5px;
}


/* Side List */
.wdlist	{
	font-size: 16px;
	line-height: 24px;
}
.wdlist	li {
	padding-bottom: 8px;
	list-style: square;
}
.wdlistside	{
	font-size: 16px;
	color: #343434;
}
.wdlistside a	{
	font-size: 16px;
	color: #343434;
}

ul.wdlistside li.active > a {
	font-weight: bold;
}

.sqf {
	margin:auto;
	align-items: center;
}


/* Divider*/
hr.divider-green {
	width: 100%;
	height: 6px;
	background-color: #8fd400;
}


.divider-black {
	width: 100%;
	margin-bottom: 6px;
	height: 1px;
	background-color: #000000;
}

.divider-grey {
	width: 100%;
	margin-bottom: 6px;
	height: 1px;
	background-color: #dddddd;
}


.divider-thick {
	width: 100%;
	margin-bottom: 6px;
	height: 6px;
	background-color: #F2ECE2;
}

hr.gratient {
	background: #000000;
	background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 1.0), transparent);
}



/* Product Menu List */
.prodmenulist	{
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	padding-left: 0;
	padding-right: 0;
	position: relative;
   z-index: 9999;
}

.prodmenulist	ul {
	padding-bottom: 2px;
	list-style: none;
}

.prodmenulist	li {
	float: left;
	padding-bottom: 2px;
	list-style: none;
}

.prodmenulist	a {
	display: block;
  	text-align: left;
 	padding: 16px;
  	text-decoration: none;
}



/* Product Menu List Small */

.prodsubmenu	li {
	font-size: 14px;
	line-height: 16px;
	display: inline-block;
    width: 100px;
    position: relative;
	padding-left: 0;
	padding-bottom: 0;
	list-style: none;
}

.prodsubmenu	a {
	display: block;
  	text-align: left;
 	padding: 0px;
  	text-decoration: none;
}



.prodmenulistsm	{
	font-size: 14px;
	line-height: 20px;
}

.prodmenulistsm	ul {
	display: block;
	opacity: 0;
	left: auto;
	min-width: 200px;
	text-align: left;
	padding-bottom: 8px;
	list-style: none;
}

.prodmenulistsm	li {
	float: left;
	padding-bottom: 8px;
	list-style: none;
}

.prodmenulistsm	a {
	display: block;
  	text-align: left;
 	padding: 16px;
  	text-decoration: none;
}

.mfp-wrap {
   z-index: 99999 !important;
}



/* Tables */
.table > tbody > tr > td.solutable,
.table > tbody > tr.solutable > td {
	font-weight: 700;
	color: #000000;
	border-top-color: #FFF;
	vertical-align: bottom;
}
.table > tbody > tr > td.solutop,
.table > tbody > tr.solutop > td {
	border-top-color: #000;
}
.table > tbody > tr > td.solutno,
.table > tbody > tr.solutno > td {
	border-top-color: #FFF;
}


.table > tbody > tr > td.prodtable,
.table > tbody > tr.prodtable > td {
	color: #000000;
	border-top-color: #FFF;
	list-style: none;
}
.table > tbody > tr > td.prodtop,
.table > tbody > tr.solutop > td {
	border-top-color: #000;
}
.table > tbody > tr > td.prodno,
.table > tbody > tr.solutno > td {
	border-top-color: #FFF;
}



/* Testimonials */
.testimonial blockquote {
	font-family: 'Open Sans', sans serif;
}

.testimonial blockquote p {
	font-family: 'Open Sans', sans serif;
}



/* Button Light */
html body .btn-light,
html body .btn-outline.btn-light {
	border-color: #ffffff #ffffff #ffffff;
	color: var(--default);
}

html body .btn-light:hover, html body .btn-light.hover,
html body .btn-outline.btn-light:hover,
html body .btn-outline.btn-light.hover {
	background-color: #612577;
	border-color: #e6e5e5 #e6e5e5 #cccccc;
	color: var(--default);
}


/* Big Border Radius */
.border-radius-big {
	border-radius: 20px;
}


/* Counters */
.counters.counters-text-tertiary .counter {
	color: var(--tertiary) !important;
}

.counters.counters-big strong {
	font-size: 4.75em;
	font-weight: 800;
	line-height: 3.0rem;
	margin: 0 0 32px 0;
}


/* Center Vertical */
.vcenter {
margin: auto;
}


/* Kalani Product Menu Button */
.btn-kalani {
	font-size: 14px;
	--hover: var(--grey-200);
	background-color: var(--dark);
	border-color: var(--dark) var(--dark) var(--dark-300);
	color: var(--light);
}

.btn-kalani:hover, .btn-kalani.hover {
	border-color: var(--dark--200) var(--dark--200) var(--dark);
	color: var(--light);
}

.btn-kalani:hover:not(.bg-transparent), .btn-kalani.hover:not(.bg-transparent) {
	background-color: var(--grey-200);
}

.btn-kalani:focus, .btn-kalani.focus {
	border-color: var(--dark-300) var(--dark-300) var(--dark-300);
	color: var(--dark-inverse);
	box-shadow: 0 0 0 3px var(--dark-rgba-50);
}

.btn-kalani:focus:not(.bg-transparent), .btn-kalani.focus:not(.bg-transparent) {
	background-color: var(--grey-200);
}

.btn-kalani.disabled, .btn-kalani:disabled {
	border-color: var(--dark) var(--dark) var(--dark-300);
}

.btn-kalani.disabled:not(.bg-transparent), .btn-kalani:disabled:not(.bg-transparent) {
	background-color: var(--dark);
}

.btn-kalani:active, .btn-kalani.active {
	border-color: var(--dark-300) var(--dark-300) var(--dark-300) !important;
}

.btn-kalani:active:not(.bg-transparent), .btn-kalani.active:not(.bg-transparent) {
	background-color: var(--grey-200) !important;
	background-image: none !important;
}

.show > .btn-kalani.dropdown-toggle {
	background-color: var(--dark-200) !important;
	background-image: none !important;
	border-color: var(--dark-300) var(--dark-300) var(--dark-300) !important;
}

.btn-check:active + .btn-kalani, .btn-check:checked + .btn-kalani, .btn-check:focus + .btn-kalani {
	background-color: var(--dark-100);
	border-color: var(--dark) var(--dark) var(--dark-100);
	color: var(--dark-inverse);
}

.btn-outline.btn-kalani {
	color: var(--dark);
	background-color: transparent;
	background-image: none;
	border-color: var(--dark);
}

.btn-outline.btn-kalani:hover, .btn-outline.btn-kalani.hover {
	color: var(--dark-inverse);
	background-color: var(--grey-200);
	border-color: var(--dark);
}

.btn-outline.btn-kalani:focus, .btn-outline.btn-kalani.focus {
	box-shadow: 0 0 0 3px var(--dark-rgba-50);
}

.btn-outline.btn-kalani.disabled, .btn-outline.btn-kalani:disabled {
	color: var(--dark);
	background-color: transparent;
}

.btn-outline.btn-kalani:active, .btn-outline.btn-kalani.active {
	color: var(--dark) !important;
	background-color: var(--grey-200) !important;
	border-color: var(--dark) !important;
}

.show > .btn-outline.btn-kalani.dropdown-toggle {
	color: var(--dark-inverse) !important;
	background-color: var(--dark) !important;
	border-color: var(--dark) !important;
}

.btn-outline.btn-kalani:hover,
.btn-outline.btn-kalani.hover {
	color: var(–dark)!important;
}

.btn-outline.btn-kalani:hover {
	color: #000 !important;
}



/* Product Page Form Border */
#select {
   color: #000;
   border: 1px solid #000;
}


/* Tables */
.table > tbody > tr > td.solutable,
.table > tbody > tr.solutable > td {
	font-weight: 700;
	color: #000000;
	border-top-color: #FFF;
	vertical-align: bottom;
}
.table > tbody > tr > td.solutop,
.table > tbody > tr.solutop > td {
	border-top-color: #000;
}
.table > tbody > tr > td.solutno,
.table > tbody > tr.solutno > td {
	border-top-color: #FFF;
}


.table > tbody > tr > td.prodtable,
.table > tbody > tr.prodtable > td {
	color: #000000;
	border-top-color: #FFF;
	list-style: none;
}
.table > tbody > tr > td.prodtop,
.table > tbody > tr.solutop > td {
	border-top-color: #000;
}
.table > tbody > tr > td.prodno,
.table > tbody > tr.solutno > td {
	border-top-color: #FFF;
}


/* Product Form */
.custom-select-1 select {
   line-height: 14px !important;
   font-size: 14px !important;
   font-weight: 500;
   padding: 9px !important;
}


/* Header and Menu Layers */
#header {
   z-index: 10000;
}

.mfp-bg {
   z-index: 10001;
}



/* #Footer */
#footer {
	margin-top: 0px;
	padding: 0;
	position: relative;
	clear: both;
}


/* Solut List */
.solutlisted {
	list-style-type: square;
}

.solutlisted li {
	padding-bottom: 10px;
}