body {
    background: #E9E9E9;
	font-family: 'Lato', sans-serif !important;
    font-style: normal;
  	font-weight: 300;
  	min-height: 100vh !important;
}

.uk-container {
	max-width: 1400px;
}

.uk-container, .uk-grid, .uk-grid.uk-grid-small {
	padding: 0px;
}

.uk-grid, .uk-grid-small, .uk-grid.uk-grid-small, .uk-grid.uk-grid-small+.uk-grid-small {
	margin: 0px;
}

.uk-grid.uk-grid-small>* {
	padding: 0px;
}

.uk-align-center {
	margin-bottom: 0px;
}

.remove-tb-margins {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.page-container {
	margin-top: 0px !important;
	background-color: #FFFFFF;
	padding: 0px 0px;
	border-radius: 0px;
}

.fade-slidenav {
	opacity: 0.3 !important;
}

.intro {
	padding-top: 60px;
	padding-bottom: 40px;
	padding-left: 100px;
	padding-right: 100px;
}

.intro h1, .contact h1 {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #2196f3;
	margin-bottom: 0px;
	font-size: 30px !important;
	line-height: 36px !important;
	margin-top: 5px;
}

.intro h3, .contact h3 {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #555555;
	margin-bottom: 0px;
	font-size: 18px !important;
	line-height: 24px !important;
	margin-top: 20px;
}

.contact {
	padding-top: 60px;
	padding-bottom: 30px;
	padding-left: 100px;
	padding-right: 100px;
}

.welcome {
	color: #333333;
	font-size: 22px !important;
	line-height: 28px !important;
}

.thumbnail-border {
	border: 1px solid #FFFFFF !important;
}

.photo-border {
	border: 10px solid #E9E9E9;
}

.intro-caption-text {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	font-size: 16px !important;
	line-height: 18px !important;
	margin-top: 10px;
}

.intro-caption-subtext {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #555555;
	font-size: 14px !important;
	line-height: 16px !important;
	margin-top: 5px;
}

.sticky-overlay-navbar-container {
	z-index: 10 !important;
	margin-bottom: -60px !important;
}

.sticky-overlay-navbar-container a:link, .sticky-overlay-navbar-container a:visited {
	color: #FFFFFF !important;
}

.sticky-overlay-navbar-container a:hover{
	background-color: transparent !important;
	color: #999999 !important;
}

.sticky-overlay-navbar {
	padding: 10px 0px;
	background-color: transparent; !important;
	/*margin-bottom: -60px !important;*/
}

.sticky-navbar-container {
	margin-top: -60px !important;
}

.sticky-navbar {
	padding: 10px 0px;
	background-color: #222222 !important;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
	z-index: 100 !important;
}

.sticky-navbar-container a:link, .sticky-navbar-container a:visited {
	color: #FFFFFF !important;
}

.sticky-navbar-container a:hover{
	background-color: transparent !important;
	color: #999999 !important;
}

.offcanvas-nav {
	background-color: #FFFFFF !important;
	padding-left: 10px !important;
}

.offcanvas-nav-list > li > a  {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	font-size: 18px !important;
	line-height: 22px !important;
	padding: 10px 15px !important;
}

.offcanvas-nav-list > li > a:hover  {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #999999;
	font-size: 18px !important;
	line-height: 22px !important;
}

.offcanvas-address h1 {
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 22px;
	margin-top: 18px;
}

.offcanvas-address p {
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	color: #555555 !important;
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 20px;
}

.list-header {
    font-family: 'Lato', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #555555;
    padding: 5px 0px;
    text-transform: uppercase;
}

.start-arrow {
	font-size: 400% !important;
	vertical-align: -22% !important;
	color: #FFFFFF !important;
}

.home-section-headers {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	font-weight: 400 !important;
	color: #333333;
	margin-bottom: 0px !important;
	font-size: 18px !important;
	line-height: 22px !important;
	border-left: 3px solid #2196f3;
	padding-left: 10px;
	text-transform: uppercase;
}

.home-section-headers-subtext {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #555555;
	margin-bottom: 15px !important;
	font-size: 14px !important;
	line-height: 18px !important;
	border-left: 3px solid #2196f3;
	padding-left: 10px;
	margin-top: 0px;
}

.subsection-header {
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	color: #f2565a;
	margin-bottom: 0px;
	font-size: 30px !important;
	line-height: 36px;
}

.subsection-text {
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	color: #555555;
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 24px;
	margin-top: 15px !important;
	padding-left: 100px !important;
	padding-right: 100px !important;
}

.light-text {
	color: #CCCCCC !important;
}

.page-header {
	font-family: inherit;
	font-style: normal;
	font-weight: 400;
	color: #FFFFFF !important;
	margin-bottom: 0px;
	font-size: 30px !important;
	line-height: 36px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.mobile-app {
	background-color: #222222;
}

.get-in-touch {
	padding-top: 90px !important;
	padding-bottom: 30px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	text-align: center;
	background-color: #222222;
}

.get-in-touch h1 {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #CCCCCC;
	margin-bottom: 0px;
	font-size: 30px !important;
	line-height: 36px;
	margin-top: 5px !important;
}

.get-in-touch h3 {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #CCCCCC;
	margin-bottom: 0px;
	font-size: 18px !important;
	line-height: 24px !important;
	margin-top: 5px;
}

.get-in-touch p {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #999999;
	margin-bottom: 0px;
	font-size: 14px !important;
	line-height: 16px;
	margin-top: 5px;
}

.add-top-margin {
	margin-top: 40px !important;
}

.footer {
	padding-top: 80px;
	padding-bottom: 60px;
}

.footer h1 {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #555555;
	margin-bottom: 0px;
	font-size: 18px !important;
	line-height: 20px !important;
	margin-top: 15px;
}

.footer h3 {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	font-weight: 300;
	color: #555555;
	margin-bottom: 0px;
	font-size: 14px !important;
	line-height: 20px !important;
	margin-top: 2px;
}

.back-to-top-footer {
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 0px !important;
	background-color: #ec407a;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 50px;
	color: #FFFFFF;
}

.subnav-container {
	margin-top: 20px;
	background-color: transparent;
	padding: 28px 25px;
}

.back-to-top {
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px !important;
}

.custom-button {
	background-color: #64b5f6 !important;
	color: #FFFFFF;
	border-radius: 3px;
	padding-left: 15px;
	padding-right: 15px;
}

.custom-button:disabled {
	background-color: #CCCCCC !important;
	color: #E9E9E9 !important;
}

.web {
	color: #ec407a !important;
}

.custom-button-web {
	background-color: #ec407a !important;
}

.print {
	color: #009688 !important;
}

.custom-button-print {
	background-color: #009688 !important;
}

.photography {
	color: #ef5350 !important;
}

.custom-button-photography {
	background-color: #ef5350 !important;
}

.mobile {
	color: #03a9f4 !important;
}

.custom-button-mobile {
	background-color: #8bc34a !important;
}

.softwares {
	color: #03a9f4 !important;
}

.custom-button-softwares {
	background-color: #03a9f4 !important;
}

.presentations {
	color: #fb8c00 !important;
}

.branding {
	color: #ab47bc !important;
}

.marketing {
	color: #7e57c2 !important;
}

.app-padding {
	padding-left: 60px !important;
	padding-right: 60px !important;
}

.app-top-margin {
	margin-top: 140px;
}

.content-top-margin {
	margin-top: 30px !important;
}

.right-padded-content {
	padding-right: 30px !important;
}

.page-content {
	padding-left: 30px !important;
	padding-right: 30px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.page-content h1, .career-heading {
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	margin-bottom: 0px;
	font-size: 20px;
	line-height: 24px;
	margin-top: 18px;
}

.page-content p, .career-text {
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	color: #555555 !important;
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 20px;
}

.white {
	color: #FFFFFF !important;
	font-size: 30px !important;
	font-weight: 400 !important;
}

.custom-button-portfolio {
	color: #FFFFFF !important;
	background-color: #333333 !important;
}

.launch-website {
	color: #FFFFFF !important;
	background-color: #333333 !important;
}

.add-content-right-padding {
	padding-right: 30px !important;
}

.remove-block-left-padding {
	padding-left: 0px !important;
}

.directors {
	border: 1px solid #E9E9E9;
	box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1);
	background-color: #FFFFFF !important;
	padding-bottom: 25px;
}

.directors h1 {
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	color: #222222;
	margin-bottom: 0px;
	font-size: 20px;
	line-height: 24px;
	margin-top: 20px;
}

.directors p {
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	color: #222222 !important;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 18px;
	margin-top: 3px;
}

.client-thumbnail-text {
	width: 140px !important;
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	color: #555555 !important;
	margin-bottom: 0px;
	font-size: 12px !important;
	line-height: 14px;
	margin-top: 5px !important;
}

.client-url:hover {
	text-decoration: none;
}

.web-portfolio-thumbnail {
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}
.web-portfolio-thumbnail p {
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	color: #555555;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 18px;
	margin-top: 0px;
	text-align: center;
	width: 250px;
}

.portfolio-client {
	color: #2196F3 !important;
}

.custom-alert {
	background-color: #ffcdd2;
	padding: 15px;
}

.custom-alert p {
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	color: #b71c1c !important;
	font-size: 16px;
}

.loading-indicator-text {
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	color: #666666;
	margin-top: 8px !important;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 14px;
}

.custom-loading-modal-dialog {
	width: 90px !important;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	border-radius: 10px;
}

/* Overrides */

.uk-dotnav>* {
	margin-top: -8px;
	z-index: 30;
}

.uk-dotnav>*>* {
	width: 18px !important;
	height: 6px !important;
	border-radius: 0px !important;
}

.uk-subnav {
	margin-left: 0px !important;
	margin-top: 0px !important;
}

.uk-subnav>* {
	margin-top: 0px !important;
}

.uk-subnav>*>* {
	color: #555555 !important;
}

.uk-nav-offcanvas ul a {
	color: #555555;
}

.uk-nav-offcanvas ul a:hover {
	color: #999999 !important;
}

.uk-overlay-background {
	background: rgba(0,0,0,0.2) !important;
}

.uk-modal-content {
	font-family: inherit;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	margin-top: 5px;
	margin-left: 5px;
}

.uk-modal-footer .uk-button {
	background-color: #64b5f6 !important;
	color: #FFFFFF;
	border-radius: 3px;
}

.whatsapp {
    bottom: 15px;
    height: 64px;
    min-height: 64px;
    min-width: 64px;
    overflow: hidden;
    position: fixed;
    right: 15px;
    width: 64px;
    z-index: 2147483600;
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.1));
}

@media (min-width: 960px) and (max-width: 1220px)
{
	.app-top-margin {
		margin-top: 70px;
	}

	.app-padding {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.get-in-touch {
		padding-top: 40px !important;
	}

	.get-in-touch h1 {
		font-size: 26px !important;
		line-height: 30px;
	}
}

@media (min-width: 768px) and (max-width: 959px)
{
	.intro {
		padding-top: 40px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.subsection-text {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.get-in-touch {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
}

@media (max-width: 767px)
{
	.intro {
		padding-top: 40px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.intro h1, .contact h1 {
		font-size: 28px !important;
		line-height: 32px !important;
	}

	.intro h3, .contact h3 {
		color: #333333 !important;
		font-size: 18px !important;
		line-height: 24px !important;
	}

	.contact {
		padding-top: 40px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.welcome {
		color: #EC407A;
		font-size: 22px !important;
		line-height: 28px !important;
	}

	.subsection-header {
		font-size: 30px !important;
		line-height: 36px;
	}

	.subsection-text {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.app-top-margin {
		margin-top: 70px;
	}

	.get-in-touch {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.whatsapp {
	    bottom: 10px;
	    height: 48px;
	    min-height: 48px;
	    min-width: 48px;
	    overflow: hidden;
	    position: fixed;
	    right: 10px;
	    width: 48px;
	    z-index: 2147483600;
	    filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.1));
	}
}