.testimonials{
	padding:7px 5px 0px 5px;
	border:1px solid #ccc;
	float:left;
	max-width:220px;
	margin:0 auto;
	background:linear-gradient(#266994, #649ABC);
	height:327px;
	overflow:hidden;
}
.testimonials h2{color:#333; font-size:16px;}
.testimonials p{
    color:#fff;
	font-size:15px;
	line-height:20px;
	text-align:justify;
	padding:8px 6px;
	min-height:200px;
}
.client_pic{
	float:left;
	
	border-radius:50px;
}
.client_pic img{
	border-radius:50px;
}
.client_name{
	float:left;
	font-size:16px;
	color:#95523f;
	font-size:18px;
	font-family:"MS Serif", "New York", serif;
	font-style:italic;
	margin:20px;
}
/*end Testimonials*/


#mcts1 
{
    /*width:700px;*/
    height:300px;
    margin: 0 auto;
    /* Do not alter the below settings*/
    white-space:nowrap;
    position:relative;
    font-size:0px;
}

#mcts1>* {display:none;}
  
/*-------- div.item is each thumbnail's wrapper created by the javascript ------*/
#mcts1 div.item 
{
    margin:15px 0; /* this specifies the distance between each thumbnail */
    
    text-align:center;
    position:relative;
}

#mcts1 img 
{
    border:none;
}


/*---------built-in navigation buttons-------*/
#mcts1 ., #mcts1 .navNext, #mcts1 .navPlay, #mcts1 .navPause 
{
    width:16px; height:22px; position:absolute;  
    background:url(navbuttons.html); 
    display:inline-block; z-index:5; cursor:pointer;
}
#mcts1 . {background-position:0 -22px; left:149px; bottom:21px;}
#mcts1 .:hover {background-position:0 -44px;}
#mcts1 .Disabled, #mcts1 .Disabled:hover {background-position:0 0;cursor:default;}
#mcts1 .navBullets
{
    display:none;
}

/*--------- class1 that is for the slide with HTML content------------*/
.class1 
{
    width:220px;
    text-align:center;
    color:#333;
	/*padding-top:10px;*/
    font:normal 11px/14px Arial;
    white-space:normal;
}
.class1 h2
{
    margin-top:0;
    margin-bottom:5px;
    font:20px Arial;
    color:#72904a;
}
/*.class1 p{
	border-bottom:#9b9b9b 1px dashed;
	font:12px Arial;
	text-align:center;
	border-top:#9b9b9b 1px dashed;
	line-height:30px;
}
.class1 p a{
	text-decoration:none;
	color:#9b9b9b;
}*/


/* --------- Others ------- */







/*CSS FOR MCTS2*/

#mcts2 
{
    /*width:700px;*/
    height:330px;
    margin: 0 auto;
    /* Do not alter the below settings*/
    white-space:nowrap;
    position:relative;
    font-size:0px;
}

#mcts2>* {display:none;}
  
/*-------- div.item is each thumbnail's wrapper created by the javascript ------*/
#mcts2 div.item 
{
    margin:20px 0; /* this specifies the distance between each thumbnail */
    background-color:White;
    text-align:center;
    position:relative;
}

#mcts2 img 
{
    border:none;
}


/*---------built-in navigation buttons-------*/
#mcts2 . {background-position:0 -22px; top:-5px; right:0px;}
#mcts2 .:hover {background-position:0 -44px;}
#mcts2 .Disabled, #mcts2 .Disabled:hover {background-position:0 0;cursor:default;}
#mcts2 
{
    display:none;
}

/*--------- class2 that is for the slide with HTML content------------*/
.class2 
{
   
    background:#FFF;
    text-align:center;
    color:#333;
	/*padding-top:10px;*/
    font:normal 11px/14px Arial;
    white-space:normal;
}

/* --------- Others ------- */
#mcts2
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}