@charset "UTF-8";
*,
*:after,
*:before {
	padding: 0;
	margin: 0;
}

.submit-testimonial{
	margin: 0;
	position: relative;
	display: block;
	clear: both;
}

.clr {clear: both;}


/** Form Suubmit Testimonial **/

.testimonial h3 {
	margin-top: 0!important;
}

@font-face {
	font-family: 'fontawesome-selected';
	src: url("font/fontawesome-selected.eot");
	src:
	url("font/fontawesome-selected.eot?#iefix") format('embedded-opentype'),
	url("font/fontawesome-selected.woff") format('woff'),
	url("font/fontawesome-selected.ttf") format('truetype'),
	url("font/fontawesome-selected.svg#fontawesome-selected") format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
header h2 {
	padding: 10px 0;
	margin: 0;
	font-size: 62px;
	line-height: 58px;
	color: #fff;
	font-weight: 400;
	position: relative;
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAO0lEQVQYV2NkQAelZ/4zdJswogujCoAUgQBehTBFeBUSUATSy8hAhCJUhVjchewhiIkEFEFMJBJQXyEAsrMVC0GAdI4AAAAASUVORK5CYII=) repeat-x bottom left;
	text-shadow: 4px 4px 0px #41838e;
}*/

.user-no-avatar {
	background-image: url(../images/noAvatar.gif);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
}

/* Transparent Checkbox/radio hack: leave the checkbox on top, hide it with opacity 0 */
.check-avatar-title{
	
}
.check-avatar-title:hover{
	cursor: pointer;
}
label.check1{
        display: none;
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
width: auto;
/*display: none;*/
/*custom by Ajeem to display submit button*/
}
ul.timeline {
    list-style: none;
}
.content {
	-webkit-transform: rotateY(10deg);
	-moz-transform: rotateY(10deg);
	-o-transform: rotateY(10deg);
	-ms-transform: rotateY(10deg);
	transform: rotateY(10deg);

	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}


/* Transitions */

.thumb,
.thumb span,
.content-inner h3 {
	-webkit-transition: all 0.6s ease-in-out 0.2s;
	-moz-transition: all 0.6s ease-in-out 0.2s;
	-o-transition: all 0.6s ease-in-out 0.2s;
	-ms-transition: all 0.6s ease-in-out 0.2s;
	transition: all 0.6s ease-in-out 0.2s;
}

.content-inner {
	-webkit-transition: box-shadow 0.8s linear 0.2s;
	-moz-transition: box-shadow 0.8s linear 0.2s;
	-o-transition: box-shadow 0.8s linear  0.2s;
	-ms-transition: box-shadow 0.8s linear 0.2s;
	transition: box-shadow 0.8s linear 0.2s;
}

.content {
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-moz-transition: -moz-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-o-transition: -o-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-ms-transition: -ms-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	transition: transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
}

.content-inner p {
	-webkit-transition: max-height 0.5s linear, color 0.3s linear;
	-moz-transition: max-height 0.5s linear, color 0.3s linear;
	-o-transition: max-height 0.5s linear, color 0.3s linear;
	-ms-transition: max-height 0.5s linear, color 0.3s linear;
	transition: max-height 0.5s linear, color 0.3s linear;
}

/* Checked */

.swiper-slide input[type="radio"]:checked + .check1:after {
	content: '\2714';
	color: #F26328;
	/*box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.8);*/
}

.swiper-slide input[type="radio"]:checked ~ .content-perspective:before {
	background: #F26328;
}

/*.event input[type="radio"]:checked ~ .content-perspective .content-inner h3 {
	color: #F26328;
}*/

.event input[type="radio"]:checked ~ .content-perspective .content {
	//-webkit-transform: rotateY(-5deg);
/*	-moz-transform: rotateY(-5deg);
	-o-transform: rotateY(-5deg);
	-ms-transform: rotateY(-5deg);*/
	//transform: rotateY(-5deg);
}


@media screen and (max-width: 850px) {
	.content-inner h3 {
		font-size: 20px;
	}

	.content-inner p {
		font-size: 14px;
		text-align: justify;
	}

	.swiper-slide input[type="radio"]:checked ~ .content-perspective .content-inner p {
		max-height: 500px;
	}
}
/*hunghv 20130611*/
.testimonial-div{
	margin: 0 20px 0 10px;
	padding-top: 20px;
}
.testimonial-form {
	margin-top: 20px;
/*    left: 965px;*/
	max-width:100%;
	height:0px;
	background:none;
	overflow: hidden;
	-webkit-transition: height 1s !important;
	-moz-transition: height 1s !important;
	-o-transition: height 1s !important;
	-ms-transition: height 1s !important;
	transition: height 1s !important;
}
.testimonial-form-left{
	float: left;
	padding: 18px 15px;
	width: 90%;
	height: 100%;
}
.testimonial-form-right{
	width: 30px;
	height: 100%;
	float: right;
}
.testimonial-form-left iframe{
	width: 100%;
	height: 100%;
/*	border:10px;*/
	overflow-y: hidden;
}
.testimonial-div #radio1:checked ~ .testimonial-form {
	height:600px;
}
.close-btn {
	margin-left: 6px;
    position: relative;
    font-size: 30px;
	font-weight: 10;
    color: darkturquoise;
    text-decoration: none;
}
.close-btn:hover {
    color: blue;
	cursor: pointer;
}
.open-btn{
	color: #fff;
	background-color: #2f96b4;
	display: inline-block;
	padding: 4px 14px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #bbb;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.open-btn hover{
	color: #333;
	text-decoration: none;
	background-color: #e6e6e6;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}
.testimonial-div input[type="radio"] {
    display:none;
}
.testimonial-div #radio1:checked ~ .show-btn {
	display: none;
}
.testimonial-div #radio1:checked ~ .hide-btn {
	display: inline;
}
.hide-btn{
	display: none;
}
.content-inner-edit{
	display: none;
}
.content-inner-edit input{
	width: 95%;
}
.content-inner-edit textarea{
	margin-top: 10px;
	width: 95%;
	height: 100%;
}
/*loading*/
.loading{
	width: 100%;
	margin-bottom: 30px;
}
.loading img{
	display: none;
}
/* load more */
.loadmore{
        margin-right: 40px;
}