@charset "utf-8";
/* CSS Document */

/*@font-face {
	font-family: "Mosvita-SemiBold";
	font-display: auto;
	src: url(font/Mosvita-SemiBold.otf);
}
@font-face {
	font-family: "Mosvita-Regular";
	font-display: auto;
	src: url(font/Mosvita-Regular.otf);
}
@font-face {
	font-family: "Mosvita-Light";
	font-display: auto;
	src: url(font/Mosvita-Light.otf);
}*/
/*@font-face {
	font-family: "Unbounded-SemiBold";
	font-display: auto;
	src: url(font/Unbounded-SemiBold.ttf);
}

@font-face {
	font-weight:bold;
	font-display: auto;
	src: url(font/Unbounded-Bold.ttf);
}
@font-face {
	font-family: "Lexend";
	font-display: auto;
	src: url(font/Lexend-Regular.ttf);
}
@font-face {
	font-family: "Lexend-Light";
	font-display: auto;
	src: url(font/Lexend-Light.ttf);
}
@font-face {
	font-family: "Lexend-SemiBold";
	font-display: auto;
	src: url(font/Lexend-SemiBold.ttf);
}
@font-face {
	font-family: "Lexend-Bold";
	font-display: auto;
	src: url(font/Lexend-Bold.ttf);
}*/

html{
	height:100%;
	width:100%;
}
body{
	font-family: "Montserrat", sans-serif;
	background:#fff;
	margin:0px auto;
	font-size:15px;
	font-weight: 500;
	color:#090909;
	padding:0px;
	overflow-y:scroll;
    overflow-x:hidden;
}
input, textarea{
	font-family: "Montserrat", sans-serif;
	font-size:15px;
	color:#231f20;
	-webkit-appearance:none;
}
td{
	vertical-align:top;
}
img{
	border:none;
}
p{
	margin:0px;	
}
a{
	color:#000;
	-o-transition:color .2s ease-out, background 0.2s ease-in;
	-ms-transition:color .2s ease-out, background 0.2s ease-in;
	-moz-transition:color .2s ease-out, background 0.2s ease-in;
	-webkit-transition:color .2s ease-out, background 0.2s ease-in;
	transition:color .2s ease-out, background 0.2s ease-in;
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	color:#666;
}
b,strong{
	font-weight:bold;
}
i,em{
	font-style:italic;
}
:focus {outline:none;}
::-webkit-input-placeholder { color:#6d6e71;opacity:1; }
::-moz-placeholder { color:#6d6e71;opacity:1; } /* firefox 19+ */
:-ms-input-placeholder { color:#6d6e71;opacity:1; } /* ie */
input:-moz-placeholder { color:#6d6e71;opacity:1; }
:focus::-webkit-input-placeholder { color:#999;opacity:0; }
:focus::-moz-placeholder { color:#999;opacity:0; } /* firefox 19+ */
:focus:-ms-input-placeholder { color:#999;opacity:0; } /* ie */
input:focus:-moz-placeholder { color:#999;opacity:0; }

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track-piece:start {
    background: transparent url('images/scrollbar_transparent.png') repeat-y !important;
}
::-webkit-scrollbar-track-piece:end {
    background: transparent url('images/scrollbar_transparent.png') repeat-y !important;
}
::-webkit-scrollbar-track {
	background: transparent url('images/scrollbar_transparent.png') repeat-y !important;
	/*border-radius: 6px;*/
}
::-webkit-scrollbar-thumb {
    background: rgba(200,200,200,1);
}
::-webkit-scrollbar-thumb:hover {
	background: rgba(150,150,150,1);
}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
    /*border-radius: 6px;*/
    width: 6px;
}

.animation{
	-o-transition:color .2s ease-out, background 0.2s ease-in;
	-ms-transition:color .2s ease-out, background 0.2s ease-in;
	-moz-transition:color .2s ease-out, background 0.2s ease-in;
	-webkit-transition:color .2s ease-out, background 0.2s ease-in;
	transition:color .2s ease-out, background 0.2s ease-in;
}
.animationcolor{
	-o-transition:color .2s ease-out, background 0s linear;
	-ms-transition:color .2s ease-out, background 0s linear;
	-moz-transition:color .2s ease-out, background 0s linear;
	-webkit-transition:color .2s ease-out, background 0s linear;
	transition:color .2s ease-out, background 0s linear;
}
.animationall{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.noanimation{
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	-ms-transition: all 0s ease;
	transition: all 0s ease;
}
.verticalmiddle, .vm{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.verticalbottom, .vb{
	position: relative;
	top: 100%;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.horizontalcenter{
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.error{
	color:#f00;
	font-size:12px;
}
.txtsearch::-webkit-input-placeholder { color:#999;opacity:1; }
.txtsearch::-moz-placeholder { color:#999;opacity:1; } /* firefox 19+ */
.txtsearch:-ms-input-placeholder { color:#999;opacity:1; } /* ie */
input.txtsearch:-moz-placeholder { color:#999;opacity:1; }
.headerfixed .txtsearch::-webkit-input-placeholder { color:#a7a9ac;opacity:1; }
.headerfixed .txtsearch::-moz-placeholder { color:#a7a9ac;opacity:1; } /* firefox 19+ */
.headerfixed .txtsearch:-ms-input-placeholder { color:#a7a9ac;opacity:1; } /* ie */
input.headerfixed .txtsearch:-moz-placeholder { color:#a7a9ac;opacity:1; }
.txtsearch:focus::-webkit-input-placeholder { color:#999;opacity:0; }
.txtsearch:focus::-moz-placeholder { color:#999;opacity:0; } /* firefox 19+ */
.txtsearch:focus:-ms-input-placeholder { color:#999;opacity:0; } /* ie */
input.txtsearch:focus:-moz-placeholder { color:#999;opacity:0; }
.colorwhite::-webkit-input-placeholder { color:#fff;opacity:1; }
.colorwhite::-moz-placeholder { color:#fff;opacity:1; } /* firefox 19+ */
.colorwhite:-ms-input-placeholder { color:#fff;opacity:1; } /* ie */
input.colorwhite:-moz-placeholder { color:#fff;opacity:1; }
.colorwhite:focus::-webkit-input-placeholder { color:#999;opacity:0; }
.colorwhite:focus::-moz-placeholder { color:#999;opacity:0; } /* firefox 19+ */
.colorwhite:focus:-ms-input-placeholder { color:#999;opacity:0; } /* ie */
input.colorwhite:focus:-moz-placeholder { color:#999;opacity:0; }

.borderradius3{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.borderradius5{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.borderradius10{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.borderradius15{
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}
.borderradius5left{
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius:5px;
}
.borderradius5right{
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}
.borderradius10top{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.borderradius10bottom{
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.borderradius10left{
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}
.borderradius10right{
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
.borderradius15top{
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.borderradius15topleft{
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
}
.borderradius15topright{
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
}
.borderradius15bottomleft{
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
}
.borderradius15bottomright{
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
}
.borderradius10bottomleft{
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}
.borderradius10bottomright{
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
.borderradius20{
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
.borderradius25{
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
}
.borderradius30{
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
}
.borderradius40{
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
}
.borderradius100percent{
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%;
}
.img_div_outer{
	width: 100%;
    overflow: hidden;
    position: relative;
    display: inline-block;
	cursor: pointer;
}
.hoverscale1_05:hover{
	-ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.hoverscale1_1:hover{
	-ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}

.posrel{
	position:relative;
}
.posabs{
	position:absolute;
}
.posfixed{
	position:fixed;
	z-index:50000;
}
.displaym, .menudisplaym, .displaym_inlineblock, .webfooterdisplaym, .headnavdisplaym, .displaym600, .displaym640, .displaym775, .displaym800, .displaymib800, .displaym900, .displaymib900, .displaym1000, .displaym1120{
	display:none;
}
.popupindex{
	position:fixed;
	z-index:999999;
	top:50%;
	margin-top:-260px;
	left:50%;
	width:710px;
	height:calc(100vh - 210px);
	background:url(images/bg.jpg) repeat;
	color:#333;	
	margin-left:-355px;
	font-size:15px;
	text-align:left;
	line-height:20px;
	display:none;
}
.popupindex2{
	position:fixed;
	z-index:999999;
	top:50%;
	margin-top:calc((50vh - 55px) * -1);
	left:50%;
	width:750px;
	height:calc(100vh - 110px);
	background:#fff;
	color:#333;	
	margin-left:-375px;
	font-size:16px;
	text-align:left;
	line-height:20px;
	display:none;
}
.popupheight{
	max-height:400px;
	overflow-y:auto;
}
.framecontactdownload{
	height:calc(100vh - 200px);
}
.popuppad{
	padding:35px 50px;
}
.popuppad2{
	padding:45px 0px;
}
#popup_title{
	font-size:27px;
	font-family: "Montserrat", sans-serif;
	padding-bottom:27px;
	line-height:35px;
}
#popup_description{
	line-height:27px;
}
.popup_height{
	overflow-y:auto;
	height:calc(100vh - 325px);
	padding-right:30px;
}
.td_popup1{
	width:45%;
	padding-right:5%;
}
.popup_closediv{
	padding-bottom:20px;
	text-align:right;
}
.popup_closediv img{
	cursor:pointer;
}
#menuslidebackpart,#menuslidebackpart2{
	position:fixed;	
	z-index:9999;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
	display:none;
}
.container{
	min-width:280px;
	max-width:1200px;
	padding:0px 20px;
	margin:0px auto;
}
.containerpl{
	padding-left:70px;
}
.containerheader{
	min-width:280px;
	max-width:2500px;
	padding:0px 20px;
	margin:0px auto;
}
.container2{
	min-width:280px;
	max-width:1035px;
	padding:0px 20px;
	margin:0px auto;
}
.container1280{
	min-width:280px;
	max-width:1240px;
	/*min-width:1200px;
	max-width:1280px;*/
	padding:0px 20px;
	margin:0px auto;
}
.container1280b{
	min-width:280px;
	max-width:1240px;
	/*min-width:1200px;
	max-width:1280px;*/
	padding:0px 20px;
	margin:0px auto;
}
.containerpadding{
	margin:0px auto;
	padding-left:20px;
	padding-right:20px;
}
.containernopadding{
	margin:0px auto;
}
.containerpadding35{
	margin:0px auto;
	padding-left:35px;
	padding-right:35px;
}
.marginfitleft35px{
	margin-left:-35px;
}
.marginfit2px{
	margin-left:-2px;
	margin-right:-2px;
}
.marginfit10px{
	margin-left:-10px;
	margin-right:-10px;
}
.marginfit15px{
	margin-left:-15px;
	margin-right:-15px;
}
.marginfit20px{
	margin-left:-20px;
	margin-right:-20px;
}
.fullwidth{
	width:100%;
}
.header{
	padding-top:0px;
	padding-bottom:0px;
	height:80px;
	position:fixed;
	z-index:9000;
	width:100%;
	background:#fff;
}
	.headertransparent{
		background:none;
		color:#fff;
		box-shadow:none;
		padding-top:35px;
		padding-bottom:0px;
	}
.headerpad{
	/*padding:12px 12px 12px 25px;
	height:46px;
	background:transparent;
	border-radius: 50px;*/
}
.menufixed .headerpad{
	background:#fff;
	
}
.header.menufixed{
	box-shadow:0px 5px 5px rgba(0,0,0,0.1);
}
.headersep{
	height:80px;
}
.header a{
	color:#000;
}
.header a:hover{
	color:#666;
}
	.headertransparent a{
		color:#666;
	}
	.headertransparent a:hover{
		color:#eee;
	}
.menu_icon_img{
	/*-webkit-filter: brightness(0%) invert(1);
	filter: brightness(0%) invert(1);*/
}
	.headertransparent .menu_icon_img{
		-webkit-filter: none;
		filter: none;
	}
.headerlogosupport img{
	max-height:50px;
}
.logo{
	padding-left:10px;
	width:auto;
	max-height:50px;
	display:inline-block;
	vertical-align: middle;
}
	.logo img{
		max-height:50px;
	}

.logow{
	width:100%;
	max-height:46px;
	display:none;
}
	.logow img{
		width:100%;
		max-height:46px;
	}
	.headertransparent .logow{
		display:block;
	}
	.headertransparent .logo{
		display:none;
	}
.logof{
	width:100%;
	max-height:46px;
}
	.logof img{
		max-height:46px;
	}
.logofw{
	width:100%;
	max-height:46px;
	display:none;
}
	.logow img{
		width:100%;
		max-height:46px;
	}
.wa1{
	display:none;
}
	.headertransparent .wa1{
		display:inline-block;
	}
	.headertransparent .wa2{
		display:none;
	}
.tableheader td.tdheader{
	height:80px;
	vertical-align:middle;
}
.tableheader td.tdheader1a{
	display:none;
}
.tableheader td.tdheader1{
	width:20%;
	padding-right:20px;
}
.tableheader td.tdheader2{
	width: 1500px;
	text-align: center;
}
.tableheader td.tdheader3{
	width:20%;
}

.header1c_sec1{
	display:inline-block;
	width:43px;
}
.header1c_sec2{
	display:inline-block;
	width:calc(100% - 43px);
}
.header1c_t1{
	font-size:13px;
	font-weight:bold;
	padding-bottom:3px;
	color:#939598;
}
	.headertransparent .header1c_t1{
		color:#fff;
	}
.header1c_t2{
	font-size:18px;
	font-weight:bold;
}
ul.sf-menu .menubtn, .menubtn{
	display:inline-block;
	vertical-align: top;
	width:auto;
	position:relative;
	cursor:pointer;
	color:#000;
	height:80px;
	background:transparent;
	padding:0px 15px;
	margin:0px 5px;
	font-weight:600;
	font-size:15px;

}
ul.sf-menu li:first-child .menubtn{
	padding-left:0px;
}
ul.sf-menu .menubtn:hover, ul.sf-menu .menubtnactive, .menubtn:hover, .menubtnactive{
	color:#646c44;
	/*background:#000;*/
}
	.headertransparent ul.sf-menu .menubtn{
		/*color:#fff;*/
	}
ul.sf-menu .menupopuppad{
	background:#fff;
	border-top:4px solid #00a1e4;
	text-align:left;
	/*width:430px;*/
	width:230px;
	box-shadow:0px 10px 10px rgba(0,0,0,0.1);
	
}
ul.sf-menu .menupopuparrow{
	padding-top:33px;
	text-align:left;
}
	ul.sf-menu .menupopuparrow img{
		margin-left:105px;
	}
ul.sf-menu .tdmenupop{
	padding-right:25px;
	width:50%;
}
ul.sf-menu .menupoppointhead{
	padding:15px 20px;
	font-size:13px;
	border-bottom:1px solid #f2f3f3;
}
	ul.sf-menu .menupoppointhead:hover{
		color:#00a1e4;
	}
ul.sf-menu .menupoppointpoint{
	padding-top:15px;
	padding-bottom:15px;
	font-size:15x;
	border-bottom:1px solid #d1d3d4;
}
.menupoint{
	
	padding-bottom:20px;
}
a.a_menu:hover{
	color:#00a1e4;
}


.page_title0, .pagetitle0{
	font-size:35px;
	line-height:1.2;
}
	.page_title0b, .pagetitle0b{
		font-size:35px;
		line-height:1.2;
		font-weight:bold;
	}
.pagetitle0a, .heading1{
	font-size:50px;
	font-weight:400;
	line-height:1.1;
}
	.pagetitle0a b, .pagetitle0a strong, .heading1b{
		font-weight: 600;
	}
.pagetitle0c{
	font-size:70px;
	font-weight:500;
	line-height:1.2;
}
.pagetitle0d{
	font-size:100px;
	font-weight:600;
	line-height:1.2;
}
.pagetitle0e{
	font-size:50px;
	font-weight:400;
	line-height:1.2;
}
.page_title1, .pagetitle1, .heading{
		font-size:30px;
		line-height:1.2;
	}
	.page_title1l, .pagetitle1l{
		font-size:30px;
		line-height:1.2;
		
	}
.page_title2, .pagetitle2{
	font-size:28px;
}
	.page_title2l, .pagetitle2l{
		
		font-size:28px;
	}
.page_title3, .pagetitle3{
	font-size:25px;
	line-height:1.2;
}
	.page_title3b, .pagetitle3b{
		font-size:25px;
		line-height:1.2;
		font-weight:bold;
	}
	.page_title3l, .pagetitle3l{
		font-size:25px;
		line-height:1.2;
		
	}
	.page_title3m, .pagetitle3m{
		font-size:25px;
		line-height:1.2;
		font-family: "SF-Pro-Medium";
	}
.page_title4, .pagetitle4{
	font-size:23px;
	line-height:1.2;
}
	.page_title4b, .pagetitle4b{
		font-size:23px;
		line-height:1.2;
		font-weight:bold;
	}
	.page_title4l, .pagetitle4l{
		font-size:23px;
		line-height:1.2;
		
	}
.page_title5, .pagetitle5{
	font-size:20px;
	line-height:1.4;
}
	.page_title5b, .pagetitle5b{
		font-size:20px;
		line-height:1.2;
		font-weight:bold;
	}
	.page_title5l, .pagetitle5l{
		font-size:20px;
		line-height:1.2;
		
	}
	.page_title5 ul, .pagetitle5 ul{
		margin-left:0px;
	}
	.page_title5 ol, .pagetitle5 ol{
		margin-left:0px;
	}
	.page_title5 li, .pagetitle5 li{
		margin-left:20px;
	}
.page_title6, .pagetitle6{
	font-size:15px;
	line-height:1.2;
}
	.page_title6b, .pagetitle6b{
		font-size:15px;
		line-height:1.2;
		font-weight:bold;
	}
.page_title7, .pagetitle7{
	font-size:18px;
	line-height:1.4;
}
	.page_title7b, .pagetitle7b{
		font-size:18px;
		line-height:1.2;
		font-weight:bold;
	}
	.page_title7l, .pagetitle7l{
		font-size:18px;
		line-height:1.2;
		
	}
	.page_title7 ul, .pagetitle7 ul{
		margin-left:0px;
	}
	.page_title7 ol, .pagetitle7 ol{
		margin-left:0px;
	}
	.page_title7 li, .pagetitle7 li{
		margin-left:20px;
	}
.page_title40, .pagetitle40{
	font-size:40px;
	line-height:1.2;
}
.page_title50, .pagetitle50{
	font-size:50px;
	line-height:1.2;
}
.page_title60, .pagetitle60{
	font-size:60px;
	line-height:1.2;
}
.page_title70, .pagetitle70{
	font-size:70px;
	line-height:1.2;
}
.page_description1, .pagedescription1{
	font-size:15px;
	line-height:1.4;
}
	.page_description1 ul, .pagedescription1 ul{
		margin-left:0px;
	}
	.page_description1 ol, .pagedescription1 ol{
		margin-left:0px;
	}
	.page_description1 li, .pagedescription1 li{
		margin-left:20px;
	}
	.pagedescription1 b, .pagedescription1 strong, .page_description1 b, .page_description1 strong{
		font-weight:bold;
	}
	.pagedescription1l, .pagedescription1l, .page_description1l, .page_description1l{
		
	}
.page_description2, .pagedescription2{
	font-size:13px;
	line-height:1.4;
}
.page_description3, .pagedescription3{
	font-size:11px;
	line-height:1.2;
	
}
.btn1{
	width:100%;
	padding:0px 20px;
	height:36px;
	background:#747d4d;
	border:0px solid #fff;
	cursor:pointer;
	color:#fff;
	font-size:15px;
	box-sizing: border-box;
	
}
	.btn1b{
		width:auto;
	}
	.btn1:hover{
		background-color:#000;
		color:#fff;
	}
	.btn1t{
		width:88px;
		height:35px;
		padding:0px;
		font-size:18px;
		color:#939598;
		font-weight:normal;
	}
	.btn1t:hover{
		background-color:#ffcb05;
		color:#fff;
		border-color:#ffcb05;
	}
.btn2{
	width:100%;
	padding:0px 20px;
	height:55px;
	background:#747d4d;
	cursor:pointer;
	color:#fff;
	border:0px solid #999;
	text-align: center;
	box-sizing: border-box;
}
	.btn2:hover{
		background-color:#000;
		color:#fff;
	}
.btn3{
	width:auto;
	max-width:260px;
	padding:0px 30px;
	height:50px;
	background:none;
	cursor:pointer;
	color:#fff;
	border:1px solid #fff;
	font-size:15px;
	
}
	.btn3:hover{
		background-color:#00a1e4;
		color:#fff;
	}
.btn4{
	width:100%;
	max-width:250px;
	padding:0px 20px;
	height:46px;
	background:#000;
	cursor:pointer;
	color:#ffcb05;
	border:0px solid #fff;
	font-size:15px;
}
	.btn4:hover{
		color:#fff;
	}
.btn5{
	width:100px;
	height:30px;
	background:#000;
	cursor:pointer;
	color:#ffcb05;
	border:0px solid #fff;
	font-size:13px;
}
	.btn5:hover{
		color:#fff;
	}
.btndownload{
	height:60px;
	border:1px solid #bcbec0;
	padding-right:40px;
	padding-left:85px;
	background:url(images/download_icon2.png) no-repeat left 19px center;
	font-size:16px;
	color:#58595b;
	cursor:pointer;
	margin-right:20px;
	margin-bottom:10px;
}
	.btndownload:hover{
		background-color:#eee;
		color:#000;
	}
	.a_btndownload:last-child .btndownload{
		margin-right:0px;
	}
.padbot5{
	padding-bottom:5px;
}
.padbot10{
	padding-bottom:10px;
}
.padbot15{
	padding-bottom:15px;
}
.padbot20{
	padding-bottom:20px;
}
.padbot25{
	padding-bottom:25px;
}
.padbot30{
	padding-bottom:30px;
}
.padbot35{
	padding-bottom:35px;
}
.padbot40{
	padding-bottom:40px;
}
.padbot45{
	padding-bottom:45px;
}
.padbot50{
	padding-bottom:50px;
}
.padbot55{
	padding-bottom:55px;
}
.padbot60{
	padding-bottom:60px;
}
.padbot65{
	padding-bottom:65px;
}
.padbot70{
	padding-bottom:70px;
}
.padbot75{
	padding-bottom:75px;
}
.padbot80{
	padding-bottom:80px;
}
.padbot85{
	padding-bottom:85px;
}
.padbot90{
	padding-bottom:90px;
}
.padbot95{
	padding-bottom:95px;
}
.padbot100{
	padding-bottom:100px;
}
.lineheight20{
	line-height:20px;
}
.lineheight25{
	line-height:25px;
}
.lineheight30{
	line-height:30px;
}
.lineheight35{
	line-height:35px;
}
.lineheight40{
	line-height:40px;
}
.lineheight45{
	line-height:45px;
}
.whitebg{
	background:#fff;
}
.greybg{
	background:#f1f2f2;
}
.blackbg{
	background:#090909;
}
.colorblack{
	color:#000;
}
.colorwhite{
	color:#fff;
}
.colororange{
	color:#de5326;
}
.colorgreen{
	color:#0b9444;
}
.coloryellow{
	color:#ffcb05;
}
.colorblue{
	color:#00a1e4;
}
.colorgrey{
	color:#808285;
}
.colormain{
	color:#646c44;
}
.colorbrown{
	color:#81613d;
}
.nooverflowx{
	overflow-x:hidden;
}
.nooverflowy{
	overflow-y:hidden;
}
.nooverflow{
	overflow:hidden;
}
.maxwidth285{
	max-width:285px;
}
.maxwidth450{
	max-width:450px;
}
.maxwidth610{
	max-width:610px;
}
.maxwidth750{
	max-width:750px;
}
.heightsep1{
	height:100px;
}
.line1{
	height:2px;
	background:#ffcb05;
	margin-bottom:50px;
	width:65px;
}
.line2{
	height:1px;
	background:#ffcb05;
	margin-bottom:25px;
	width:45px;
}
.line3{
	height:1px;
	background:#ffcb05;
	margin-top:25px;
	margin-bottom:25px;
	width:82px;
}
.minheight110{
	min-height:110px;
}
.minheight125{
	min-height:125px;
}
.minheight205{
	min-height:205px;
}
/*.fontmosvitasemibold{
	font-family: "Mosvita-SemiBold";
}*/


.homepart1{
	height:31.9vw;
	text-align: center;
}
.homepart1 .vm {
    position: relative;
    z-index: 2;
}
.homepart1 .heading1{
	/*text-shadow: 1px 1px 2px white;*/
}
.homepart1 .pagedescription1{
	/*text-shadow: 1px 1px 2px white;*/
}
.homepart2{
	margin-top:10px;
	padding-top:55px;
	padding-bottom:55px;
	background:url('images/ornament_home1.png') no-repeat right top;background-size: contain;
}
.tablehp2 td.tdhp2{

}
.tablehp2 td.tdhp2_1{
	width:40%;
}
.tablehp2 td.tdhp2_2{
	padding-left:40px;
}

.homepart3{
	margin-top:10px;
	padding-top:55px;
	background:url('images/ornament_home2.png') no-repeat left top 40%, url('images/ornament_home3.png') no-repeat right top 65%;
	background-size: 90px auto, 90px auto;
	border-bottom: 1px solid #8a9659;
}
.tablehp3 td.tdhp3{

}
.tablehp3 td.tdhp3_1{
	width:40%;
}
.tablehp3 td.tdhp3_2{
	padding-left:40px;
}
.hp3point{
	display:inline-block;
	width:25%;
	box-sizing: border-box;
	padding:0px 20px 40px 20px;
	vertical-align: top;
}
.homepart3b{
	padding-bottom:100px;
}
.homepart3d{
	padding-bottom:80px;
}
.homepart3d_head{
	text-align: center;
}
.homepart3d_body{
	display: grid;
    gap: 30px;
	grid-template-columns: repeat(4, 1fr); /* selalu 4 kolom */
    align-items: stretch; /* penting supaya tinggi sama */
}
.hp3dpoint {
    /*flex: 1;*/
    background: #fff;
    border: 1px solid #7a7a52;
    /*display: flex;
    flex-direction: column;*/
}
.hp3d-header{
	padding: 20px;
    border-bottom: 1px solid #7a7a52;
}
.hp3d-body{
	padding: 20px;
}
.hp3d_dot{
	display:inline-block;
	width:20px;
	height:20px;
	background:#7a7a52;
	position:relative;
	left:-10px;
	top:-10px;
}
.homepart4{
	padding-top:55px;
	padding-bottom:40px;
	border-bottom: 1px solid #7a7a52;
}
.hp4head{
	padding-bottom:50px;
	text-align: center;
}
.hp4body{
	text-align: center;
}
.hp4point{
	display:inline-block;
	width:25%;
	box-sizing: border-box;
	padding:0px 20px 0px 20px;
	vertical-align: middle;
	height:120px;
	border-right:1px solid #d2d2d2;
	margin-bottom:40px;
}
.hp4point img{
	max-height: 120px;
}
.hp4point_mod2{
	border-right:1px solid #d2d2d2;
}
.hp4point_mod3{
	border-right:1px solid #d2d2d2;
}
.hp4point_mod4{
	border-right:0px solid #d2d2d2;
}
.homepart5{
	padding-top:55px;
	padding-bottom:110px;
}
.hp5head{
	padding-bottom:50px;
	text-align: center;
}
.homepart5body, .articlebody{
	display: grid;
    gap: 30px;
	grid-template-columns: repeat(3, 1fr); 
    align-items: stretch; /* penting supaya tinggi sama */
}
.hp5point, .articlepoint {
    flex-direction: column; /* supaya header & body tersusun vertikal */
}
.hp5imgdiv, .articleimgdiv{
	height:23vw;
	max-height:280px;
	border-radius:20px;
	border-bottom-left-radius: 0px;
}
.hp5tag{
	height:35px;
	display:inline-block;
	width:auto;
	padding:0px 20px;
	background:#747d4d;
	color:#fff;
}
.homepart6{
	padding-bottom:55px;
}
.tablehp6 td.tdhp6{
	vertical-align: middle;
}
.tablehp6 td.tdhp6_1{
	padding-right:30px;
}
.tablehp6 td.tdhp6_2{
	width:250px;
}
.webfooterpart1{
	background:#697246;
	color:#fff;
	padding-top:30px;
	padding-bottom:25px;
}
.tablefooter td.tdfooter{
	vertical-align: top;
}
.tablefooter td.tdfooter1{
	width:280px;
	padding-right:20px;
}
.tablefooter td.tdfooter2{
	width:280px;
	padding-right:20px;
}
.tablefooter td.tdfooter3{

}
.footerpoint{
	font-size:17px;
	color:#fff;
	padding-bottom:15px;
}
.footerpoint a{
	color:#fff;
}
.footerpoint a:hover{
	text-decoration: underline;
}
.footerico{
	width:90px;
	height:90px;
	text-align: center;
	background:#fff;
	display:inline-block;
	vertical-align: top;
	margin-right:10px;
}
.footerico img{
	max-width: 70px;
	max-height: 70px;
}
.tablecopyright td.tdcopyright{
	vertical-align: middle;
}
.tablecopyright td.tdcopyright1{
	padding-right:20px;
}
.tablecopyright td.tdcopyright2{
	width:170px;
	text-align: right;
	padding-right:60px;
}
.socmedpoint{
	margin-left:10px;
	display:inline-block;
	vertical-align: top;

}
.socmedpoint img{
	max-width: 40px;
}
.pageheaderimg{
	height:480px;
	text-align: center;
}
.aboutpart1{
	background:url('images/ornament_about1.png') no-repeat right top 30px, url('images/ornament_about2.png') no-repeat left top 40%;
	background-size: 30% auto, 90px auto;
}
.aboutpart1a{
	padding-top:55px;
	padding-bottom:80px;
}
.tableap1 td.tdap1{

}
.tableap1 td.tdap1_1{
	width:60%;
}
.tableap1 td.tdap1_2{
	padding-left:40px;
}
.aboutpart1b{
	padding-bottom:65px;
	
}
.ap1_flex{
	display: flex;
    align-items: start;
    gap: 80px;
}
.ap1_grid{
	flex:1;
}
.ap1_grid img {
	max-width: 100%;
}
.ap1_content{
	flex:1;
	position:relative;
}
.vertical-text{
	position: absolute;
    left: -30px;
    top: 20px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #ccc;
}
.aboutpart1c{
	padding-bottom:85px;
}
.howweworkpart1{
	background:url('images/ornament_home3.png') no-repeat right top 20%, url('images/ornament_about2.png') no-repeat left top 40%;
	background-size: 90px auto, 90px auto;
}
.howweworkpart1a{
	padding-top:55px;
}
.historya, .historyb{
	padding-bottom:60px;
}
.historya:last-child, .historyb:last-child{
	padding-bottom:0px;
}
.historyapoint, .historybpoint{
	display:inline-block;
	vertical-align: top;
	box-sizing: border-box;
	
}
.historympad{
	background:#fff;
	border-radius:5px;
	padding:10px;
	margin-bottom:10px;
}
.historyapoint1{
	width: calc(50% - 30px);
	padding-right:20px;
	text-align: right;
	position:relative;
}
.historyapoint2{
	width:60px;
	text-align: center;
	height:20px;
}
.historyapoint3{
	width: calc(50% - 30px);
	padding-left:20px;
}

.historybpoint1{
	width: calc(50% - 20px);
	padding-right:20px;
}
.historybpoint2{
	width:40px;
	text-align: center;
}
.historybpoint3{
	width: calc(50% - 20px);
	padding-left:20px;
	text-align: left;

	position:relative;
}

.history_point_icon{
	max-width:20px;
}
.historyapoint3div, .historybpoint3div{
	background: #2C2C2C;
	color:#fff;
	text-align: left;
}
.historyapoint3divtop, .historybpoint3divtop{
	padding:15px 20px;
}
.historyapoint3divbottom, .historybpoint3divbottom{
	padding:15px 20px;
}
.historypart{
	background:url('images/history_line.png') repeat-y center top;background-size:auto;
}
.vertical-text2{
	position: absolute;
    right: -5px;
    top: 15px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #ccc;
}
.vertical-text3{
	position: absolute;
    left: -5px;
    top: 15px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #ccc;
}
.vertical-text2 p, .vertical-text3 p{
	display:inline;
}
.circle {
  width: 20px;
  height: 20px;
  background-color: #6d7647;
  border-radius: 50%;
  display:inline-block;
  margin:0px auto;
}
.howweworkpart1b{
	padding-top:60px;
	text-align: center;
	padding-bottom:40px;
}
.productpart1{
	background:url('images/ornament_home3.png') no-repeat right top 20%, url('images/ornament_about2.png') no-repeat left top 40%;
	background-size: 90px auto, 90px auto;
}
.productpart1a{
	padding-top:55px;
}
.product_body{
	display: grid;
    gap: 10px;
	grid-template-columns: repeat(4, 1fr); /* selalu 4 kolom */
    align-items: stretch; /* penting supaya tinggi sama */
}
.productpoint {
    /*flex: 1;*/
    background:#fbfbfb;
    border: 1px solid #767d5a;
    /*display: flex;
    flex-direction: column;*/
}
.productimgdiv{
	position:relative;
	width:100%;
	height:25vw;
	max-height: 296px;
}
.producttxtdiv{
	
	padding:15px;
}
.newtag{
	width:105px;
	height:30px;
	background:#bb884e;
	color:#fff;
	padding-left:10px;
	text-align: left;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom:5px;
}
.bestsellertag{
	width:105px;
	height:30px;
	background:#7e5e3a;
	color:#fff;
	padding-left:10px;
	text-align: left;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom:5px;
}
.posabsproducttag{
	top:10px;
}
.contactpart1{
	padding-top:30px;
}
.tablecontact1 td.tdcontact1{
	vertical-align: middle;
}
.tablecontact1 td.tdcontact1a{
	width:35%;
}
.tablecontact1 td.tdcontact1b{
	padding-left:70px;
}
.iframegooglemaps{
	width:100%;
	height:35vw;
}
.contactpart2{
	padding-bottom:70px;
}
.contact_label{
	font-size:18px;
	padding-bottom:10px;
}
.contactsep{
	height:1px;
	width:25px;
}
input.form_input2, textarea.form_input2{
	border:0px;
	border:2px solid #7a8257;

	width:100%;
	padding:0px 20px;
	height:45px;
	font-size:18px;
	color:#000;
	background:none;
	border-radius:22px;
	box-sizing: border-box;
}
select.form_select{
	border:2px solid #7a8257;
	width:calc(100% - 0px);
	padding:0px 20px;
	height:72px;
	font-size:18px;
	color:#333;
	background:#fff;
}
.input_box2{
	padding-bottom:25px;
}
	.input_box2b input.form_input2, .input_box2b textarea.form_input2{
		border:2px solid #7a8257;
		background:#f1f2f2;
		width:100%;
		padding:0px 20px;
		height:457px;
		font-size:15px;
		color:#333;
	}
	.input_box2b{
		padding-bottom:20px;
	}
textarea.message_box{
	padding-top:25px;
	padding-bottom:25px;
	height:125px;
}
input.submit_btn{
	display:inline-block;
	width:200px;
	height:70px;
	border-radius:50px;
	text-align: center;
	border:0px;
	font-size:25px;
	font-weight: 600;
	padding:0px 20px;
	box-sizing: border-box;
	box-shadow:3px 3px 10px rgba(0,0,0,0.2);
	background:#737d4c;
	color:#fff;
	cursor: pointer;
}
input.submit_btn:hover{
	background-color:#000;
	color:#fff;
	
}
input.form_checkbox{
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	transform: scale(1.5);
	margin-right:10px;
	vertical-align:middle;
}
.contact_checkbox_point{
	padding-bottom:18px;
}
.tablecontact td.tdcontactnopadtd{
	width:50%;
}
.tablecontactc td.tdcontactnopadtd{
	width:50%;
}
.tdcontactnopadtdsubmit{
	text-align: right;
}
.tdcontactnopadtdsubmit img{
	max-height:45px;
}
.mandatoryicon{
	font-size:15px;
	color:#ac0000;
	vertical-align: super;
}
.newspart1{
	padding-top:50px;
	padding-bottom:80px;
}
.wa_float_icon{
	position:fixed;
	z-index:1000;
	right:20px;
	bottom:20px;
	cursor:pointer;
}
.wa_float_icon img{
	max-width:45px;
	border-radius:100%;
	box-shadow:0px 1px 5px rgba(0,0,0,0.2);
}