
@import url('owl.css');


/*** 

====================================================================
	Global Settings
====================================================================

 ***/

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.6em;
	font-family: 'Noto Sans TC', sans-serif;
}


.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}


ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

img{
	display:inline-block;
	max-width:100%;
}

.theme-btn{
	cursor:pointer;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:55px;
}

.sec-title .section-color-layer{
	position:absolute;
	left:0px;
	top:-45px;
	bottom:-45px;
	width:150px;
	background-color:#f6f1eb;
}

.sec-title.centered .section-color-layer{
	left:50%;
	margin-left:-400px;
}

.sec-title .title{
	position:relative;
	color:#43b97e;
	font-size:16px;
	font-weight:400;
	text-transform:capitalize;
}

.sec-title h2{
	position: relative;
    color:#06092d;
    font-weight: 700;
    line-height: 1.2em;
	margin-top:18px;
}

.sec-title .text{
	position: relative;
    color:#06092d;
    font-weight: 400;
    line-height: 1.7em;
	margin-top:25px;
	font-size:20px;
}

.sec-title.light .text,
.sec-title.light .title,
.sec-title.light h2{
	color:#ffffff;
}

.sec-title.centered{
	text-align: center !important;
}


/*** 

====================================================================
	Clients Section
====================================================================

***/

.clients-section{
	position: relative;
    padding-top: 20px;
    margin-top: 20px;
    padding-bottom: 25px;
}

.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
	position:relative;
	display:none;
}

.clients-section .sponsors-outer .image-box{
	position:relative;
	text-align:center;
	margin:0px;
}

.clients-section .sponsors-outer .image-box img{
	max-width:100%;
	width:auto;
	margin:0 auto;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.clients-section .sponsors-outer .image-box img:hover{
	opacity:0.7;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

