body {
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
}
html {
	width: 100%;
	height: 100%;
}
.viewing-page-2 .navbar-fixed-top, .viewing-page-3 .navbar-fixed-top, .viewing-page-4 .navbar-fixed-top, .viewing-page-5 .navbar-fixed-top, .viewing-page-6 .navbar-fixed-top { /*background: rgba(56, 107, 60, 0.8) none repeat scroll 0 0;
	padding: 0;*/
}

@media(min-width:767px) {
.top-nav-collapse {
	background: rgba(56, 107, 60, 0.8) none repeat scroll 0 0;
	padding: 0;
}
.navbar {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	padding: 0px 0;
	transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
}
}
.HomeSection {
	height: 100%;
	padding-top: 0px;
	text-align: center;
	background: url(../images/mesh.jpg) no-repeat center top;
	background-size: cover;
}
.services-section {
	background: rgba(0, 0, 0, 0) url("../images/services.jpg") repeat scroll center top / 100% auto;
	height: 100%;
	padding-top: 50px;
	text-align: center;
}
.MintTeam-section {
	height: 100%;
	padding-top: 50px;
	text-align: center;
	background: url(../images/teambg.jpg) no-repeat center top;
	background-size: cover;
}
.contact-section {
	height: 100%;
	padding-top: 50px;
	background: url(../images/contact.jpg) no-repeat center top;
	background-size: cover;
}
.achievements-section {
	height: 100%;
	padding-top: 50px;
	text-align: center;
	background: url(../images/achievements.jpg) no-repeat center top;
	background-size: cover;
}
.navbar-brand {
	height: auto;
	padding: 0 20px;
}
.navbar-brand > img {
	display: block;
	width: 290px;
}
.navbar-nav {
	margin: 0 0 0 70px;
	padding: 27px 0;
}
.navbar-default .navbar-nav > a.active, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background-color: transparent;
	color: #dadf39;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color: transparent;
	color: #dadf39;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
.HomeSection {
	height: 100%;
	width: 100%;
	display: table;
}
.section-content {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.HomeSec h2 {
	color: #dadf39;
	font-size: 32px;
	font-weight: 500;
	margin: 0 0 25px;
	padding: 25px 0;
	text-transform: uppercase;
}
.HomeSec span {
	display: block;
	text-align: center;
}
.HomeSec span a {
	background: #dde23e;
	background: -moz-linear-gradient(top, #dde23e 0%, #d1d628 100%);
	background: -webkit-linear-gradient(top, #dde23e 0%, #d1d628 100%);
	background: linear-gradient(to bottom, #dde23e 0%, #d1d628 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde23e', endColorstr='#d1d628', GradientType=0 );
	border: 1px solid #95c00f;
	font-size: 18px;
	color: #1c4c20;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 10px;
	line-height: 45px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
	margin-bottom: 20px;
}
.HomeSec span a:hover {
	transition: all 0.3s ease-in-out;
	box-shadow: 0 0 10px #000;
	border-color: #013d04;
}
.HomeSec .HomeBanner { }
/*==========================CSS3 EFFECTS*/
.about-section {
	height: 100%;
	padding-top: 50px;
	text-align: center;
	background: url(../images/about.jpg) no-repeat center top;
	background-size: cover;
}
.about-section ul, .news-section ul {
	padding: 0px;
	list-style: none;
}
.news-section h2{
	color: #dde23e;
	font-size: 27px;
	font-weight: 400;
	margin: 0;
	padding: 0 0 20px;
	text-align: center;
	text-transform: uppercase;
}
.news-section ul li{ 
	height: 240px;
	margin-bottom: 20px;
	overflow: hidden;
}
.news-section{
	height: 100%;
	padding-top: 50px;
	text-align: center;
	background: url(../images/news.jpg) no-repeat center top;
	background-size: cover;
}
.view-tenth img {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
	background-color: rgba(255, 231, 179, 0.3);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.view-tenth h2 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	background: transparent;
	margin: 20px 40px 0px 40px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	color: #333;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.view-tenth p {
	color: #333;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.view-tenth button.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.view-tenth:hover img {
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.view-tenth:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.view-tenth:hover h2, .view-tenth:hover p, .view-tenth:hover button.info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.view {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0px;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	background: #fff url(../images/bgimg.jpg) repeat center center;
}
.view .mask, .view .content {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view img {
	display: block;
	position: relative;
	width: 100%;
}
.view h2 {
	text-transform: uppercase;
	text-align: center;
	position: relative;
	font-size: 18px;
	font-weight: 600 !important;
	padding: 10px;
	font-family: 'open sans';
	color: #333 !important;
}
.view p {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #333;
	padding: 10px 20px 20px;
	text-align: center;
	text-transform: none;
}
.view a.info, .view button.info {
	background: #000 none repeat scroll 0 0;
	border: medium none;
	box-shadow: 0 0 1px #000;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	margin: 0;
	padding: 7px 14px;
	text-decoration: none;
	text-transform: uppercase;
}
.view a.info:hover, .view button.info:hover {
	-webkit-box-shadow: 0 0 0px #000 !important;
	-moz-box-shadow: 0 0 0px #000 !important;
	box-shadow: 0 0 0px #000 !important;
	background: #000 none repeat scroll 0 0 !important;
}
.landing_two ul li:last-child { margin-right: 0; }
.landing_two ul li img { width: 100%; }
.landing_two ul li a {
	background: #dde23e;
	border: 1px solid #95c00f;
	font-size: 20px;
	color: #1c4c20;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 27px;
	line-height: 48px;
	display: block;
	margin-bottom: 25px;
	transition: all 0.5s ease-in-out;
}
.landing_two ul li a:hover {
	transition: all 0.5s ease-in-out;
	background: #fff;
	box-shadow: 0 0 20px #95c00f inset;
}
.landing_three { margin: 0 auto; }
.landing_three h1 {
	text-align: center;
	font-size: 27px;
	padding: 0px 0 20px;
	margin: 0;
	font-weight: 400;
	color: #dde23e;
	text-transform: uppercase;
}
.servicesCon { }
.servicesCon ul {
	list-style: outside none none;
	padding: 0;
}
.servicesCon ul li { margin-bottom: 20px; }
.servicesCon ul li a {
	background: #dde23e none repeat scroll 0 0;
	border: 1px solid #95c00f;
	color: #1c4c20;
	display: block;
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	padding: 13px 27px;
	text-transform: uppercase;
	transition: all 0.5s ease-in-out 0s;
}
.view-first img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.view-first .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	background-color: rgba(56,107,60, 0.7);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.view-first h2 {
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.view-first p {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.view-first:hover 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);
}
.view-first a.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.view-first:hover h2, .view-first:hover .service_text, .view-first:hover a.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.view-first:hover .service_text {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	transition-delay: 0.1s;
	color: #fff;
}
.view-first:hover a.info {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.service_text {
	padding: 20px 15px;
	margin: 0 0 0 0;
}
.service_text ul {
	padding: 10px 0;
	margin: 0;
	display: block;
}
.service_text ul li {
	background: rgba(0, 0, 0, 0) url("../images/check_box.png") no-repeat scroll 0 8px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 34px;
	margin: 0 !important;
	padding: 0 0 0 30px;
	text-align: left;
}
.landing_four { margin: 0 auto; }
.landing_four h1 {
	color: #dde23e;
	font-size: 27px;
	font-weight: 400;
	margin: 0;
	padding: 0px 0 20px;
	text-align: center;
	text-transform: uppercase;
}
.OurTeam {
	background: rgba(0, 0, 0, 0) url("../images/team.jpg") no-repeat scroll center top / 100% auto;
	height: 545px;
	position: relative;
}
.OurTeam ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.OurTeam ul li {
	border-radius: 0;
	height: 200px;
	left: 37px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50px;
	width: 110px;
	opacity: 0;
	cursor: pointer;
}
.OurTeam ul li:hover {
	display: block;
	border-radius: 0;
	height: 450px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 110px;
	width: 140px;
	opacity: 1;
	background: rgba(0,0,0,0);
}
.OurTeam ul li:nth-child(1) { left: 60px; }
.OurTeam ul li:nth-child(2) { left: 183px; }
.OurTeam ul li:nth-child(3) { left: 304px; }
.OurTeam ul li:nth-child(4) { left: 427px; }
.OurTeam ul li:nth-child(5) { left: 560px; }
.OurTeam ul li:nth-child(6) { left: 700px; }
.OurTeam ul li:nth-child(7) { left: 846px; }
.OurTeam ul li:nth-child(8) { left: 965px; }
.OurTeam ul li button {
	color: #fff;
	display: block;
	text-align: center;
	background: transparent;
	border: none;
	width: 100%;
	text-decoration: none;
}
.OurTeam ul li button { 
	display: block;
	height: 200px; 
}
.OurTeam ul li button p { margin: 0px; position:absolute; top:0px; }
.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 1140px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.md-show { visibility: visible; }
.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(0,0,0,0.80);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}
.md-content {
	color: #fff;
	background: #2b5f2f;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
	padding: 20px;
}
.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}
.md-content button, .md-content a {
	border: none;
	padding: 0.6em 1.2em;
	background: #134717;
	color: #fff;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	margin: 3px 2px;
	border-radius: 2px;
	margin-top: 20px;
}
.md-content button:hover, .md-content a:hover {
	background: #1b4f1f;
	color: #fff;
	text-decoration: none;
}
/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.page5 ul {
	padding: 0;
	list-style: none;
}
.page5 ul li {
	margin: 0;
	padding: 5px;
	width: 14.28%;
}
.page5 ul li img { width: 100%; }
.page5 h1 {
	color: #dde23e;
	font-size: 27px;
	font-weight: 400;
	margin: 0;
	padding: 0px 0 20px;
	text-align: center;
	text-transform: uppercase;
}
.map-overlay { text-align: left }
.map-overlay h2 {
	margin: 0px;
	color: #dde23e;
	font-size:25px;
}
.map-overlay p {
	color: #fff;
	font-size: 15px;
	margin: 10px 0;
}
.map-overlay p b {
	display: inline-block;
	font-weight: normal;
	position: absolute;
}
.map-overlay p span {
	display: inline-block;
	font-weight: 600;
	margin-right: 10px;
	min-width: 58px;
}
.map-overlay ul {
	display: block;
	margin: 20px 0;
	padding: 0px;
}
.map-overlay ul li {
	background: #fff none repeat scroll 0 0;
	border: none;
	display: inline-block;
	margin: 0 5px;
	min-height: 43px;
	min-width: 50px;
	padding: 0px;
	text-align: center;
}
.map-overlay ul li:first-child { margin-left: 0px; }
.map-overlay ul li a {
	color: #9d9d9d;
	display: block;
	font-size: 25px;
	padding: 5px 10px;
}
.map-overlay ul li a.facebook:hover{color: #fff; background:#355e9b}
.map-overlay ul li a.twitter:hover{color: #fff; background:#00bef9}
.map-overlay ul li a.linkedin:hover{color: #fff; background:#007eb4}
.map-overlay h1 {
	color: #dde23e;
	font-size: 18px;
}
.contact-form {
	display: block;
	text-align: left;
}
label.error {
	font-family: sans-serif;
	color: rgba(255, 0, 0, 0.9);
}
.contact-form .form-control {
	background-color: rgba(255, 255, 255, 0.8);
	background-image: none;
	border: medium none;
	border-radius: 3px;
	box-shadow: none;
	font-size: 16px;
	height: 52px;
	color:#333;
}
.form-control.error, .contact-form .form-control.error { border: solid 2px rgba(255, 0, 0, 0.9); }
.contact-form textarea.form-control {
	height: 160px;
	resize: none;
}
.contact-form .btn-lg {
	border: medium none;
	border-radius: 3px;
	color: #fff;
	font-size: 18px;
	line-height: 1.33333;
	padding: 15px 70px;
	text-transform: uppercase;
	background: #dde23e;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991px) {
.navbar-brand > img { width: 170px; }
.navbar-nav {
	margin: 0;
	padding: 20px 0;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
}
.HomeSection, .about-section, .services-section, .MintTeam-section, .achievements-section, .contact-section { height: auto; }
}

@media (min-width:991px) and (max-width:1024px) {
.navbar-brand > img { width: 170px; }
.navbar-nav {
	margin: 0;
	padding: 15px 0;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
}
.HomeSection, .about-section, .services-section, .MintTeam-section, .achievements-section, .contact-section { height: auto; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.navbar-brand > img { width: 170px; }
.navbar-nav {
	margin: 0;
	padding: 15px 0;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
}
.HomeSection, .about-section, .services-section, .MintTeam-section, .achievements-section, .contact-section { height: auto; }
}

@media(max-width:767px) {
.HomeSection, .about-section, .services-section, .MintTeam-section, .achievements-section, .contact-section { height: auto; }
.OurTeam { height: 200px; }
.HomeSec h2 { font-size: 15px; }
.HomeSec span a {
	font-size: 14px;
	font-weight: 600;
	line-height: 34px;
	padding: 0 14px;
}
.landing_four h1, .page5 h1, .landing_three h1 { font-size: 16px; }
.map-overlay { margin-bottom: 65px; }
.navbar-nav {
	margin: 0;
	padding: 15px 0;
}
.navbar-brand > img {
	display: block;
	width: 170px;
}
.navbar-default {
	background: rgba(56, 107, 60, 0.9) none repeat scroll 0 0;
	border-color: #dadf39;
}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.nav > li { border-bottom: 1px solid #ccc; }
.nav > li:last-child { border: none; }
.navbar-default .navbar-nav > li > a {
	padding-left: 0px;
	padding-right: 0px;
	font-size: 14px;
	font-weight: 400;
}
.navbar-nav {
	margin: 0;
	padding: 0;
}
}
section {
	opacity: 0;
	-webkit-transition: opacity .6s;
	-webkit-transition-delay: .2s;
	-moz-transition: opacity .6s;
	-moz-transition-delay: .2s;
	-o-transition: opacity .6s;
	-o-transition-delay: .2s;
	transition: opacity .6s;
	transition-delay: .2s;
}
.loaded section { opacity: 1; }
nav {
	background: rgba(56, 107, 60, 0.8) none repeat scroll 0 0;
	display: block;
	height: 100%;
	overflow: auto;
	position: fixed;
	right: -20em;
	font-size: 15px;
	top: 0;
	width: 20em;
	z-index: 2000;
	transition: right 0.3s ease-in-out 0s;
	-webkit-transition: right 0.3s ease-in-out 0s;
	-moz-transition: right 0.3s ease-in-out 0s;
	-o-transition: right 0.3s ease-in-out 0s;
}
.nav-expanded nav { right: 0; }
body.nav-expanded {
	margin-left: 0em;
	transition: right 0.4s ease-in-out 0s;
	-webkit-transition: right 0.4s ease-in-out 0s;
	-moz-transition: right 0.4s ease-in-out 0s;
	-o-transition: right 0.4s ease-in-out 0s;
}
#nav-close {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 24px;
	padding-right: 10px;
}
.main-menu { padding-top: 12px; }
.main-menu li {
	border-bottom: 1px solid #fff;
	font-size: 14px;
	margin-left: 0;
	padding: 5px 12px;
	text-transform: uppercase;
}
.main-menu li a {
	color: #fff;
	text-decoration: none;
}
.main-menu li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background:transparent;
}
.main-menu li a:focus{ background:transparent;}
.main-menu li .sub-nav {
	border-bottom: 0px;
	padding: 4px;
}
a.nav-expander {
	background: none repeat scroll 0 0 #000000;
	color: #FFFFFF;
	display: block;
	font-size: 15px;
	font-weight: 400;
	height: 50px;
	margin-right: 0;
	padding: 1em 1.6em 2em;
	position: absolute;
	right: 0;
	text-decoration: none;
	text-transform: uppercase;
	top: 0;
	transition: right 0.3s ease-in-out 0s;
	width: 130px;
	z-index: 12;
	transition: right 0.3s ease-in-out 0s;
	-webkit-transition: right 0.3s ease-in-out 0s;
	-moz-transition: right 0.3s ease-in-out 0s;
	-o-transition: right 0.3s ease-in-out 0s;
}
a.nav-expander:hover { cursor: pointer; }
a.nav-expander.fixed { position: fixed; }
.nav-expanded a.nav-expander.fixed { right: 20em; }

#slideshow {
  margin: 0 auto;
  position: relative;
  max-width: 960px;
  min-width:280px;
  height: 344px;
  padding: 0px;
}
#slideshow > div {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
#slideshow > div img{ width:100%;}

#preloader  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fefefe;
     z-index: 3001;
    height: 100%;
 }

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url(../images/loader.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
 }
/* ----------------------------*/
.box {
	width: 100%;
	height: 220px;
	position: relative;
	margin: 0px;
	overflow: hidden;
	background-color: #000;
	margin-bottom:20px;
}
.box img{ width:100%; height:220px; object-fit:cover; overflow:hidden;}
.box.animate:hover .details { margin-left: 0px; }
.details {
	cursor: text;
	color: #fff;
	width: 100%;
	height: 220px;
	background:rgba(0,0,0,0.80);
	padding: 10px;
	text-align: left;
	opacity: 0.9;
	filter: alpha(opacity=9);
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -376px;
	-webkit-transition: margin-left 250ms ease-in;
	-moz-transition: margin-left 250ms ease-in;
	-ms-transition: margin-left 250ms ease-in;
	transition: margin-left 250ms ease-in;
}
.details .md-trigger{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	display: table-cell;
	height: 220px;
	line-height: normal;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	width: 100%;
}
.TeamMobile{ padding-top:20px;}
.details .md-trigger p{ margin:0px;}
.jp-container{ 
	height: 534px;
	overflow-x: hidden;
	overflow-y: auto;
}
.user-details h3{ margin-top:0px;}
.user-details p{ margin: 0 0 15px;}
@media(max-width:767px) {	
.box, .box img, .details, .details .md-trigger{ height:180px;}	
.onepage-pagination{ display:none;}
.jp-container{ 
	height: 100%;
	overflow: inherit;
}
.md-content {
  height: 400px;
  margin: 0 20px;
  overflow: auto;
}
.userimg img{ width:100%;}
.user-details h3 {
  font-size: 17px;
  line-height: normal;
}
.user-details p {
  font-size: 13px;
}
}