/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Damion|PT+Sans:400,700');

input,button,select,textarea{outline:none}
 *:focus { outline: none; }

img {max-width:100%;height: auto;}
.editor a {word-wrap: break-word;word-break: break-all;}
.editor ul, .editor li { list-style-type:initial;}
.table_scroll{overflow-x: auto; display: block; padding-bottom:0px;}
.datatable { width:100%; border-spacing:1px; background: #e6e6e6;}
.datatable th {color:#fff; font-size:16px; background: #006934; text-align:center; padding:10px; line-height: 140%;}
.datatable td { color: #3a3a3a; background: #fff; font-size:16px; text-align:center; padding:5px; line-height: 140%;}

.list-disc li { list-style-type:disc; margin:0 0 0 20px;}

header {height: 230px;}
.logo { position:absolute; z-index:10000; top:55px; left:calc(50% - 108.5px); }
nav {padding: 182px 0 0 0px;}
.menuzord-menu > li:first-child { position:absolute; z-index:999; top:20px; left:0px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.lang { display: inline-block; vertical-align: top;}
.lang a { display: inline-block; vertical-align: top; font-size: 15px; color: #000000;}
.lang a:hover, .btn-cart:hover { color: #006934;}
.lang a:after { content: "|"; display: inline-block; vertical-align: top; padding: 0 5px;}
.btn-cart {display: inline-block; vertical-align: top; font-size: 17px; color: #000; position: relative;}
.btn-cart > span { width: 17px; height: 17px; position: absolute; display: block; text-align: center; line-height: 16px; background: #00913a; font-size: 12px; color: #fff; top:-8px; right: -8px; border-radius: 100%;}
.search { width: 158px; position: relative; border-bottom: 1px solid #000;}
.search input[type=text] { width: 100%; padding: 0 24px 6px 0; border-width: 0; background: none; color: #000000; font-size: 14px; font-family: 'PT Sans'; font-weight: bold;}
.search a {display: inline-block; position: absolute; top: 0; right: 5px; font-size: 17px; color: #000;}
.search a:hover { opacity: 0.6;}

*history*/
.history-banner { line-height: 0; margin-bottom: 30px;}
.timeline {padding: 0px 0px;width: 100%;margin-bottom: 0px; position: relative;}
.timeline:before {content: "";position: absolute;top: 0px;left: 15px;width: 3px;height: calc(100% + 50px);background: #00913A;}
.timeline .column {margin: 40px 40px 40px 70px; position: relative;}
.timeline .column .title .year {font-size: 120px;color: rgba(0,0,0,0.1);font-family: serif;letter-spacing: 3px; line-height: 100%; font-family: "Times New Roman", "serif"; font-weight: bold; position: relative;top: -10px;}
.timeline .column .title .year:before {content: "";position: absolute;left: -62px;top: 86px;width: 10px;height: 10px;background: #fff;border: 3px solid #00913A;}
.timeline .column .title .year-title {margin-top: -40px;font-size: 34px; color: #000000; font-weight: bold; line-height: 100%; margin-bottom: 16px;}
.timeline .column .year-data {border-left: 2px solid #000; font-size: 15px; color: #000000 ; line-height: 22px; padding:10px 0 10px 20px;}

@media only screen and (max-width: 980px) {
	header {height: 90px;}
	.logo {top:10px; left: 10px;}
	.logo img {max-width: 100px;}
	nav {padding-top: 25px;}
	.showhide:before { content:"MENU"; display:block; position:absolute; right:20px; bottom:-18px; text-align:right; font-size:12px; color:#000; width:50px;}
	.menuzord-menu > li:nth-of-type(1) { top:auto !important; right:auto !important; background:none !important; text-align:left; border-right-width:0; border-bottom:solid 1px rgba(255,255,255,.3); padding:10px !important; flex-direction: column; justify-content: flex-start; }
	.lang {margin-bottom: 10px;}
	.lang a, .btn-cart { color: #fff;}
	.lang a:hover, .btn-cart:hover { color: #006934;}
	.search { width: 100%; border-bottom: 1px solid #fff;}
	.search input[type=text] { color: #fff;}
	.search a {color: #fff;}
	
}


@media only screen and (max-width: 414px) {

}
@media only screen and (max-width: 320px) {

}