

.demo_wrapper {
	width: 100%;
}

.sy-slide > a > img {
	height: 20% !important;
}

.sy-pager {
	display: none !important
}

.sy-caption-wrap {
	font-size: 1.25em;
	width: 100% !important;
	bottom: 0 !important;
	text-align: center	
}

.sy-caption-wrap .sy-caption {font-family: 'mitra' !important;	padding: 1em 0 !important; }


/* ABOUT PAGE
===========================*/

.aboutus {
	text-align: right;
}

.about-head {
	background: url(../img/contact/page-1_img07.png) no-repeat;	
	margin-top: 10px	 !important;
	padding: 6%;
}

.about-head h2 {
	font-size: 2.5em;
	text-align: right;
	color: #FDB813;
	font-family: 'mitra';
	margin-top: 1em
	
}

.about-head h4 {
	line-height: 1.25em;
	font-size: 	1.5em;
	font-family: 'mitra';
	color: #434343;
	margin: 1.5em 0;
	text-align: center
}

.about-head p {
	font-size: 1.125em;
	text-align: justify;
	line-height: 1.7em;
}

.about-head .more {
	margin: .5em auto;
	font-size: 16px;
}

.about-head > span {
	border: 1px solid #eee;
	padding: 1% 0;
	width: 100%;
	font-size: 1.15em;
	display: block;
	text-align: center;
	margin: -1em auto 0 auto;
	background-color: #fff
}

#accordion { margin-bottom: 1em}

#accordion img {
	width: 90% !important;
	padding: 5%;
	background-color: #fff;
	border: 1px solid #eee;

}

#accordion h3 {
	text-align: left;
	direction:ltr;
	font-family:  Helvetica, sans-serif !important;
	border-bottom: 1px solid #eee;
	font-size: .75em;
	margin: 1em 0;
	padding-bottom: .5em;
	cursor: pointer;
	padding-left: 30px;
	position: relative;
}

#accordion a {
	color: #444;
	font-family: Helvetica, sans-serif !important;
}

#accordion h3 span {
	display: block;
	font-family: Helvetica, sans-serif !important;
	color: tomato;
	font-size: 1.4em !important;	
}

#accordion h3:after {
	content: url(../img/arrow-right.png);
	position: absolute;
	left: 0;
	top: 0;
}

.tuv  { margin-top: -.5em !important; text-align: center}

#accordion div {
	clear: both;
	display: inline-block;
}


#accordion ~ h4 a {
	color: #FDB813;
	text-decoration: underline;
}

section.three {
	background-color: #F5F5F5;
	min-height: 200px;
	padding: 5%;
}

.three a div {
	width: 100%;
	height: auto;
	background-color: #fff;
	margin: 1em auto;
	padding-bottom: .5em
}
	
section.three div img {
	width: 100%;
	height: 200px;
}

section.three h2 {
	padding: .25em 0;
	margin: 0;
	border-bottom: 1px solid #f5f5f5;
	color: #888;
	font-size: 1.25em
}	

section.three p {
	text-align: center;
	font-family: 'mitra';
	font-size: .925em;
}

section.three p:nth-child(3) {
	padding: .5em 0  .25em 0;
	color: #444;
}

section.three p:nth-child(4) {
	padding: 0 0  .25em 0;
	color: #FDB813
}


@media only screen and (min-width: 468px) {
		
	.three a div {
		width: 75%;
	}
	
	.three div img {
		height: 180px;
	}
}

@media only screen and (min-width: 700px) {
	.three a div {
		float: left;
		width: 30%;
		margin: 1em 1.5%
	}
	
	#accordion div {
		height: 400px;
		width: 100%;
		position: relative;
	}
	
	#accordion img{
		width: 400px !important;
		margin-right: 15%
	}
}


