@charset "utf-8";
/* CSS Document */

/* ============ general  ============ */

.tmls  {
	direction:ltr;
	position:relative;
}

.tmls  a{
	text-decoration:none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.tmls  a:hover{
	text-decoration:underline;
}

.tmls_clearfix { 
   clear: both;
}

/* ============ Slider  ============ */

.tmls .tmls_container.tmls_slider {
	overflow:hidden;
}
.tmls .tmls_container.tmls_slider .tmls_item {
	float:left;
}


/* ============ slider next & prev buttons  ============ */

.tmls .tmls_next_prev {
	text-align:right;
	z-index:10;
	
}
.tmls .tmls_next_prev.tmls_visible,
.tmls .tmls_next_prev.tmls_show_on_hover,
.tmls .tmls_next_prev.tmls_hiden {
	display:none;
}
.tmls .tmls_next_prev .tmls_next,
.tmls .tmls_next_prev .tmls_prev {
	display:inline-block;
	background-color:#F5F5F5;
	width:27px;
	height:27px;
	outline:none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

.tmls .tmls_next_prev .tmls_next {
	background-image: url(../images/next.png);
	background-position:right center;
	background-repeat:no-repeat;
}

.tmls .tmls_next_prev .tmls_prev {
	background-image: url(../images/prev.png);
	background-position:left center;
	background-repeat:no-repeat;
}

/* ---- slider next & prev hover effect  ---- */

.tmls .tmls_next_prev .tmls_next:hover {
	background-position:left center;
}
.tmls .tmls_next_prev .tmls_prev:hover {
	background-position:right center;
}

/* ---- slider next & prev radius  ---- */

.tmls .tmls_next_prev .tmls_next.no_radius,
.tmls .tmls_next_prev .tmls_prev.no_radius {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.tmls .tmls_next_prev .tmls_next.small_radius,
.tmls .tmls_next_prev .tmls_prev.small_radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tmls .tmls_next_prev .tmls_next.medium_radius,
.tmls .tmls_next_prev .tmls_prev.medium_radius  {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.tmls .tmls_next_prev .tmls_next.large_radius,
.tmls .tmls_next_prev .tmls_prev.large_radius {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* ============ Image  ============ */

.tmls .tmls_container .tmls_item .tmls_image {
	background-image: url(../images/people_icon.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-position: center top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	background-color:#DDDDDD;
	width:100px;
	height:100px;
}

.tmls .tmls_container.tmls_grid .tmls_item .tmls_image,
.tmls .tmls_container.tmls_list .tmls_item .tmls_image {

	-webkit-animation: tmls_image_show 0.6s;
	-moz-animation: tmls_image_show 0.6s;
	-ms-animation: tmls_image_show 0.6s;
	-o-animation: tmls_image_show 0.6s;
	animation: tmls_image_show 0.6s;

	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;

	
}

@keyframes tmls_image_show
{
	0% {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		
		-webkit-transform: rotate(30deg) scale(0);
		-moz-transform: rotate(30deg) scale(0);
		-o-transform: rotate(30deg) scale(0);
		-ms-transform: rotate(30deg) scale(0);
		transform: rotate(30deg) scale(0);
	}
	
	100% {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		
		-webkit-transform: rotate(0deg) scale(1);
		-moz-transform: rotate(0deg) scale(1);
		-o-transform: rotate(0deg) scale(1);
		-ms-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1);
		
	}
}

@-webkit-keyframes tmls_image_show {
	0% {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		
		-webkit-transform: rotate(30deg) scale(0);
		-moz-transform: rotate(30deg) scale(0);
		-o-transform: rotate(30deg) scale(0);
		-ms-transform: rotate(30deg) scale(0);
		transform: rotate(30deg) scale(0);
	}
	
	100% {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		
		-webkit-transform: rotate(0deg) scale(1);
		-moz-transform: rotate(0deg) scale(1);
		-o-transform: rotate(0deg) scale(1);
		-ms-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1);
		
	}
}


/* ---- image size  ---- */
.tmls.no_image .tmls_container .tmls_item .tmls_image {
	display:none;
}
.tmls.small_image .tmls_container .tmls_item .tmls_image {
	width:50px;
	height:50px;
}

.tmls.medium_image .tmls_container .tmls_item .tmls_image {
	width:80px;
	height:80px;
}

.tmls.large_image .tmls_container .tmls_item .tmls_image {
	width:100px;
	height:100px;
}

/* ---- image radius  ---- */

.tmls .tmls_container .tmls_item .tmls_image.no_radius {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.tmls .tmls_container .tmls_item .tmls_image.small_radius {
	-webkit-border-radius: 16%;
	-moz-border-radius: 16%;
	border-radius: 16%;
}
.tmls .tmls_container .tmls_item .tmls_image.medium_radius {
	-webkit-border-radius: 33.2%;
	-moz-border-radius: 33.2%;
	border-radius: 33.2%;
}
.tmls .tmls_container .tmls_item .tmls_image.large_radius {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* ============ Text  ============ */

.tmls .tmls_container .tmls_item .tmls_text {
	font-size:14px;
	line-height: 1.8;
	margin-bottom:15px;
	position:relative;
}

/* ---- dialog box  ---- */

.tmls .tmls_container .tmls_item .tmls_text.dialog_box {
	background-color:#F5F5F5;
	padding:15px;
	border:1px solid #DDDDDD;
	margin-bottom: 25px;
}

.tmls .tmls_container .tmls_item .tmls_text.dialog_box span.tmls_arrow {
	width:20px;
	height:11px;
	background-image: url(../images/arrow.png);
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:100%;
	left:30px;
	display:block;
}

/* ---- dialog box radius  ---- */

.tmls .tmls_container .tmls_item .tmls_text.dialog_box.no_radius {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.tmls .tmls_container .tmls_item .tmls_text.dialog_box.small_radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tmls .tmls_container .tmls_item .tmls_text.dialog_box.medium_radius {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.tmls .tmls_container .tmls_item .tmls_text.dialog_box.large_radius {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

/* ============ Name ============ */

.tmls .tmls_container .tmls_item .tmls_name {
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
	line-height:1.8;
}

/* ============ Position ============ */

.tmls .tmls_container .tmls_item .tmls_position {
	font-size:12px;
}


/* ============ Style 1  ============ */
.tmls.style1 .tmls_container  .tmls_item{
	text-align:center;
}

.tmls.style1 .tmls_container .tmls_image {
	margin-left:auto;
	margin-right:auto;
}

.tmls.style1 .tmls_next_prev {
	position:absolute;
	right:0px;
	top:0px;
}
.tmls.style1.no_image .tmls_next_prev {
	position:absolute;
	top:auto;
	bottom:0px;
	right:0px;
}
.tmls.style1 .tmls_next_prev.tmls_top {
	position:absolute;
	right:0px;
	top:0px;
}
.tmls.style1.no_image .tmls_next_prev.tmls_top {
	position:static;
	margin-bottom:10px;
}
.tmls.style1 .tmls_next_prev.tmls_bottom{
	position:absolute;
	top:auto;
	bottom:0px;
	right:0px;
}
.tmls.style1 .tmls_image {
	margin-bottom:20px;
}


/* ============ Style 2  ============ */

.tmls.style2 .tmls_next_prev {
	position:absolute;
	bottom:0px;
	right:0px;
}
.tmls.style2 .tmls_next_prev.tmls_top {
	position:static !important;
	margin-bottom:10px;
}
.tmls.style2 .tmls_next_prev.tmls_bottom {
	position:absolute;
	bottom:0px;
	right:0px;
}
.tmls.style2 .tmls_image {
	float:left;
}

.tmls.style2.small_image .tmls_text,
.tmls.style2.small_image .tmls_name ,
.tmls.style2.small_image .tmls_position {
	margin-left:75px;
}
.tmls.style2.small_image .tmls_item {
	min-height:50px;
}

.tmls.style2.medium_image .tmls_text,
.tmls.style2.medium_image .tmls_name ,
.tmls.style2.medium_image .tmls_position {
	margin-left:105px;
}
.tmls.style2.medium_image .tmls_item {
	min-height:80px;
}

.tmls.style2.large_image .tmls_text,
.tmls.style2.large_image .tmls_name ,
.tmls.style2.large_image .tmls_position {
	margin-left:125px;
}
.tmls.style2.large_image .tmls_item {
	min-height:100px;
}


/* ============ Style 3  ============ */

.tmls.style3 .tmls_next_prev {
	position:absolute;
	bottom:0px;
	right:0px;
}
.tmls.style3 .tmls_next_prev.tmls_top {
	position:static !important;
	margin-bottom:10px;
}
.tmls.style3 .tmls_next_prev.tmls_bottom {
	position:absolute;
	bottom:0px;
	right:0px;
}
.tmls.style3 .tmls_image {
	float:left;
}


.tmls.style3.small_image .tmls_image {
	margin-left:15px;
}
.tmls.style3.small_image .tmls_name {
	padding-left:85px;
	padding-top:2px;
}
.tmls.style3.small_image .tmls_position {
	margin-left:85px;
}
.tmls.style3.small_image .tmls_container .tmls_item .tmls_text.dialog_box span.tmls_arrow {
	left:30px;
}
.tmls.style3.small_image .tmls_image_position {
	min-height:50px;
}


.tmls.style3.medium_image .tmls_name {
	padding-left:105px;
	padding-top:20px;
}
.tmls.style3.medium_image .tmls_position {
	padding-left:105px;
}
.tmls.style3.medium_image .tmls_container .tmls_item .tmls_text.dialog_box span.tmls_arrow {
	left:30px;
}
.tmls.style3.medium_image .tmls_image_position {
	min-height:80px;
}

.tmls.style3.large_image .tmls_name {
	padding-left:125px;
	padding-top:30px;
}
.tmls.style3.large_image .tmls_position {
	padding-left:125px;
}
.tmls.style3.large_image .tmls_container .tmls_item .tmls_text.dialog_box span.tmls_arrow {
	left:40px;
}
.tmls.style3.large_image .tmls_image_position {
	min-height:100px;
}

/* ============ grid  ============ */

.tmls .tmls_container.tmls_grid {
	display:table;
}

/* --------- Rows  --------- */

.tmls .tmls_container.tmls_grid .tmls_row {
	display:table-row;
}

/* --------- columns  --------- */

.tmls .tmls_container.tmls_grid .tmls_row .tmls_column {
	display:table-cell;
}
.tmls .tmls_container.tmls_grid .tmls_row .tmls_column .tmls_item {
	margin:25px;
}
.tmls .tmls_container.tmls_grid .tmls_row .tmls_column:first-child .tmls_item {
	margin:25px 25px 25px 0px;
}
.tmls .tmls_container.tmls_grid .tmls_row .tmls_column:last-child .tmls_item {
	margin:25px 0px 25px 25px;
}
.tmls .tmls_container.tmls_grid .tmls_row:first-child .tmls_column .tmls_item {
	margin-top:0px;
}
.tmls .tmls_container.tmls_grid .tmls_row:last-child .tmls_column .tmls_item {
	margin-bottom:0px;
}

/* ----  border  ---- */

.tmls .tmls_container.tmls_grid.tmls_border .tmls_row .tmls_column {
	border-left:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
}
.tmls .tmls_container.tmls_grid.tmls_border.tmls_solid_border .tmls_row .tmls_column {
	border-left:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
}
.tmls .tmls_container.tmls_grid.tmls_border.tmls_dashed_border .tmls_row .tmls_column {
	border-left:1px dashed #DDDDDD;
	border-top:1px dashed #DDDDDD;
}
.tmls .tmls_container.tmls_grid.tmls_border .tmls_row .tmls_column:first-child {
	border-left:none;
}
.tmls .tmls_container.tmls_grid.tmls_border .tmls_row .tmls_column.no_left_border {
	border-left:none;
}
.tmls .tmls_container.tmls_grid.tmls_border .tmls_row:first-child .tmls_column {
	border-top:none;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px),
(min-width: 481px) and (max-width: 1024px) and (orientation:portrait), (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	
	.tmls .tmls_container.tmls_grid .tmls_row {
		display:block;
	}
	.tmls .tmls_container.tmls_grid .tmls_row .tmls_column {
		display:block;
		width:100% !important;
	}
	.tmls .tmls_container.tmls_grid .tmls_row .tmls_column {
		display:block;
		width:100% !important;
	}
	.tmls .tmls_container.tmls_grid .tmls_row .tmls_column .tmls_item {
		margin:0px 0px 25px 0px !important;
		padding-top:25px;
	}
	
	
	/* -------- Border ---------- */
	
	.tmls .tmls_container.tmls_grid.tmls_border .tmls_row .tmls_column,
	.tmls .tmls_container.tmls_grid.tmls_border.tmls_solid_border .tmls_row .tmls_column,
	.tmls .tmls_container.tmls_grid.tmls_border.tmls_dashed_border .tmls_row .tmls_column {
		border-left: none;
	}
	
	.tmls .tmls_container.tmls_grid.tmls_border .tmls_row .tmls_column:empty {
		border-top: none !important;
	}
	
	.tmls .tmls_container.tmls_grid.tmls_border .tmls_row:first-child .tmls_column {
		border-top: 1px solid #DDDDDD;
	}
	
	.tmls .tmls_container.tmls_grid.tmls_border.tmls_solid_border .tmls_row:first-child .tmls_column {
		border-top: 1px solid #DDDDDD;
	}
	
	.tmls .tmls_container.tmls_grid.tmls_border.tmls_dashed_border .tmls_row:first-child .tmls_column {
		border-top: 1px dashed #DDDDDD;
	}
	
	.tmls .tmls_container.tmls_grid.tmls_border .tmls_row:first-child .tmls_column:first-child {
		border-top: none;
	}

}





/* ============ List  ============ */


.tmls .tmls_container.tmls_list .tmls_item {
	padding-top:25px;
	margin-top:25px;
}
.tmls .tmls_container.tmls_list .tmls_item:first-child {
	padding-top:0px;
	margin-top:0px;
}

/* ------- border -------- */
.tmls .tmls_container.tmls_list.tmls_border .tmls_item{
	border-top:1px solid #DDDDDD;
}
.tmls .tmls_container.tmls_list.tmls_border.tmls_solid_border .tmls_item{
	border-top:1px solid #DDDDDD;
}
.tmls .tmls_container.tmls_list.tmls_border.tmls_dashed_border .tmls_item{
	border-top:1px dashed #DDDDDD;
}
.tmls .tmls_container.tmls_list.tmls_border .tmls_item{
	border-top:1px solid #DDDDDD;
}
.tmls .tmls_container.tmls_list.tmls_border .tmls_item:first-child {
	border-top:none;
}