@charset "utf-8";
.flexslider {
	background: url(http://www.joeyyap.com/images/bgcarousel.png) top center no-repeat!important;
	background-size: 960px 489px !important;
	padding: 0 50px;
	padding-bottom: 50px;
	box-shadow: none
}
.flex-direction-nav .flex-prev {
	width: 50px;
	height: 50px;
	left: 30px
}
.flex-direction-nav .flex-prev:after {
	border-bottom: 15px solid transparent;
	border-right: 20px solid #000
}
.flex-direction-nav a:after {
	top: 50px
}
.flex-direction-nav .flex-next {
	width: 50px;
	height: 50px;
	right: 30px
}
.flex-direction-nav .flex-next:after {
	border-bottom: 15px solid transparent;
	border-left: 20px solid #000
}
.flex-direction-nav a.flex-prev:before {
	width: 40px;
	height: 40px;
	margin-top: -8px;
	margin-left: -10px
}
.flex-direction-nav a.flex-next:before {
	width: 40px;
	height: 40px;
	margin-top: -8px;
	margin-left: -10px
}
.flex-direction-nav .flex-prev:before {
	background: url(http://www.joeyyap.com/images/prev.png) no-repeat
}
.flex-direction-nav .flex-next:before {
	background: url(http://www.joeyyap.com/images/next.png) no-repeat
}
.flexslider .flex-control-nav {
	margin-left: -50px;
	margin-top: -80px
}
.categoryAccordion .panel, .categoryAccordion .panel-heading, .categoryAccordion .panel-heading a {
	margin: 0;
	padding: 0;
	text-align: top;
	box-shadow: none;
	text-decoration: none
}
.categoryAccordion-Desc {
	padding: 19px;
	line-height: 30px;
	position: relative;
	background-color: #f0f0f0;
	margin: 0
}
.panel-body .pointer {
	position: absolute;
	top: -20px;
	z-index: 15;
	width: 100%;
	left: 0
}
.panel-body {
	font-family: 'Lato', sans;
	font-size: 16px;
	background: #EEE
}
.panel-body h4 {
	font-size: 25px;
	font-weight: 700
}
.panel div#headingOne {
	border-bottom: 1px solid #CCC
}
.panel div#headingTwo {
	border-right: 1px solid #CCC
}
#collapseOne .panel-collapse {
	padding-top: 10px
}
panelIMG {
	border-top: 2px solid #fff;
	border-bottom: 1px solid #fff
}
.panelIMG div {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff
}
.bx-custom-pager {
	padding-top: 0
}
.bx-wrapper .bx-pager {
	bottom: -95px
}
.bx-wrapper .bx-pager a {
	border: solid #ccc 1px;
	display: block;
	margin: 0 5px;
	padding: 3px
}
.bx-wrapper .bx-pager a:hover, .bx-wrapper .bx-pager a.active {
	border: solid #5280DD 1px
}
.linkConsultancy {
	display: block;
	width: 396px;
	height: 119px
}
.linkConsultancy:hover {
	background-position: 0 0
}
.linkAcademy {
	display: block;
	width: 396px;
	height: 119px
}
.linkAcademy:hover {
	background-position: 0 0
}
.linkJoeySpeak {
	display: block;
	width: 396px;
	height: 119px
}
.linkJoeySpeak:hover {
	background-position: 0 0
}
.featureTitle {
	font-size: 18px;
	color: #666;
	font-weight: 700
}
#testimonial {
	background: #333
}
.boxCatLink:link, boxCatLink:visited, .boxCatLink:link .fa, .boxCatLink:visited .fa {
	font-size: 30px;
	color: #2f3537;
	text-decoration: none
}
.boxCatLink:hover, .boxCatLink:hover .fa {
	font-size: 30px;
	color: #967a49;
	text-decoration: none
}
.textCat {
	font-family: 'proxima_novalight';
	font-size: 30px;
	padding-top: 10px
}
.testimonialText {
	font-family: 'proxima_novalight';
	font-size: 35px;
	text-align: center;
	color: #FFF;
	line-height: 40px
}
.testimonialText01 {
	font-family: 'proxima_novalight';
	font-size: 15px;
	text-align: center;
	color: #FFF;
	text-transform: uppercase
}
.testimonialText02 {
	font-family: 'proxima_novalight';
	font-size: 25px;
	text-align: center;
	color: #FFF;
	line-height: 35px
}
.testimonialHeight {
	position: relative;
	width: 100%;
	height: 330px
}
.boxTextTestimonial {
	position: absolute;
	width: 100%;
	min-height: 158px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background: url(http://www.joeyyap.com/images/leafBg.png) center no-repeat;
	background-size: contain;
	padding: 20px 150px
}
.boxTextTestimonial01 {
	position: absolute;
	width: 100%;
	min-height: 158px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background: url(http://www.joeyyap.com/images/leafBg.png) center no-repeat;
	background-size: contain;
	padding: 20px 100px
}
.starTestimonial {
	padding-top: 20px
}
.starTestimonial .fa {
	color: #e4c283;
	font-size: 20px
}
#sequence .sequence-pagination, #sequence .controls {
	position: absolute;
	bottom: 30px;
	z-index: 10;
	color: #fff;
	text-align: center;
	width: 100%
}
#sequence .controls {
	bottom: 23px;
	width: auto;
	right: 30px
}
#sequence .sequence-pagination li, #sequence .controls li {
	background-image: url(http://www.joeyyap.com/images/buttons.png);
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
*display:inline;
	text-indent: -99999px;
	opacity: .8
}
#sequence .sequence-pagination li:hover, #sequence .controls li:hover {
	opacity: 1
}
#sequence .sequence-pagination li {
	background-position: 0 -8px;
	padding-right: 5px;
	height: 19px;
	width: 19px;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9)
}
#sequence .sequence-pagination li.current {
	background-image: url(http://www.joeyyap.com/images/buttons.png);
	background-repeat: no-repeat;
	background-position: -22px -8px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.top-gradient {
	background: #c8cacb;
	background: -moz-linear-gradient(top, #c8cacb 0%, #fff 33%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c8cacb), color-stop(33%, #fff));
	background: -webkit-linear-gradient(top, #c8cacb 0%, #fff 33%);
	background: -o-linear-gradient(top, #c8cacb 0%, #fff 33%);
	background: -ms-linear-gradient(top, #c8cacb 0%, #fff 33%);
	background: linear-gradient(to bottom, #c8cacb 0%, #fff 33%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8cacb', endColorstr='#ffffff', GradientType=0)
}
.newText {
	font-family: 'proxima_novasemibold';
	font-size: 30px;
	color: #000;
	text-align: center;
	margin-top: 50px;
	padding-bottom: 10px
}
.panel div#headingTwo, .panel div#headingThree {
	border-bottom: 1px solid #CCC
}
a#myCarouselArrow {
	display: inline-block;
	background: rgba(0,0,0,0.50);
	width: 55px;
	height: 55px;
	top: 45%;
	border-radius: 50%;
	border: 2px solid #FFF;
	margin: 20px;
	padding-top: 5px
}
#myCarouselArrow .fa {
	text-align: center;
	color: #FFF;
	font-size: 40px
}
#myCarouselArrow.left {
	padding-right: 0
}
#myCarouselArrow.right {
	padding-left: 0
}
.inlineBox {
	position: absolute;
	font-size: 14px;
	color: #333;
	top: 5px;
	right: 130px
}
.valignBox {
	vertical-align: middle;
	text-align: right;
	padding-top: 3px
}
div#accordion {
	margin-bottom: 0
}
div#accordion2 {
	margin-bottom: 0
}
.vid-container {
	position: relative;
	padding-bottom: 52%;
	padding-top: 30px;
	height: 0
}
.vid-container iframe, .vid-container object, .vid-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.vid-list-container {
	overflow: hidden;
	margin-top: 20px;
	padding-bottom: 20px;
	background: #333
}
.vid-list {
	width: 1534px;
	position: relative;
	top: 0;
	left: 0
}
.vid-item {
	display: block;
	width: 148px;
	height: 84px;
	float: left;
	margin: 0;
	padding: 10px
}
.thumb {
	overflow: hidden;
	height: 84px
}
.thumb img {
	width: 100%;
	position: relative;
	top: -13px
}
.vid-item .desc {
	color: #21A1D2;
	font-size: 15px;
	margin-top: 5px
}
.vid-item:hover {
	background: #333;
	cursor: pointer
}
.arrows {
	position: relative;
	width: 100%
}
.arrow-left {
	color: #fff;
	position: absolute;
	background: #333;
	padding-top: 44px;
	left: 0;
	top: -104px;
	z-index: 50;
	cursor: pointer;
	width: 43px;
	height: 104px
}
.arrow-right {
	color: #fff;
	position: absolute;
	background: #333;
	padding-top: 44px;
	right: 0;
	top: -104px;
	z-index: 50;
	cursor: pointer;
	width: 43px;
	height: 104px
}
.arrow-left:hover {
	background: #CC181E
}
.arrow-right:hover {
	background: #CC181E
}