/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);
@import url(http://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700');
@import url('https://fonts.googleapis.com/css?family=Vollkorn');


body {font-size: 1.2em; line-height: 1.5em; font-family: 'Roboto', sans-serif;}
:lang(zh-tw) body {font-family: 'cwTeXHei'}
:lang(zh-CN), html[lang=zh-CN] p, html[lang=zh-CN] a, html[lang=zh-CN] p{
    font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
:lang(en-gb) .tc, :lang(en-gb) .sc {display:none;}
:lang(zh-cn) .tc, :lang(zh-cn) .en {display:none;}
:lang(zh-tw) .sc, :lang(zh-tw) .en {display:none;}
[class*='uk-icon-'] {font-family: FontAwesome !important;}
.tm-toolbar {position:absolute; right:60px; z-index:100; }
.lang-active a {color:#09C !important}
.lang-inline a {color:#999}
hr {border-top:1px solid #016a93; opacity:.5; width:100px; margin:30px auto;}
.uk-navbar-toggle {position:absolute; right:10px; top:10px; font-size: 40px;z-index:1000; color:#87aa18}
.uk-offcanvas-bar-show .image-title {display:none;}
.uk-offcanvas-bar {background:#016a93}
.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {background:#87aa18}
a, a:hover, .uk-link:hover {text-decoration:none !important;}
a {color:#006699; letter-spacing:1px;}
.home .tm-middle {display:none;}
.menu-home {display:none !important}
:not:(lang(en-gb)).uk-navbar-nav > li > a {font-size:0; padding:0 10px; }
.uk-navbar-nav > li > a {color:#fff; font-family: 'Archivo Narrow', sans-serif; font-size:28px; line-height:45px}
.uk-navbar-nav > li > a:hover {color:#fff}
.uk-navbar-nav > li.uk-active > a {color:#fff}
:not:(lang(en-gb)).uk-navbar-nav > li {padding-right:10px}
.uk-navbar-nav .image-title {display:none;}
.uk-navbar-nav > li > a img { vertical-align:middle}
.uk-navbar {
	background:#87aa18; 
	-webkit-clip-path: polygon(0 40%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 40%, 100% 0, 100% 100%, 0% 100%); 
	height:80px; line-height:80px; 
}
.uk-navbar {margin:0; width:100%}
.uk-navbar > div {height: 80px;
    vertical-align: middle;
    display: table;
    line-height: 80px;
    padding-top: 20px;
}
.uk-navbar-nav > li.uk-active > a{
	background-color:rgba(0,0,0,.2) !important;
    border-radius: 5px;
}
ul.uk-nav-sub {
	    padding: 5px 0;
}
ul.uk-nav-sub li {padding:10px 20px}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {background-color:rgba(0,0,0,.1) !important; border-radius: 5px;}
.uk-nav-offcanvas > li > a {background:#87aa18}
/*.product .translate_y{
	-moz-transform: translate(0px, -140px);
	-webkit-transform: translate(0px, -140px);
	-o-transform: translate(0px, -140px);
	-ms-transform: translate(0px, -140px);
	transform: translate(0px, -140px);
}*/
.uk-nav-offcanvas li:nth-child(odd) {background:rgba(0,0,0,.1)}
.menu-home {display:none; padding:0;}
body {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,.2) 3%, rgba(227,195,162,.2) 97%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,.2) 3%,rgba(227,195,162,.2) 97%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,.2) 3%,rgba(227,195,162,.2) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3c3a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
h3, .item h3 {font-family:inherit !important; font-size: 24px !important;}
h4 {color:#999;font-size: 20px !important; }
ul.zoo-list > li {border-top:0}
.tm-headerbar {position:absolute; z-index:100}	
.tm-top-a .uk-grid-margin {margin-top:0} 
.tm-main-bottom > div {padding-left:0 !important;}
.mod-bottom .uk-grid {margin-left:0;}
.mod-bottom .uk-grid >div:nth-child(odd) .zoo-item-list {background:#fefbf8; color:#292e45}
.mod-bottom .uk-grid >div:nth-child(even) .zoo-item-list, .uk-panel-secondary, .mod-news .uk-width-large-1-3:nth-child(even) {background:#292e45; color:#fefbf8}
.mod-bottom .uk-grid >div:nth-child(odd) a { font-size: 100%;}
.mod-bottom .uk-grid >div:nth-child(even) a {color:#fefbf8; font-size: 100%;}
.mod-bottom .uk-grid > div p.title {margin:15px 0 0 15px;}
.mod-bottom  .mod-news ul.zoo-list > li {margin-top:0; padding-top:0}
.mod-bottom .uk-grid > div .description {margin:0 15px ;}
.mod-bottom article.item {color:#0074a2}
.mod-bottom .uk-grid .zoo-item-list div.description > .element-date {margin-top:0; float:left;}
.mod-bottom .media {max-height:250px; overflow:hidden;}
/*.mod-bottom .uk-grid .zoo-item-list div.description > div:first-child {margin-bottom:15px;}*/
.mod-bottom .uk-grid .uk-width-large-1-3 {padding-left:0}


.tm-footer .uk-panel-secondary .element-textarea p {line-height: 24px; margin: 30px 10px;}
.mod-news{
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    overflow: hidden;
    margin: 0;
	
}
.mod-news li:last-child {padding-bottom:30px }
.mod-news .element-itemname {margin-top:0 !important; margin-bottom:15px !important}
.video_thumb{position:relative; margin-bottom:20px}
.video_thumb a:before {
    content: "\f01d";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    font-size: 50px;
    line-height: 1;
    font-family: FontAwesome;
    text-align: center;
    color: #fff;
    z-index: 100;
}
.news_home .tm-main {margin-top:30px}
.items {margin:0 auto !important;}
.items-col-4 { margin-top:30px}
.blog-default-news .element-date { display:inline;}
.blog-default-news .teaser-item-bg {background:#016a93 !important; padding:0 !important}
.blog-default-news, .blog-default-news a {color:#fff}
.blog-default-news .floatbox {padding:0 10px 10px 10px;}
.mod-news::before, .mod-news::after {
	background:url(../../../images/template_img/separator.png);
	content:"";
	display:block;
	height:5px;
	width:100%;
}
.details div.heading {
	background:url(../../../images/template_img/separator.png);
	height:60px;
}
.mod-news .zoo-item-list .media {display:none}
.mod-news .zoo-item-list li:first-child .media {display:block !important}
.mod-awards {    height: 160px;
    padding: 35px 0 0 0;}

ul.milestone_menu {display:block; color:#003; padding-left:0 !important; }
ul.milestone_menu li {
	float: left;
    position: relative;
    list-style: none;
    padding: 4px;
    background: rgba(255,255,255,.5);
    border-radius: 2px;
    margin-right: 10px;
}
.uk-slideshow .uk-button{
	padding: 10px;
    border-radius: 5px;
    background: rgba(255,255,255,.4);
    text-align: left;
}
.mod_news_landing li {padding-left:10px;}
.mod_news_landing li > div {background:#006699; color:#fff; padding-bottom: 10px; height: 100%;}
.mod_news_landing li > div a {color:#fff;}
.mod_news_landing .zoo-item-list p.title{margin:10px}
.mod_news_landing .description {display:flex; margin:5px 0 0 10px !important}
.mod_news_landing .zoo-item-list div.description > div {margin:0}
.mod_news_landing ul.zoo-list > li:first-child {margin-top:5px !important; padding-top:5px;}
.uk-icon-angle-down {float:right; font-size:35px}
:not(:lang(en-gb)).desc_txt {    
    transform: scaleX(.85);
	font-weight: lighter;
	transform-origin: left;
}
.desc_txt {color: #09C !important; text-align: left;}
:lang(en-gb) .desc_txt { font-family: 'Vollkorn', serif !important; font-size:20px}
:lang(en-gb) .item h2, :lang(en-gb) h2 {font-family: 'Roboto Condensed', sans-serif; font-weight:700; color: #066c95; line-height:40px; font-size:40px} 
:lang(zh-tw) h2.desc_txt { font-family: 'cwTeXFangSong', sans-serif !important; }
:lang(zh-cn) h2.desc_txt { font-family: 'STFangsong', sans-serif !important; }
/*.sc {font-family: 'cwTeXFangSong', serif}*/
.uk-text-center {transform-origin:top !important;}
:not(:lang(en-gb)) .product_home .uk-panel-title {font-size:0 !important; background:url(../../../images/template_img/separator.png); display:block; height:30px; width:100%; padding:10px; text-align:center}
:lang(en-gb) .product_home .uk-panel-title {font-size:30px !important; background:url(../../../images/template_img/separator.png); display:block; height:30px; padding:10px; text-align:center; color:#f2e9df}
.product .details {display:none;}
.product_home .product_list:before, .product_home .product_list_2:before, .product_home .product_list_3:before {background:url(../../../images/template_img/separator.png); display:block; width:100%; text-align:center; padding-top:5px}
.product_home .zoo-item-list img { text-align:center }
.product_home .tm-top-a .uk-panel-title {display:none;}
.product_home ul.zoo-list > li:first-child {margin-top: 5px !important; padding-top: 5px !important;}
:not(:lang(en-gb)) .product_home .uk-panel-title {display:none}
:lang(zh-tw) .title_lingnam:before {content:url("../../../images/products/title_lingnam.svg");}
:lang(zh-cn) .title_lingnam:before {content:url("../../../images/products/title_lingnam_sc.svg");}
:lang(zh-tw) .title_maolong:before {content:url("../../../images/products/title_maolong.svg");}
:lang(zh-cn) .title_maolong:before {content:url("../../../images/products/title_maolong_sc.svg");}
:lang(zh-tw) .title_pinli:before {content:url("../../../images/products/title_pinli.svg");}
:lang(zh-cn) .title_pinli:before {content:url("../../../images/products/title_pinli_sc.svg");}
:lang(zh-tw) .title_koungyick:before {content:url("../../../images/products/title_koungyick.svg");}
:lang(zh-cn) .title_koungyick:before {content:url("../../../images/products/title_koungyick_sc.svg");}
:lang(zh-tw) .title_others_pinli:before {content:url("../../../images/products/title_pinli.svg");}
:lang(zh-cn) .title_others_pinli:before {content:url("../../../images/products/title_pinli_sc.svg");}
:lang(zh-tw) .title_others_1:before {content:url("../../../images/products/title_others_1.svg");}
:lang(zh-cn) .title_others_1:before {content:url("../../../images/products/title_others_1_sc.svg");}
:lang(zh-tw) .title_others_2:before {content:url("../../../images/products/title_others_2.svg");}
:lang(zh-cn) .title_others_2:before {content:url("../../../images/products/title_others_2_sc.svg");}
:lang(zh-tw) .title_others_3:before {content:url("../../../images/products/title_others_3.svg");}
:lang(zh-cn) .title_others_3:before {content:url("../../../images/products/title_others_3_sc.svg");}
:lang(zh-tw) .title_others_4:before {content:url("../../../images/products/title_others_4.svg");}
:lang(zh-cn) .title_others_4:before {content:url("../../../images/products/title_others_4_sc.svg");}
:lang(zh-tw) .title_others_5:before {content:url("../../../images/products/title_others_5.svg");}
:lang(zh-cn) .title_others_5:before {content:url("../../../images/products/title_others_5.svg");}
:lang(zh-tw) .awards_list .uk-panel-title {font-size:0; content:url("../../../images/awards/title_awards_latest.svg"); display:block; height:30px; width:100%; padding:10px;}
:lang(zh-cn) .awards_list .uk-panel-title {font-size:0; content:url("../../../images/awards/title_awards_latest.svg"); display:block; height:30px; width:100%; padding:10px;}
.awards_list .media img, .awards_list .media{
	-webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
	clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
	
	
	
}
.awards_list .polygon {text-align:center}
.awards_list .media {
    background: #016a93;
    padding: 2px;
    display: block;
    width: 185px;
    margin: 0 auto;
}
.awards_list .media {text-align:center;}
.awards_list .title {max-width:70%; margin:0 auto !important; text-align:center; font-size:20px; line-height:26px }

.awards_list .zoo-item-list li {margin-top:30px !important}
.awards_list h3{margin-top:30px !important}
.uk-dropdown-bottom {width:100%}
.uk-nav-dropdown  {padding:5px; }
.uk-dropdown {background:rgba(255,255,255,.8)}
.uk-nav-dropdown > li > a {padding:5px; }
.uk-nav-dropdown > li > a:hover, .uk-nav-dropdown > li > a:focus {background:#016a93; border-radius:3px; padding:5px;}
.uk-nav-dropdown > li {padding-left:0 !important;}

.contact .item a {color:#444444 !important}
.contact .item h3 {color:#313956 !important; font-weight:bold}
.blog-default {margin-top:30px}
.items h1.pos-title a {color:inherit; font-family:inherit}
p.title, .items a {font-size:110%}
.items .element-itemname {margin-bottom:0 !important}
.zoo-item-list div.description {margin-top:0 !important}
.close_button {float:right}
h1.pos-title {font-family:inherit !important;}
.item .element-itemname {font-size:24px; line-height:28px;}
.product_ml {border-bottom:4px solid #016a93}
.pos-top .element-image {text-align:center;}
.product_ml:last-child {margin-bottom:30px;}
.product_ml .uk-overlay {overflow:visible; display:block;}
.product_ml .uk-overlay-panel  {opacity:1 !important; color:#444444; padding:6px !important}
.product_ml .uk-overlay-background {
    background: rgba(0, 0, 0, 0);
}
.product_ml .uk-overlay-hover:hover [class*='uk-overlay-slide'], .product_ml.uk-overlay-active .uk-active > [class*='uk-overlay-slide'], .product_ml .uk-overlay-slide-right {transform:translateX(0) translateY(100%)}
.details {transform:translateX(0) translateY(0)}
.product .item div.pos-media .element {margin-bottom:60px !important}
.news .pos-content .element-imagepro a {padding:1px;}
.news .pos-content .uk-grid { margin-left:0}
.next, .prev {font-size:0}
a.next:before {content:"\f105"; display:inline-block; font-size:36px; font-family: FontAwesome;}
a.prev:before {content:"\f104"; display:inline-block; font-size:36px; font-family: FontAwesome;}
.item h2.pos-subtitle {
	font-size: 21px !important;
    color: #066c95 !important;
    line-height: 21px !important;
    text-transform: capitalize !important;
}
/*milestone right*/
.about .uk-align-medium-right {
    /*border-left: 3px solid #016a93;*/
    padding-left: 30px;
}
/*milestone left*/
.about .uk-text-right {
	border-right: 3px solid #016a93;
    padding-right: 30px;
	padding-top:1px;
	/*position: relative;
    left: 2px;*/
}
.product .items div.teaser-item-bg {background:none !important;}
.product .efficacy .tm-top-a {display:none;}
.logo_bg {background:rgba(255,255,255,.5); padding:15px; margin:0 !important}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: darkcyan;
    color: #ffffff;
}
.uk-panel-secondary{
		-webkit-clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%); 
}
.tm-main > :nth-child(n+2) {margin-top: 30px;}
@media (min-width: 1024px) {
	.translate_y{
		-moz-transform: translate(0px, -80px);
		-webkit-transform: translate(0px, -80px);
		-o-transform: translate(0px, -80px);
		-ms-transform: translate(0px, -80px);
		transform: translate(0px, -80px);
	}
	.news .item {padding-top:100px !important}
	.efficacy .item {padding-top:0 !important}
	.uk-margin-large-top {margin-top:30px !important}
	.video_thumb {margin-bottom:40px}
	

}
@media (max-width: 767px) {
	.uk-navbar-toggle {left:10px;}
	.product .items div.teaser-item-bg {text-align:center;}
	.uk-slideshow h2 {font-size:150%; line-height:100%; width:60%}
	.uk-slideshow figure img {height: 30px;}
	.uk-margin-large-top {margin-top:20px !important}
	.about .uk-clearfix {margin-bottom:20px;}
	.about .uk-text-right {text-align:left !important; border-right:0}
	.about .uk-align-medium-right {padding-left:0}
	.uk-navbar {
		height: 40px;
		line-height: 40px;
		top: -30px;
		position: relative;
	}
	.desc_txt {width:75% !important}
	.product_home .zoo-item-list img {
		max-width: 100%;
		text-align: center;
	}
	:lang(en-gb) .tm-footer .uk-panel-secondary .element-textarea p {line-height: 20px; margin: 40px 10px;}
	
	.tm-main > :nth-child(n+2) {margin-top: 0;}
		
}
@media (min-width: 768px) and (max-width: 1023px) {
	.uk-navbar-nav > li > a img {width: 90% !important; }
	.uk-navbar-nav > li > a {padding:0 5px !important; font-size:22px !important}
	.translate_y{
		-moz-transform: translate(0px, -80px);
		-webkit-transform: translate(0px, -80px);
		-o-transform: translate(0px, -80px);
		-ms-transform: translate(0px, -80px);
		transform: translate(0px, -80px);
	}
	.uk-slideshow figure img {width:20%;}
	.desc_txt {width:100% !important;}
	h2 {font-size: 1.5em; line-height: 1em;margin-top:0}
	
	:lang(en-gb) .tm-footer .uk-panel-secondary .element-textarea p {line-height: 20px; margin: 25px 10px;}
}