/*---------------------------
[Template Structure]
Project:	 Material
Version:	 1.0
Primary Use: Site Template 
Layout:      Responsive
Platforms:   Mobile & Tablet
-----------------------------
@charset "UTF-8";
/* Reset Framework For Material Specific */



.datu{ margin:10px auto; clear:both;}
.datu img{ width:100%;}
.material-box{
    background-color:#FFFFFF;
    margin-left:10px;
    margin-right:10px;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:20px;
    padding-right:20px;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
    box-shadow:         0 2px 5px 1px rgba(0,0,0,0.1);
    margin-bottom:30px;
    -webkit-appearance: none;
    border-radius:2px;
}

.text{ width:98%; border:1px #c1c1c1 solid; height:35px; margin-top:5px; padding:5px;}
.submit{
	width:120px; height:35px; background:#10578e;
    color: #fff;
    border-radius: 3px;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing { 
    cursor:url(../ke01_img/grabbing.png) 8 8, move;
}

.prev-slider{
	background-image:url(../images/prev.png);
	background-repeat:no-repeat;
	width:27px;
	height:27px;
	background-size:27px;
	height:27px;
	position:absolute;
	left:20px;
	margin-top:-45%;
}
.prev-staff, .prev-quote, .prev-featured{
	z-index:99999;
	background-image:url(../images/prev1.png);
	background-repeat:no-repeat;
	width:45px;
	height:45px;
	background-size:16px 16px;
    background-position: 13px 15px;
	position:absolute;
	left:0px;
	margin-top:40%;	
    border-radius:45px;
    transition:all 400ms ease;
}
.prev-staff:hover, .prev-quote:hover, .prev-featured:hover{
    background-color:rgba(0,0,0,0.1);
    transition:all 400ms ease;
}
.next-staff, .next-quote, .next-featured{
	z-index:99999;
	background-image:url(../images/next1.png);
	background-repeat:no-repeat;
	width:45px;
	height:45px;
	background-size:16px 16px;
    background-position: 16px 15px;
	position:absolute;
	right:0px;
	margin-top:40%;		
    border-radius:45px;
    transition:all 400ms ease;
}
.next-staff:hover, .next-quote:hover, .next-featured:hover{
     background-color:rgba(0,0,0,0.1);
    transition:all 400ms ease;   
}