@charset 'utf-8';
/*************************************************!
*
*   project:    liteAccordion - a horizontal accordion plugin for jQuery
*   author:     Nicola Hibbert
*   url:        http://nicolahibbert.com/liteaccordion-v2/
*   demo:       http://www.nicolahibbert.com/demo/liteAccordion/
*
*   Version:    2.2.0
*   Copyright:  (c) 2010-2013 Nicola Hibbert
*   Licence:    MIT
*
**************************************************/
/****************************************** Core */
.liteAccordion {
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	font: 'Helvetica Neue', Verdana, Arial, sans-serif;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-tap-highlight-color: transparent;
}
.liteAccordion, .liteAccordion * {
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: content-box
}
.liteAccordion > ol {
	position: relative;
	overflow: hidden;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none
}
.liteAccordion > ol > li {
	list-style-type: none
}
.liteAccordion .slide > h2 {
	color: black;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(-100%) rotate(-90deg);
	-webkit-transform-origin: right top;
	-moz-transform: translateX(-100%) rotate(-90deg);
	-moz-transform-origin: right top;
	-o-transform: translateX(-100%) rotate(-90deg);
	-o-transform-origin: right top;
	transform: translateX(-100%) rotate(-90deg);
	transform-origin: right top;
}
.liteAccordion .slide > h2 span {
	display: block;
	padding-right: 8%;
	text-align: right;
	height: 90%;
	margin-top: 5px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.liteAccordion .slide > h2 b {
	display: inline-block;
	position: absolute;
	top: 13%;
	left: 10%;
	text-align: center;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.liteAccordion .slide > h2:hover {
	cursor: pointer
}
.liteAccordion .slide > div {
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
	overflow: hidden;
	background: white
}
.liteAccordion .ap-caption {
	padding: 10px 15px;
	position: absolute;
	bottom: 20px;
	right: 30px;
	z-index: 3;
	background: black;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.liteAccordion noscript p {
	padding: 10px;
	margin: 0;
	background: white
}
/****************************************** Basic */
.liteAccordion.basic .slide > h2 {
	background: #333;
	color: white;
	line-height: 225%
}
.liteAccordion.stitch .slide > h2 {
	background: #353535
}
.liteAccordion.stitch .slide > h2 span {
	height: auto;
	padding-right: 5%;
	color: white;
	text-shadow: -1px 1px 0 #5b5b5b;
	border: 9px solid transparent;
	/*background-image: url('bg_noise.png');*/
    margin-top: 0;/*  -webkit-border-image: url('bg_stitch.png') 9 repeat;
    -moz-border-image: url('bg_stitch.png') 9 repeat;
    -o-border-image: url('bg_stitch.png') 9 repeat;
    border-image: url('bg_stitch.png') 9 repeat;*/
}
.liteAccordion img {
	width:100%;
	height:250px;
}
.liteAccordion.stitch .slide > h2.selected:after {
	content: '';
	display: block;
	height: 11px;
	width: 11px;
	position: absolute;
	bottom: -3px;
	right: 38px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	border: 9px solid transparent;
	border-top: 0;
	border-left: 0;/* -webkit-border-image: url('bg_stitch.png') 9 repeat;
    -moz-border-image: url('bg_stitch.png') 9 repeat;
    -o-border-image: url('bg_stitch.png') 9 repeat;
    border-image: url('bg_stitch.png') 9 repeat;*/
   /* background-image: url('bg_noise.png');*/
}

/* Fatima slider*/
.liteAccordion.stitch .slide:nth-child(1) > h2 span, .liteAccordion.stitch .slide:nth-child(1) > h2:after {
background-color: #753335
}
.liteAccordion.stitch .slide:nth-child(2) > h2 span, .liteAccordion.stitch .slide:nth-child(2) > h2:after {
background-color: #894e52
}
.liteAccordion.stitch .slide:nth-child(3) > h2 span, .liteAccordion.stitch .slide:nth-child(3) > h2:after {
background-color: #753335
}
.liteAccordion.stitch .slide:nth-child(4) > h2 span, .liteAccordion.stitch .slide:nth-child(4) > h2:after {
background-color: #894e52
}
.liteAccordion.stitch .slide:nth-child(5) > h2 span, .liteAccordion.stitch .slide:nth-child(5) > h2:after {
background-color: #753335
}
.liteAccordion.stitch .slide:nth-child(6) > h2 span, .liteAccordion.stitch .slide:nth-child(6) > h2:after {
background-color: #894e52
}
.liteAccordion.stitch .slide:nth-child(7) > h2 span, .liteAccordion.stitch .slide:nth-child(7) > h2:after {
background-color: #753335
}
.liteAccordion.stitch .slide > h2 b {
	top: 19%;
	color: white;
	text-shadow: 1px 1px 0 #5b5b5b
}
.liteAccordion.stitch .slide > div {
	margin-right: 0px
}
.liteAccordion.stitch.rounded > ol {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	margin-top: -3px
} /*move the slider up and down*/
/*************************************** Rounded */
/*.liteAccordion.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }*/
/*.liteAccordion.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }*/

/******************************************** IE */
/* stitch */
.liteAccordion.ie.stitch .slide > h2 { /*line-height: 265%*/
}
.liteAccordion.ie.stitch .slide > h2 span { /*height: 89%; padding-right: 8%*/
}
.liteAccordion.ie.stitch .slide > h2.selected:after {
	display: none
}
.liteAccordion.ie.stitch .slide-0 > h2 span {
	background-color: #c25252
}
.liteAccordion.ie.stitch .slide-1 > h2 span {
	background-color: #ca9859
}
.liteAccordion.ie.stitch .slide-2 > h2 span {
	background-color: #96ba5f
}
.liteAccordion.ie.stitch .slide-3 > h2 span {
	background-color: #59abb7
}
.liteAccordion.ie.stitch .slide-4 > h2 span {
	background-color: #bb6098
}
.liteAccordion.ie.stitch .slide-5 > h2 span {
	background-color: #c25252
}
.liteAccordion.ie.stitch .slide-6 > h2 span {
	background-color: #ca9859
}
.liteAccordion.ie.stitch .slide-7 > h2 span {
	background-color: #96ba5f
}
.liteAccordion.ie.stitch .slide-8 > h2 span {
	background-color: #59abb7
}
.liteAccordion.ie.stitch .slide-9 > h2 span {
	background-color: #bb6098
}
/* transforms */
.liteAccordion.ie .slide > h2, .liteAccordion.ie .slide > h2 span, .liteAccordion.ie .slide > h2 b {
	filter: none;
	-ms-filter: none;
	-ms-transform: none
}
.liteAccordion.ie7 .slide > h2 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}
.liteAccordion.ie7 .slide > h2 b {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
}
.liteAccordion.ie8 .slide > h2 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"
}
.liteAccordion.ie8 .slide > h2 b {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"
}
.liteAccordion.ie9 .slide > h2 {
	-ms-transform: translateX(-100%) rotate(-90deg);
	-ms-transform-origin: right top
}
.liteAccordion.ie9 .slide > h2 b {
	-ms-transform: rotate(90deg)
}
/* misc */
.liteAccordion.ie7 .slide > h2 b, .liteAccordion.ie8 .slide > h2 b {
	top: 44%;
	left: 5%
}
.liteAccordion.ie7.stitch .slide > h2 b, .liteAccordion.ie8.stitch .slide > h2 b {
	top: 36%
}
.liteAccordion.ie9.stitch {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4)
}