body,
html
{
	font-family: "Khula", sans-serif;
	font-size: 1rem;
}

nav ul a,
nav ul .dropdown-content a
{
	color: #444;
	line-height: 64px;
	padding: 0 15px;
	transition: all 0.15s ease-out;
}

	nav ul li.active a,
	nav ul a:hover,
	nav ul .dropdown-content a:hover
	{
		background-color: rgba(0, 0, 0, 0.7);
		color: #fff;
		transition: all 0.15s ease-out;
	}
	
	.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected
	{
		background: none;
	}

p
{
	font-size: 1.13rem;
	line-height: 1.85rem;
}

h1,
h2,
h3,
h4,
h5
{
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
}

h5
{
	font-size: 1.4rem;
}

strong
{
	font-weight: 700;
}

table
{
	font-size: .75rem;
}

.btn,
.btn-large
{
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
}

.btn-flat
{
	background-color: transparent!important;
}

.teal.btn-flat:hover
{
	background-color: #2bbbad!important;
}

.button-collapse
{
	color: #26a69a;
}

nav
{
	background: rgba(255,255,255,.99);
	z-index: 1001;
}

.brand-logo
{
}

	.brand-logo img
	{
		display: block;
		max-height: 64px;
		width: auto;
	}

.dropdown-content
{
	background-color: #fefefe;
	margin-left: -1px;
	max-height: auto;
	min-width: 420px;
	width: auto;
	overflow: hidden;
	position: absolute;
	will-change: width, height;
}

.section-text
{
	padding-bottom: 2rem;
	padding-top: 2rem;
}

.row.features-list
{
	margin-bottom: 0;
}

.parallax-container
{
	height: auto;
	line-height: 0;
	text-shadow: 0px 5px 11px rgba(0, 0, 0, 0.18), 0 4px 15px rgba(0, 0, 0, 0.15);
}
	
	.parallax img
	{
		opacity: 0.25;
	}

.icon-block
{
	padding: 0 15px;
}

.icon-block .material-icons
{
	font-size: inherit;
}

.btn, .btn-large, .btn-flat
{
	border-radius: 30px;
}


.rounded-corners
{
	border-radius: 6px;
}

#blog .section-banner
{
	min-height: auto;
}

	#blog nav
	{
		background: none;
		height: auto;
	}
	
	.sharethis
	{
		margin-bottom: 10px;
	}
	
		.sharethis .stButton .stMainServices,
		.sharethis .stButton .stHBubble
		{
			height: 22px;
		}

.card-content .card-title
{
	margin: 0;
}

ol.abc-list
{
	list-style-type: lower-alpha;
}

.section-text ul li,
.section-text ol li
{
	margin-bottom: 10px;
}

.section-text ul li h6,
.section-text ol li h6
{
	margin-bottom: 0;
}

footer.page-footer
{
	margin: 0;
}

	footer.page-footer p
	{
		line-height: 1.5rem;
		padding-bottom: 0;
		padding-top: 0;
	}
	
	footer.page-footer .container form .row
	{
		margin-bottom: 10px;
	}
	
	footer.page-footer .footer-copyright
	{
		background-color: rgba(51, 51, 51, .3);
		font-size: .85rem;
		letter-spacing: 0.04rem;
	}




/* FORMS */
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea
{
	border-color: #eee;
}

.input-field label
{
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea,
.input-field label
{
}

#including-brands
{
	margin: 50px 0;
}

#including-brands .slider .slides
{
	background: none;
}

	#including-brands .slider img
	{
		background-size: contain!important;
		background-repeat: no-repeat;
	}


@media only screen and (max-width : 992px)
{

	h1
	{
		font-size: 2.6rem;
	}
	
	h3
	{
		font-size: 1.7rem;
	}
	
	.brand-logo img
	{
		max-height: 56px;
	}
	
	.dropdown-content
	{
		left: 0!important;
		min-width: 240px;
		width: 100%;
		word-wrap: break-word;
	}
}

@media only screen and (max-width : 768px)
{
	.why-list h4,
	.why-list p
	{
		text-align: left;
	}
}


@media only screen and (max-width : 650px)
{
	body,
	html
	{
		overflow-x: hidden;
	}
	
	h1
	{
		font-size: 1.4rem;
	}
	
	h2
	{
		font-size: 1.2rem;
	}
	
	h3
	{
		font-size: 1.2rem;
	}
	
	h4
	{
		font-size: 1.2rem;
	}
	
	h5
	{
		font-size: 1.2rem;
	}
	
	p
	{
		font-size: .9rem;
	    line-height: 1.4rem;
	}
}

@media only screen and (max-width : 601px)
{
	.container
	{
		width: 85%;
	}
	
	.features-list .feature,
	#what-we-do .why-list .why
	{
		margin-bottom: 50px;
	}
}

@media only screen and (max-width : 420px)
{
	.btn
	{
		font-size: .75rem;
		padding: 0 1rem;
	}
}

@media only screen and (min-width : 601px)
{
	.features-list .feature,
	#what-we-do .why-list .why
	{
		margin-bottom: 100px;
	}
	
	.show-on-small
	{
		display: none!important;
	}
}

@media only screen and (min-width: 993px)
{
	.container
	{
		width: 90%;
	}
	
	.section-banner
	{
		max-height: 450px;
		min-height: 300px;
	}
	
	#intro-banner
	{
		max-height: 950px;
		min-height: 600px;
	}
	
	h1
	{
		font-size: 3.3rem;
	}
	
	h3
	{
		font-size: 2.2rem;
	}
}

@media only screen and (min-width: 1281px)
{
	.container
	{
		max-width: 1200px;
	}

	h1
	{
		font-size: 4.2rem;
	}
	
	h3
	{
		font-size: 2.92rem;
	}
}