/*
Theme Name: Ninja
URL: http://www.ninjasforhire.co.za
Author: Ninjas For Hire
Author URL: http://www.ninjasforhire.co.za
Site: Livity Africa
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #333333;
	background: #f1f1f1;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(0,0,0,0);
	overflow-x: hidden;
}

img {
	border: 0;
}

h1, h2, h3, h4, h5, h6, p, form, input, ul, ol, li, header, nav, footer, section, fieldset {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

h2 {
	padding: 0 0 48px 0;
	font-size: 36px;
	color: #aaa;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 1px 1px 3px #fff;
}

h3 {
	padding: 0 0 22px 0;
	font-size: 24px;
	color: #95b017;
	font-weight: bold;
	text-shadow: 1px 1px 3px #fff;
}

h4 {
	padding: 0 0 35px 0;
	font-size: 36px;
	color: #aaa;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 1px 1px 3px #fff;
}

header, nav, footer, section {
	display: block;
}

input:focus,
textarea:focus {
	outline: none;
}

textarea {
	resize: none;
	overflow: auto;
}

table,
table td {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

/* Start Generic */

.visible {
	display: block !important;
}

.clearboth {
	clear: both;
}


.arrow1 {
	margin: 0 auto;
	width: 41px;
	height: 37px;
	display: block;
	background:url(images/arrow_down1.png) no-repeat;
	z-index: 5;
}

.arrow2 {
	position: absolute;
	width: 41px;
	height: 37px;
	display: block;
	background:url(images/arrow_down1.png) no-repeat;
	z-index: 5;
	right: 0;
	bottom: 15%;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.btn, a.btn1 {
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #ffffff;
	display: inline-block;
	font-size: 17px;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #9eb828;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#bed264), to(#98b419));
	background-image: -webkit-linear-gradient(top, #bed264, #98b419);
	background-image: -moz-linear-gradient(top, #bed264, #98b419);
	background-image: -o-linear-gradient(top, #bed264, #98b419);
	background-image: linear-gradient(to bottom, #bed264, #98b419);
	cursor: pointer;
}

	.btn, a:hover.btn1 {
		opacity: 0.9;
	}

a {
	color: #95b017;
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}

a.btn1 {
	text-transform: uppercase;
}

#start {
	visibility: hidden;
}

.latest-news {
	padding: 50px 0px !important;
}

/* End Generic */

/* Start Topnav */

.topnav {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #606060;
	display: none;
	z-index: 99;
	text-transform: uppercase;
   -webkit-box-shadow: inset 0 20px 20px -16px rgba(0,0,0,0.8);
   -moz-box-shadow: inset 0 20px 20px -16px rgba(0,0,0,0.8);
   box-shadow: inset 0 20px 20px -16px rgba(0,0,0,0.8);
	opacity: 0.9;
}

	.topnav .topnav_in {
		margin: 0 auto;
		padding: 10px 0;
		width: 990px;
		overflow: auto;
	}

	.topnav .topnav_in img {
		float: left;
	}

	.topnav .topnav_in nav {
		font-size: 12px;
	}

	.topnav .topnav_in nav a {
		float: left;
		margin: 0;
		padding: 9px 0 0 30px;
		color: #fff;
		display: block;
		text-decoration: none;
	}
	
		.topnav .topnav_in nav a:hover, .topnav .topnav_in nav a.active {
			color: #95b017;
		}

	/* Start Social Media Icons */
	
	.sm_icons {
		float: right;
	}
	
		.sm_icons a {
			width: 32px;
			height: 32px;
			display: inline-block;
		}
		
			.sm_icons a.instagram {
				margin-right: 5px;
				background: url(images/icon-instagram.png) no-repeat 0 0;
			}
			
				.sm_icons a.instagram:hover {
					background: url(images/icon-instagram-hover.png) no-repeat 0 0;
				}
			
			.sm_icons a.twitter {
				background: url(images/icon-twitter.png) no-repeat 0 0;
			}
			
				.sm_icons a.twitter:hover {
					background: url(images/icon-twitter-hover.png) no-repeat 0 0;
				}					
	
	/* End Social Media Icons */

/* End Topnav */

/* Start Max Image */

.mc-hide-scrolls{
	overflow:hidden
}

body .mc-cycle{
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1
}

div.mc-image{
	-webkit-transition:opacity 1s ease-in-out;
	-moz-transition:opacity 1s ease-in-out;
	-o-transition:opacity 1s ease-in-out;
	transition:opacity 1s ease-in-out;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%
}

.mc-old-browser .mc-image{
	overflow:hidden
}

/* End Max Image */

/* Start Splash */
	
	#splash {
		height: 768px;
	}
					
	#splash .splash_in {
		margin: 0 auto;
		max-width: 990px;
		height: 768px;
		position: relative;
	}

	#splash .intro {
		height: 180px;
		position: absolute;
		z-index: 3;
	}
	
		#splash .intro img {
			padding-top: 85px;
		}
		
		#splash .intro p {
			width: 545px;
			display: none;
			padding: 65px 0 0 0;
			font-size: 30px;
			font-weight: 300;
			color: #ffffff;
			text-align: left;
			line-height: 34px;
			text-shadow: 1px 1px 3px #3e3e3e;
		}

		#splash .intro p:first-child {
			display: block;
		}

	#splash a.arrow1 {
		margin-top: 620px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 999;
	}

/* End Splash */

/* Start Dynamic CMS Section */

.section {
	position: relative;
	z-index: 5;
}
	
	.grey {
		background: #f1f1f1;
	}
	
	.white {
		background: #fff;
	}
	
	.section img {
		float: right;
		padding: 0 0 30px 15px;
	}
	
	.section p {
		padding: 0 0 15px;
		line-height: 20px;
	}

	.section .section_in {
		margin: 0 auto;
		padding: 110px 0 30px 0;
		width: 990px;
	}

	.section .arrow2 {
		margin-top: 35px;
	}

/* End Dynamic CMS Section */

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
	color: #999;
}

/* Start Form */

form {
	margin-top: 20px;
}

.frm_form_fields label {
	padding: 12px 0 1px;
	display: block;
}
		
	#frm_field_8_container,
	#frm_field_10_container,
	#frm_field_12_container {
		width: 31%;
	}
		
		#frm_field_8_container input,
		#frm_field_10_container input,
		#frm_field_12_container input {
			padding: 13px 10px;
			width: 99%;
			border: 1px solid #cccccc;
			color: #999999;
		}
		
	#frm_field_13_container {
		width: 66.6%;
		float: right;
	}
		
		#frm_field_13_container div,
		#frm_field_13_container label {
			width: 93.3%;
			float: right;
		}
		
		#frm_field_13_container textarea {
			padding: 10px;
			width: 90%;
			height: 169px;
			border: 1px solid #cccccc;
			color: #999999;
			float: right;
			font-family: inherit;
		}
		
.frm_error, .error {
	color: #ff0000;
	font-weight: normal;
}
		
.frm_submit {
	padding: 20px 0 0;
	float: right;
	margin-bottom: 70px;
}
		
	.frm_submit .btn {
		font-size: 18px;
		padding: 12px 52px;
	}

	.frm_submit img {
		display: none;
	}
			
	.frm_form_fields .frm_blank_field input,
	.frm_form_fields .frm_blank_field textarea {
		border: 1px solid #c62b2b !important;
		color: #c62b2b !important;
	}
			
	#field_lxyrlz2 {
		background: #ffffff url(images/icon_form_name.gif) 100% 0 no-repeat;
	}
			
	#field_a82x2q2 {
		background: #ffffff url(images/icon_form_email.gif) 100% 0 no-repeat;
	}
			
	#field_hun2nu2 {
		background: #ffffff url(images/icon_form_subject.gif) 100% 0 no-repeat;
	}
			
	#field_9a6akd2 {
		background: #ffffff url(images/icon_form_text.gif) 100% 0 no-repeat;
	}
			
/* End Form */

/* Start Header */

.single_nav a {
	padding: 7px 35px 7px 0 !important;
}

.header {
	position: relative;
	background-size: cover;
	-ms-behavior: url(http://livityafrica.com/wp-content/themes/ninja/backgroundsize.min.htc);
	behavior: url(http://livityafrica.com/wp-content/themes/ninja/backgroundsize.min.htc);
	height: 768px;
	
}
	
	.logo-shadow {
		background: url(images/bg_logo.png) -155px -100px no-repeat;
		position: absolute;
		z-index: 1;
		width: 934px;
		height: 600px;
		top: 0;
		left: 0;
	}
	
	.header .header_in {
		height: 768px;
		margin: 0 auto;
		max-width: 990px;
		position: relative;
	}
	
	.header .header_in .intro {
		height: 180px;
		position: absolute;
		z-index: 1;
	}
	
		.header .header_in .intro img {
			padding-top: 120px;
		}
		
		.header .header_in .intro p {
			width: 545px;
			display: none;
			padding: 65px 0 0 0;
			font-size: 30px;
			font-weight: 300;
			color: #ffffff;
			text-align: left;
			line-height: 34px;
			text-shadow: 1px 1px 3px #3e3e3e;
		}
		
		.header .header_in .intro p:first-child {
			display: block;
		}		
		
/* End Header */

/* Start Container */
	
.container {
	margin: 0 auto;
	max-width: 990px;
	padding: 70px 0 100px;
}
	
	.container h1 {
		color: #aaaaaa;
		font-size: 36px;
		font-weight: bold;
		margin: 0;
		padding: 0 0 70px;
		text-shadow: 1px 1px 3px #ffffff;
		text-transform: uppercase;
	}

/* Start Post Listing - Even */
		
.post {
	padding: 0 0 90px;
}
		
	.post .post_in {
		float: left;
		width: 600px;
	}
			
		.post .post_in h2 {
			border-bottom: 1px solid #95b017;
			color: #aaaaaa;
			font-size: 30px;
			font-weight: bold;
			margin: 0 0 25px;
			padding: 0 0 20px;
			text-shadow: 1px 1px 3px #ffffff;
		}
			
			.post .post_in h2 a {
				color: #aaaaaa;
				text-decoration: none;
				text-shadow: 1px 1px solid #ffffff;
			}

				.post .post_in h2 a:hover {
					opacity: 0.7;
				}
			
		.post .post_in p {
			line-height: 18px;
			padding: 0 0 20px;
		}
			
		.post .post_img {
			border-radius: 500px;
			-webkit-border-radius: 500px;
			float: right;
			height: 328px;
			margin: 10px 0 0;
			overflow: hidden;
			width: 328px;
		}
			
/* End Post Listing - Even */
		
/* Start Post Listing - Odd */
		
.post.odd .post_in {
	float: right;
	width: 600px;
}
			
.post.odd .post_img {
	float: left;
}
			
/* End Post Listing - Odd */

/* Start Single */
		
.single {
	padding: 0;
}
		
		/* Start WordPress Styles */
			
		.single_in h1,
		.single_in h2,
		.single_in h3,
		.single_in h4,
		.single_in h5,
		.single_in h6 {
			font-size: 29px;
			border: 0;
			color: #aaaaaa;
			font-weight: normal;
			margin-bottom: 25px !important;
			padding-bottom: 20px !important;
			text-shadow: 1px 1px solid #ffffff;
			border-bottom: 1px solid #95b017;			
		}
			
		.single_in p {
			line-height: 20px;
			padding: 0 0 20px;
		}
			
		.single_in blockquote {
			border-left: 5px solid #cccccc;
			margin: 15px 30px 20px 10px;
			padding: 5px 0 5px 20px;
		}
			
		.single_in table {
			border: solid #cccccc;
			border-width: 1px 0 0 1px;
			margin: 0 0 20px;
			width: 100%;
		}
			
		.single_in ol {
			counter-reset: li;
			list-style: decimal;
			padding: 0 0 15px;
		}
			
			.single_in ol li {
				margin: 0 0 0 25px;
			}
			
		.single_in ul {
			padding: 0 0 15px;
		}
			
			.single_in ul li {
				list-style: square;
				margin: 0 0 0 25px;
			}
			
		.single_in table {
			border-radius: 3px;
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
			display: block;
		}
			
			.single_in table th,
			.single_in table td {
				border: solid #cccccc;
				border-width: 0 1px 1px 0;
				background: #f7f7f7;
				padding: 5px;
				text-align: left;
			}
			
		.single_in address {
			border-left: 5px solid #cccccc;
			margin: 15px 30px 20px 10px;
			padding: 5px 0 5px 20px;
		}
			
		.single_in .gallery {
			padding: 0 0 20px;
		}
			
		.single_in .alignleft {
			float: left;
			margin: 3px 20px 20px 0;
		}
			
		.single_in .aligncenter {
			display: block;
			margin: 0 auto 20px auto;
		}
			
		.single_in .alignright {
			float: right;
			margin: 3px 0 20px 20px;
		}
			
		.single_in .alignnone {
			display:block;
			float: none;
			margin:0 0 30px 0;
		}
			
		.single_in .size-full {
			height: auto;
			margin: 0 0 30px 0;
			width: 100%;
		}
			
			.single_in p .alignleft {
				float: left;
				margin: 5px 15px 30px 0;
			}
			
			.single_in p .aligncenter {
				display: block;
				margin: 5px auto 30px auto;
			}
			
			.single_in p .alignright {
				float: right;
				margin:5px 0 30px 15px;
			}
			
			.single_in p .alignnone {
				display: block;
				float: none;
				margin: 5px 0 30px 0;
			}
			
			.single_in p .size-full {
				height: auto;
				margin: 5px 0 30px 0;
				width: 100%;
			}
			
			/* Captions */
				
			.single_in .aligncenter,
			.single_in div.aligncenter {
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
				
			.single_in .wp-caption {
				background-color: #f3f3f3;
				border: 1px solid #ddd;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px;
				padding-top: 5px;
				text-align: center;
			}
				
				.single_in .wp-caption img {
					border: 0;
					margin: 0;
					padding: 0;
				}
				
				.single_in .wp-caption p.wp-caption-text {
					font-size: 11px;
					line-height: 17px;
					margin: 0;
					padding: 0 4px 5px;
				}
				
			/* End captions */
			
		/* End WordPress Styles */
			
	/* End Single */

/* Start Pagination */
		
.pagination {
	text-align: center;
	color: #333;
}
		
	.pagination a {
		color: #333;
		background: #ffffff;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		border: 1px solid #dbdbdb;
		display: inline-block;
		padding: 7px 11px;
		text-decoration: none;
		margin: 0px 5px;
	}
		
		.pagination a.current {
			color: #ffffff;
			background-color: #bfbfbf;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#b4b4b4), to(#dcdcdc));
			background-image: -webkit-linear-gradient(top, #b4b4b4, #dcdcdc);
			background-image: -moz-linear-gradient(top, #b4b4b4, #dcdcdc);
			background-image: -o-linear-gradient(top, #b4b4b4, #dcdcdc);
			background-image: linear-gradient(to bottom, #b4b4b4, #dcdcdc);			
		}
			
	.pagination a.page_prev,
	.pagination a.page_next {
		font-size: 15px;
		font-weight: bold;
		color: #95b017;
	}
			
/* End Pagination */

/* End Container */

/* Start Footer */
	
.footer {
	background: #cecece;
	height: 60px;
	width: 100%;
	font-size: 12px;
	color: #333;
}
		
	.footer_in {
		margin: 0 auto;
		padding: 25px 0 0;
		max-width: 990px;
	}
		
		.footer_in ul {
			float: right;
		}
		
			.footer_in ul li {
				float: left;
				padding: 0 0 0 25px;
			}
		
				.footer_in ul li a {
					text-decoration: none;
					color: #333;
				}
		
				.footer_in ul li a:hover {
					color: #000000;
				}

/* End Footer */

/* Start Slider */

#timeline {
	width: 990px;
	height: 635px;
	overflow: hidden;
	margin: 35px 0 0 0;
	position: relative;
	background: url('images/dot.gif') 50% 90.8% repeat-x;
}
	
#thumbs {
	width: 1800px !important;
	margin-top: 47px;
	overflow: hidden;
	position: absolute;
	left: -315px;
	
}
	
	#thumbs li {
		list-style: none;
		float: left;
		width: 9%;
		height: 250px;
		padding: 0;
		margin-right: 40px;
	}
			
	#thumbs a {
		display: block;
	}
	
		#thumbs li img {
			border-radius: 300px;
			-webkit-border-radius: 300px;	
			width: 140px;
			height: 140px;
			float: none;
			padding: 0;
			margin: 5px 0 0 5px;
		}
				
	#thumbs .selected {
		background:url(images/thumb-select.png) no-repeat 0 0;
		height: 180px;
	}
		
#items {
	width: 990px;
	height: 350px;
	overflow: hidden;
}
	
	#items li {
		width: 990px;
		height: 350px;
		list-style: none;
		float: left;
	}
	
		#items li.selected img {
			-webkit-transform: scale(1.1,1.1);
			-moz-transform: scale(1.1,1.1);
		    -o-transform: scale(1.1,1.1);
		    -ms-transform: scale(1.1,1.1);
		    transform: scale(1.1,1.1);
		}
				
		#items li img {
			float: left;
			margin: 0 50px 0 0;
		}
				
		#items li h1 {
			float: right;
			width: 570px;
			color: #aaa;
			font-size: 30px;
			margin: 0 20px 20px 0;
			text-shadow: #fff 1px 1px 2px;
			border-bottom: 1px solid #95b017;
			padding-bottom: 22px;
		}
				
		#items li p {
			margin-right: 120px;
			font-weight: normal;
			line-height: 22px;
		}
		
#next, #prev {
	position: absolute;
	top: 300px;
	width: 22px;
	height: 44px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
		
	#next:hover,
	#prev:hover {
		background-position: 0 0;
	}
			
	#next {
		right: 40px;
		background-image: url('images/next.png');
	}
			
	#prev {
		right: 80px;
		bottom: 10px;
		background-image: url('images/prev.png');
	}
			
		#next.disabled,
		#prev.disabled {
			opacity: 0.9;
		}

/* End Slider */

/* Start Owl Carousel */

.livitycarousel {
	width: 990px;
}

.largeview {
	position: relative;
}
	
	.largeitem {
		display: none;
		padding: 0 0 50px;
	}

	.largeitem div {
		float: right;
		height: 335px;
		overflow: auto;
		padding: 0 15px 0 0;
		-webkit-overflow-scrolling: touch;
		scrollbar-arrow-color: #aaaaaa;
		scrollbar-base-color: #dddddd;
		scrollbar-face-color: #585858;
		scrollbar-highlight-color: #dddddd;
		scrollbar-shadow-color: #585858;
		width: 615px;
	}
		
		.largeitem div::-webkit-scrollbar {
			height: 5px;
			width: 5px;
		}
		
		.largeitem div::-webkit-scrollbar-thumb {
			background: #dddddd;
			-moz-transition: background 0.3s ease;
			-o-transition: background 0.3s ease;
			transition: background 0.3s ease;
			-webkit-transition: background 0.3s ease;
		}
		
		.largeitem div::-webkit-scrollbar-thumb:hover {
			background: #aaaaaa;
		}
		
		.largeitem div::-webkit-scrollbar-track {
			background: #efefef;
		}
	
	.largeitem div h2 {
		border-bottom: 1px solid #95b017;
		color: #aaaaaa;
		font-size: 30px;
		margin: 0 0 25px;
		padding: 0 0 25px;
	}
	
	.largeitem div p {
		color: #333333;
		line-height: 16px;
		padding: 0 0 15px;
	}

	.largeitem img {
		float: left;
		padding: 0 !important;
	}
		
		.largeitem.active { 
			display: block;
		}

		.prev_carousel {
			bottom: 20px;
			position: absolute;
			right: 70px;
		}
		
		.next_carousel {
			bottom: 20px;
			position: absolute;
			right: 25px;
		}

	.owlthumbs .thumbitem {
		border: 1px solid #f1f1f1;
		border-radius: 150px;
		cursor: pointer;
		height: 145px;
		overflow: hidden;
		padding: 2px;
		width: 145px;
	}

	.owlthumbs .thumbitem.active {
		border: 1px solid #95b017;
	}

		.owlthumbs .thumbitem img {
			border-radius: 150px;
			padding: 0;
		}

	.prev_carousel,
	.next_carousel {
		cursor: pointer;
	}
	
	/* End Owl Carousel */