@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,900,800);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);


.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top:64px;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
/*	border: 1px solid #becbd2;
	border-bottom: none;
	margin: 0 0.25em;
*/	display: block;
	float: left;
	position: relative;
	padding:40px;
	opacity:0.5;
}

.tabs nav ul li:hover {
	opacity:1;
}

.tabs nav li.tab-current {
	/*border: 1px solid #47a3da;
	box-shadow: inset 0 2px #47a3da;
	border-bottom: none;*/
	z-index: 100;
	opacity:1;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 1000px;
	/*background: #47a3da;*/
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}

.tabs nav a {
	/*color: #becbd2;*/
	display: block;
	/*font-size: 1.45em;
	line-height: 2.5;
	padding: 0 1.25em;*/
	white-space: nowrap;
}

.tabs nav a:hover {
	/*color: #768e9d;*/
}

.tabs nav li.tab-current a {
	/*color: #47a3da;*/
}

/* Icons */
/*.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}

.icon-food:before {
	content: "\e600";
}

.icon-lab:before {
	content: "\e601";
}

.icon-cup:before {
	content: "\e602";
}

.icon-truck:before {
	content: "\e603";
}

.icon-shop:before {
	content: "\e604";
}*/

/* Content */
.content section {
	/*font-size: 1.25em;
	padding: 3em 1em;*/
	display: none;
	max-width: 1200px;
	margin: 0 auto;
}

.content section:before,
.content section:after {
	/*content: '';*/
	display: table;
}

.content section:after {
	clear: both;
}

/* Fallback example */
.no-js .content section {
	display: block;
	/*padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;*/
}

.content section.content-current {
	display: block;
}

.mediabox {
	float: left;
	/*width: 33%;
	padding: 0 25px;*/
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:22px;
	font-weight:400;
	color:#000;
	height:360px;
}

.mediabox img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.mediabox h3 {
	color:#F28B43;
	font-size:25px;
	font-weight:bold;
	margin-bottom:15px;
	text-align:center;
}

.mediabox p {
	/*padding: 0 0 1em 0;*/
	margin: 0;
	text-align:center;
	/*line-height: 1.3;*/
}


.mediabox ul {
	list-style:none;
}

.mediabox ul li {
	background:url(../images/bullet.jpg) no-repeat;
	background-position:0% 10px;
	padding-left:19px;
	text-align:left;
}




/* Example media queries */

@media screen and (max-width: 52.375em) {
	.tabs nav a span {
		display: none;
	}

	.tabs nav a:before {
		margin-right: 0;
	}

	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox h3 {
		margin-top: 0;
	}

	.mediabox p {
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox:before,
	.mediabox:after {
		content: '';
		display: table;
	}

	.mediabox:after {
		clear: both;
	}
}

@media screen and (max-width: 32em) {
	.tabs nav ul,
	.tabs nav ul li a {
		width: 100%;
		padding: 0;
	}

	.tabs nav ul li {
		width: 20%;
		width: calc(20% + 1px);
		margin: 0 0 0 -1px;
	}

	.tabs nav ul li:last-child {
		border-right: none;
	}

	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}
}


/*-----------------------------------    for recent transaction animation  ------------------------------------------------------*/

.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 90%;
}

.og-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 250px;
}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #e6833d; /*arrow*/
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
}

.og-expander {
	position: absolute;
	background: #e6833d;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	overflow: hidden;
}

.og-expander-inner {
	/*padding: 50px 30px;*/
	height: 100%;
	width:85%;
	margin:0px auto;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}

.og-fullimg,
.og-details {
	width: 100%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
	padding: 0 40px 0 20px;
}

.og-fullimg {
	text-align: center;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

.og-details h3 {
	font-size: 25px;
	margin-bottom: 10px;
	padding-bottom: 30px;
	padding-top: 40px;
	text-transform: uppercase;
	text-align:justify;
}

.og-details p {
	font-size: 16px;
	line-height: 30px;
	color: #FFF;
	text-align: justify;
}

.og-details a {
	font-size: 16px;
	color: #333;
	letter-spacing: 2px;
	padding: 5px 10px;
	border: 4px solid #bc682d;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
	text-transform:uppercase;
	font-family:Lato, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;

}

.og-details a::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

/*.og-details a:hover {
	border-color: #999;
	color: #999;
}
*/
.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

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

	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }

}

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

	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}