* { margin: 0; padding: 0; }


/*TEAM CAROUSEL*/
#testimonial { width:1000px; position: relative; margin: 0 auto; padding:0 10px; border-radius: 5px; min-height: 315px;
background: rgba(141,84,233,1);
background: -moz-linear-gradient(left, rgba(141,84,233,1) 0%, rgba(71,119,230,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(141,84,233,1)), color-stop(100%, rgba(71,119,230,1)));
background: -webkit-linear-gradient(left, rgba(141,84,233,1) 0%, rgba(71,119,230,1) 100%);
background: -o-linear-gradient(left, rgba(141,84,233,1) 0%, rgba(71,119,230,1) 100%);
background: -ms-linear-gradient(left, rgba(141,84,233,1) 0%, rgba(71,119,230,1) 100%);
background: linear-gradient(to right, rgba(141,84,233,1) 0%, rgba(71,119,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d54e9', endColorstr='#4777e6', GradientType=1 );
}

#testimonial.loading * { opacity: 0!important; visibility: hidden!important; }
#testimonial.loading { background: url(../img/testimonial-loading.gif) no-repeat center #51758F; }
#testimonial a, #testimonial input { outline: none; }

/*Pagination*/
#testimonial .pagi { width: 50%; text-align: center; overflow: hidden; position: absolute; left: 25%; bottom: -30px; }
#testimonial .pagi a { width: 10px; height: 10px; text-indent: -15000px; overflow: hidden; font-size: 1px; margin: 0 2px; display: inline-block; background: #c00000; opacity: 0.5; border-radius: 80px; }
#testimonial .pagi a.active, .pagi a.find { opacity: 1; }

/*Controls (Next & Previous)*/
#testimonial .control a { width:30px; height: 30px; font-size: 1px; text-indent: -15000px; text-decoration: none; background-repeat: no-repeat; background-size: 100%; position: absolute; top: 46%; }
#testimonial .control a.prev { left: 20px; background-image: url(../img/prev.png); }
#testimonial .control a.next { right: 20px; background-image: url(../img/next.png); }


/*Play & Pause*/
#testimonial .process { width: 0px; height: 1px; background: #000; position: absolute; left: 0; bottom: 1px; z-index: 999; }
#testimonial .playpause { width: 9px; height: 11px; display: inline-block; background: url(../img/pause.png) no-repeat; position: absolute; left: 10px; bottom: 10px; z-index: 999; }
#testimonial .playpause.pause { background: url(../img/play.png) no-repeat; z-index: 999; }

/*Search*/
.js_search { width:100%; text-align:center; margin-top:50px; overflow:hidden; }
.js_search input { width:400px; font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; color:#000; border:none; border-radius: 20px; padding:12px;  background:url(../img/search-icon-fs.png) no-repeat 96% center #ccc; outline:none; }
.js_search .searchresult { margin:17px; display:inline-block; position: absolute; overflow: hidden; }
.js_search .searchresult a { width:10px; height:10px; display:inline-block; margin:0 3px; text-indent:10000px; background:#000; border-radius:80px; }

/*Slide*/
#testimonial .slide { font-family: 'Open Sans', sans-serif; padding:10px 0; color: #000; overflow: hidden; text-align: center; }
#testimonial .slide.current { z-index: 998; }
#testimonial .slide img { width:140px; border-radius: 80px; margin-top: 15px; }
#testimonial .slide h1 { font-size:24px; font-weight: 300; margin-top: 15px; color:#000; }
#testimonial .slide h2 { font-size:18px; font-weight: 300; margin-top: 5px; }
#testimonial .slide p { font-size:14px; font-weight: 300; margin: 15px 5% 0 5%; color:#000; }

/*Search*/
#testimonial .search { display: none; }

/*Media Query*/
@media (max-width: 1024px) {
    #testimonial { width:95%; }
    .js_search input { width: 200px; }
}
@media (max-width:480px) {
    #testimonial .pagi {
        bottom: -50px;
    }
}

/*Other*/
body #header { width: 900px; }
body #header .custom-menu li:hover > a, body #header .custom-menu li.current > a { background: #51758F;  color: #fff; }
@media screen and (max-width: 900px) {
    body #header { width: 90%; }
}