html, body, iframe, h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; border:0px; font: inherit; vertical-align:baseline; font-weight:normal; font-size:12px; line-height:18px;FONT-FAMILY:"微軟正黑體","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif"; font-smoothing:antialiased; font-smooth:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing:subpixel-antialiased !important; font-smoothing:subpixel-antialiased !important; font-smooth:subpixel-antialiased; }
.cl{clear: both;}
ul, ol{margin-top:0px; margin-right:0px; margin-left:0px;  margin-bottom:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;    box-sizing: border-box; padding:0px ; list-style:none;}
li{ margin:0px; padding:0px; }
textarea{min-height: 60px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 0px 5px 0px;}
input[type="text"], input[type="password"],  input[type="email"],  textarea,  select{ padding:2px 2px; outline: none; display: block; background: #fff; text-indent:4px; color:#2c2c2c; border: solid 1px #b9b9b9;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;  }
input[type="text"]:focus,  input[type="password"]:focus,  input[type="email"]:focus,  textarea:focus{ -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2);}
.button, input[type="submit"], input[type="reset"], input[type="button"] {cursor:pointer; padding:0; }
button::-moz-focus-inner,  input::-moz-focus-inner{border: 0;padding: 0;}
img, object, embed, video{border:0 none; max-width: 100%;}
a:focus {outline:none !important;}
/*------------------------------------ Desktop CSS ---------------------------------------------*/

/*搜尋*/
.cd-search {
  position: absolute;
  height: 72px;
  width: 100%;
  top: 0px;
  left:50%;
  margin:0 auto;
  transform: translate(-50%);
  -webkit-transform: translate3d(-50%,0,0);
  z-index: 105;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  background:#FFF
}
.cd-search form {
  height: 100%;
  max-width: 600px;
  margin:10px auto;
}
.cd-search input {
  border-radius: 0;
  border: none;
  background: #ffffff;
  height: 50px;
  width: 100%;
  padding: 5px;
  border:solid #FFF 1px;
  font-size:16px;
}
.cd-search input::-webkit-input-placeholder {
  color: #646473;
}
.cd-search input::-moz-placeholder {
  color: #646473;
}
.cd-search input:-moz-placeholder {
  color: #646473;
}
.cd-search input:-ms-input-placeholder {
  color: #646473;
}
.cd-search input:focus {
  outline: none;
}
.cd-search.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .cd-search {
  position: fixed;
}

.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index:90 !important;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}


.wsmobileheader{display:none;}
.overlapblackbg{ display:none; }
.bigmegamenu{ position:relative; }
.wsmenu{
	FONT-FAMILY:"微軟正黑體","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif";
	color:#fff;
	font-size:16px;
	font-weight:800;
	padding:0px;
	float:left;
	margin-left:150px;
	letter-spacing:1.5px;
	/*-webkit-border-radius:12px 12px 12px 12px;
	-moz-border-radius:12px 12px 12px 12px;
	border-radius:12px 12px 12px 12px;*/}

.wsmenu-list{
	text-align:center;
	display: block;
	padding:0px;
	}
	
.wsmenu-list > li{
	text-align:center;
	display: inline-block;
	padding:0px 9px 0px 9px;}
	
/*.wsmenu-list li:first-child a{
	-webkit-border-radius:12px 12px 12px 12px;
	-moz-border-radius:12px 12px 12px 12px;
	border-radius:12px 12px 12px 12px;
	}
	
.wsmenu-list li:last-child a{
	-webkit-border-radius:12px 12px 12px 12px;
	-moz-border-radius:12px 12px 12px 12px;
	border-radius:12px 12px 12px 12px;
	border-right:0px solid;
	}*/
	
.wsmenu-list > li > a .fa{
	display: none;
	font-size:10px;
	line-height:inherit;
	margin-right:4px; }
	
.wsmenu-list li ul li a .fa.fa-angle-double-right{ font-size:10px; margin: 0 3px 0 -4px;}

.wsmenu-list li a .arrow:after {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #b3b3b3;
    content: "";
    float: right;
    height: 0;
    margin: 0 0 0 9px;
    position: absolute;
    text-align: right;
    top: 22px;
    width: 0;
	display:none
	}

.wsmenu-list > li > a{
	display:block;
	color:#fff; /*選單顏色*/
	padding:0px; 
	line-height:70px;
	text-decoration:none;
	position:relative;
	border-bottom: rgba(255%,255%,255%,0) solid 2px;
	-webkit-transition : border 500ms ease-out;
	-moz-transition : border 500ms ease-out;
	-o-transition : border 500ms ease-out;
	transition : border 500ms ease-out;
	}

.wsmenu-list li a:hover .arrow:after{ border-top-color:#b3b3b3}
.wsmenu-list li a.active .arrow:after{ border-top-color:#b3b3b3}
.wsmenu-list li:hover>a .arrow:after{ border-top-color:#b3b3b3}

/*.megamenu iframe{width:100%; margin-top:10px; min-height:200px; }
.megamenu video{ width:100%; margin-top:10px;  min-height:200px;}*/

/*For megamenu desktop */
.wsmenu-list li:hover .megamenu{opacity:1;}
.megamenu{
	width:80%;
	left:10%;
	position:absolute;
	top:72px;
	color:#000;
	z-index:1000;
	margin:0px;
	text-align:left;
	padding:14px;
	font-size:14px;
	background-color:rgba(51, 111, 66, 1);
	border-top:solid 1px #FFFFFF;
	opacity: 0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.3s, opacity 0.3s;
	-ms-transition: -ms-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;}

.megamenu .title{
	font-size:14px;
	font-weight:600;
	padding:9px 0px 0px 0px;
	color:#FFF;
	margin-bottom:14px;
	text-align:left;
	height:26px;
	}
.megamenu .title a{ color:#FFF; text-decoration:none; width:100%; display:inline-block; padding:5px;}
.megamenu .title a:hover{ background-color:rgba(0,47,23,0.8) !important; color:#FFFF99;}
	
.link-list li{
	display:block;
	text-align:center;
	white-space:nowrap;
	text-align:left;}
	
.link-list li a{
	line-height:18px;
	border-right:none;
	text-align:left;
	padding:6px 0px;
	background:#fff !important;
	background-image:none !important;
	color: #666666 !important;
	border-right: 0 none !important;
	display:block;
	border-right:1px solid #F2F3F1;
	background-color:#fff;
	color:#424242;}
	
.link-list .fa{font-size:10px;}

.megacollink{width:23%; float:left; margin:0% 1%;}	
.megacollink li{
	display:block;
	text-align:center;
	white-space:nowrap;
	text-align:left;}
.megacollink li a{
	line-height:18px;
	border-right:none;
	text-align:left;
	padding:8px 0px;
	background:#fff !important;
	background-image:none !important;
	color: #666666 !important;
	border-right: 0 none !important;
	display:block;
	border-right:1px solid #F2F3F1;
	background-color:#fff;
	color:#424242;}
.megacollink .fa{font-size:10px;}

.megacolimage{width:31.33%; float:left; margin:0% 1%;}	
.typographydiv{width:100%; margin:0% 0%;}	
.typographylinks{width:25%; float:left; margin:0% 0%;}	
.mainmapdiv{ width:100%; display:block; margin:0% 0%; }

.wsmenu-list .ad-style{width:28%; float:right;}
.wsmenu-list .ad-style a{border:none !important; padding:0px !important; margin:0px !important; line-height:normal !important; background-image:none !important;}
.mobile-sub .megamenu .ad-style a:hover{ background-color:transparent !important; }
.wsmenu-list .megamenu  li:hover>a{background:transparent !important; border:none;}
.wsmenu-list .megamenu  li a{ padding:3px 3px 3px 13px; color:#FFF;}
.wsmenu-list .megamenu  li a:hover{background-color:rgba(0,47,23,0.8) !important; text-decoration:none; color:#FFFF99; padding:3px 3px 3px 13px;}
.wsmenu-list .megamenu li .fa {margin-right:5px; text-align:center; width:18px;}
.mrgtop{ margin-top:15px; }
.show-grid div{padding-bottom: 10px; padding-top: 10px; background-color:#dbdbdb; border: 1px solid #F2F3F1; color:#6a6a6a; margin:2px 0px;}


/*For halfmenu */
.halfmenu{
	width:40%;
	right:auto !important;
	left:auto !important;}

.halfmenu .megacollink{
	width:48%;
	float:left;
	margin:0% 1%;}		
/*For halfmenu */	


/*Form for desktop */
.halfdiv{
	width:35%;
	right:0px !important;
	left:auto;}
	
.menu_form{width:100%; display:block;}
.menu_form input[type="text"]{
	width:100%;
	border:1px solid #e2e2e2;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:#000;
	font-size:14px;
	padding:8px 5px;
	margin-bottom:8px;
	}
.menu_form textarea{
	width:100%;
	border:1px solid #e2e2e2;
	border-radius:5px;
	color:#000;
	font-size:14px;
	padding:8px 5px;
	margin-bottom:8px;
	min-height:122px;}
	
.menu_form input[type="submit"]{width:25%; display:block; height:28px; float:right;  border:solid 1px #ccc; margin-right:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.menu_form input[type="button"] {width:25%; display:block; height:28px; float:right; border:solid 1px #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

.megamenu .left.carousel-control{ padding-top:20%; }
.megamenu .right.carousel-control{ padding-top:20%; }
.carousel-inner .item img{ width:100%; }
.megamenu .carousel-caption{
	bottom:0px;
	background-color:rgba(0,0,0,0.7);
    font-size: 14px;
    height: 31px;
    left: 0;
    padding: 7px 0;
    right: 0;
    width: 100%;}

/*Animation*/
.wsmenu-list li > .wsmenu-submenu{
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-75deg);
	-o-transform: rotateX(-75deg);
	-moz-transform: rotateX(-75deg);
	-webkit-transform: rotateX(-75deg);
	visibility:hidden;
		}
	
.wsmenu-list li:hover > .wsmenu-submenu{
	transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
    opacity: 1;
	visibility:visible;
	}

.wsmenu-submenu li > .wsmenu-submenu-sub{
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-75deg);
	-o-transform: rotateX(-75deg);
	-moz-transform: rotateX(-75deg);
	-webkit-transform: rotateX(-75deg);
	visibility:hidden;
	}
	
.wsmenu-submenu li:hover > .wsmenu-submenu-sub{
	transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
    opacity: 1;
	visibility:visible;
	}

.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub{
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-75deg);
	-o-transform: rotateX(-75deg);
	-moz-transform: rotateX(-75deg);
	-webkit-transform: rotateX(-75deg);
	visibility:hidden;
	}
	
.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{
	transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
    opacity: 1;
	visibility:visible;
	}


.wsmenu-list li > .megamenu{
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-75deg);
	-o-transform: rotateX(-75deg);
	-moz-transform: rotateX(-75deg);
	-webkit-transform: rotateX(-75deg);
	visibility:hidden;
	}
	
.wsmenu-list li:hover > .megamenu{
	transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
    opacity: 1;
	visibility:visible;
	}

	
/* Submenu CSS */
.wsmenu-submenu{
	position:absolute;
	top: 72px;
	z-index:1000;
	margin:0px;
	padding:2px;
	border:none;
	background-color:rgba(89, 118, 35, 1);
	border-top:solid 1px #FFFFFF;
	opacity: 0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.3s, opacity 0.3s;
	-ms-transition: -ms-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;}

.wsmenu-submenu li a {
	background:rgba(242, 243, 241, 0) !important;
	background-image:none !important;
	color: #FFF !important;
	border-right: 0 none !important;
	text-align:left;
	display:block;
	line-height:22px;
	padding:6px 20px;
	text-transform:none; 
	font-size:14px;
	letter-spacing:normal;
	border-right:0px solid;
	text-decoration:none;
	}
.wsmenu-submenu li{position:relative; margin:0px; padding:0px;}

.wsmenuexpandermain{display:none;}

.wsmenu-list li:hover .wsmenu-submenu{display:block;}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub{min-width:220px; position:absolute; left:90%; top:0; margin:0px; padding:0px;
	opacity: 0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.4s, opacity 0.4s;
	-ms-transition: -ms-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;}
	
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub{opacity:1; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;}
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub{display:block;}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub{
	min-width:220px; position:absolute; left:90%; top:0; margin:0px; padding:0px;
	opacity: 0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.4s, opacity 0.4s;
	-ms-transition: -ms-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;}
	
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{opacity:1; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;}
.wsmenu-submenu li{position:relative; padding:0px; margin:0px; display:block;}
.wsmenu-click{display:none;}
.wsmenu-click02{display:none;}

/* Default Theme */ 
.wsmenu-list li:hover>a{background-color:rgba(0,0,0,0) !important; text-decoration:none; color:#FFFF99; border-bottom:#FFF solid 2px;}
.wsmenu-list > li > a:hover {background-color:rgba(0,0,0,0) !important;  text-decoration:none; color:#FFFF99; border-bottom:#FFF solid 2px;}
.wsmenu-list > li > a.active{background-color:rgba(0,0,0,0) !important; text-decoration:none;  color:#FFFF99; border-bottom:#FFF solid 2px;}
.wsmenu-submenu > li > a:hover {background-color:rgba(72,96,28,0.8) !important; border-radius:0px!important; text-decoration:none;  text-decoration:none; color:#FFFF99 !important; border-bottom:none;}

.typography-text { padding:0px 0px; font-size:14px; letter-spacing:1px;}
.typography-text p{ text-align:justify; line-height:24px; color:#656565;}
.typography-text ul li{ display:block; padding:0px 0px 0px 0px; line-height:20px;}
.typography-text ul li a{color:#656565; width:100%; display:inline-block;}
.hometext{display:none;}
.wsmenu-submenu .fa{ margin-right:7px;}

.fsubmenu-col{float:left;width:16.666%; padding:0px 15px 0px 15px;}



@media only screen and (min-width:960px) and (max-width:1200px) {
.wsmenu-list > li > a > .fa { display:none !important;}
.hometext{ display:block !important;}
/*.bigmegamenu{ position:static !important; }*/
.wsmenu-list li a { white-space:nowrap !important;}
.megacollink {width:48%; margin:1% 1%;}
.typographylinks{width:48%; margin:1% 1%;}


}


 

@media only screen and (min-width: 961px) {
.wsmenu-list li:hover > .wsmenu-submenu{display:block !important;}
.wsmenu-submenu li:hover > .wsmenu-submenu-sub{display:block !important;}
.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{display:block !important;}
.wsmenu-list li:hover > .megamenu{display:block !important;}

}


/*------------------------------------ Mobile CSS ---------------------------------------------*/
@media only screen and (max-width: 960px) {
	.fsubmenu-col{float:none;width:100%; padding:0px 15px 0px 15px;}
	.cd-search {
		height: 52px;
		position:fixed;
	}
	.cd-search input {
		height: 35px;
		width: 70%;
		padding: 5px;
	}
	.wsoffcanvasopener .wsmenu {
		left:0px;
		-webkit-transition:all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		}
	
	.wsmobileheader{
		display:block !important;
		position:relative;
		top:0;
		right:0;
		left:0;
		-webkit-transition:all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		background:#666
		
		}
		
	
	.wsmenu-list > li:hover>a{background-color:rgba(0,0,0,0.08) !important; text-decoration:none;}
	.hometext{ display:inline-block !important; }
	.megacollink {width:96% !important; margin:0% 2% !important; }
	.megacolimage{width:90% !important; margin:0% 5% !important;}
	.typographylinks{width:98% !important; margin:0% 1% !important;}	
	.typographydiv{width:86% !important; margin:0% 7% !important;}	
	.mainmapdiv{width:90% !important; margin:0% 5% !important; }
	
	.overlapblackbg{
		left:0;
		z-index:103;
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		display:none;
		background-color:rgba(0, 0, 0, 0.75);
		cursor:pointer;}
		
	.wsoffcanvasopener .overlapblackbg{display:block !important;}
	
	/* Default Theme */ 
	.wsmenu-submenu > li:hover>a{ background-color:#7b7b7b; color:#666666;}
	.wsmenu > .wsmenu-list > li > a.active{color: #666666; background-color:rgba(0,0,0,0.08);}
	.wsmenu > .wsmenu-list > li > a:hover{ color: #666666; background-color:rgba(0,0,0,0.08);}	
	
	.wsmenu-list li:hover .wsmenu-submenu{display:none ;}
	.wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub{display:none;}
	.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{display:none; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;}
	.wsmenu-list li:first-child a{-webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px;}
	.wsmenu-list li:last-child a{-webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-right:0px solid;}
	
	.innerpnd{ padding:0px !important; }
	.typography-text { padding:10px 0px; }
	
	.wsmenucontainer{
		overflow: hidden;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		/*min-height:800px;*/
		-webkit-transition:all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;}
		
	
	
	/* Mobile click to drop arrow */
	.wsmenu-click {
		height:43px;
		position:absolute;
		top:0;
		right:0;
		display:block;
		cursor:pointer;
		width:100%;
		}
	
	.wsmenu-click i{
		display:block;
		height:23px;
		width:25px;
		margin-top:11px;
		margin-right:8px;
		background-size:25px;
		font-size:21px;
		color:rgba(0,0,0,0.25);
		float:right;
		}
		
		
	.wsmenu-click02 {
		height:43px;
		position:absolute;
		top:0;
		right:0;
		display:block;
		cursor:pointer;
		width:100%;
		}
	
	.wsmenu-click02 i{
		display:block;
		height:23px;
		width:25px;
		margin-top:11px;
		margin-right:8px;
		background-size:25px;
		font-size:21px;
		color:rgba(0,0,0,0.25);
		float:right;
		}	
		
	.ws-activearrow > i{transform: rotate(180deg);}
	
	.wsmenu-rotate{
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);}
	
	/*2nd UL Style*/
	.wsmenu-submenu-sub{
		width:100% !important;
		position:static !important;
		left:100% !important;
		top:0 !important;
		display:none;
		margin:0px !important;
		padding:0px !important;
		border:solid 0px !important;
		transform:none !important;
		opacity:1 !important;
		visibility:visible !important;
		}
		
	.wsmenu-submenu-sub li{
		margin:0px 0px 0px 0px !important;
		padding:0px;
		position:relative;}
		
	.wsmenu-submenu-sub a{
		display:block;
		padding:10px 25px 10px 25px;
		border-bottom:solid 1px #ccc;
		font-weight:normal;}
		
	.wsmenu-submenu-sub li a.active{color:#000 !important;}
	
	.wsmenu-submenu-sub li:hover>a{ background-color:#333333 !important; color:#fff;}
	
	.wsmenu-list > li > a .fa{margin-right:6px;}
	
	.wsmenu-submenu-sub-sub{
		width:100% !important;
		position:static !important;
		left:100% !important;
		top:0 !important;
		display:none;
		margin:0px !important;
		padding:0px !important;
		border:solid 0px !important;
		transform:none !important;
		opacity:1 !important;
		visibility:visible !important;
		}
		
	.wsmenu-submenu-sub-sub li{
		margin:0px 0px 0px 0px !important;}
		
	.wsmenu-submenu-sub-sub a{
		display:block;
		color:#000;
		padding:10px 25px;
		background:#000 !important;
		border-bottom:solid 1px #ccc;
		font-weight:normal;}
		
	.wsmenu-submenu-sub-sub li a.active{ color:#000 !important;}
	.wsmenu-submenu-sub-sub li:hover>a{ background-color:#606060 !important; color:#fff;}
	.wsmenu{position: relative;}
	
	.wsmenu .wsmenu-list{
		height:100%;
		overflow-y:auto;
		display:block !important;}
		
	.wsmenu .wsmenu-list > li{
		width:100%;
		display:block;
		float:none;
		border-right:none;
		background-color:transparent;
		position:relative;
		white-space:inherit;}
		
	.wsmenu > .wsmenu-list > li > a{
		padding:9px 32px 9px 17px;
		font-size:16px;
		text-align:left;
		border-right:solid 0px;
		background-color:transparent;
		color:#666666;
		line-height:25px;
		border-bottom:1px solid;
		border-bottom-color:rgba(0,0,0,0.13);
		position:static;
		}
		
	.wsmenu > .wsmenu-list > li > a > .fa{font-size: 10px; color:#bfbfbf;}
	.wsmenu .wsmenu-list li a .arrow:after{ display:none !important; }
	.wsmenu .wsmenu-list li ul li a .fa.fa-caret-right{ font-size:10px !important; color:#8E8E8E; }
	
	.mobile-sub .wsmenu-submenu{
		transform:none !important;
		opacity:1 !important;
		display:none;
		position:relative !important;
		top:0px;
		background-color:#fff ;
		border:solid 0px #ccc;
		padding:0px;
		visibility:visible !important;
		}
		
	.mobile-sub .wsmenu-submenu li a{
		line-height:20px;
		height:auto;
		background-color:#F2F3F1 !important;
		font-size:14px !important;
		padding:6px 0px 6px 18px;
		color:#333 !important;}
	
	.mobile-sub .wsmenu-submenu li a:hover{ background-color:#F2F3F1  !important; color:#FFFF99 !important; text-decoration:none; }
	.mobile-sub .wsmenu-submenu li:hover>a{ background-color:rgba(0,47,23,0.8) !important; color:#FFFF99; }
	.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a{line-height:20px; height:36px; background-color:#F2F3F1 !important; border-bottom:none; padding-left:28px;}
	.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a{line-height:20px; height:36px; background-color:#F2F3F1 !important; border-bottom:none !important; padding-left:38px; color:#8e8e8e;}
	
	
	
	.wsmenu-list .megamenu{
		background-color:#F2F3F1;
		color:#666666;
		display:none;
		position:relative !important;
		top:0px;
		left:0px;
		padding:0px;
		border:solid 0px;
		transform:none !important;
		opacity:1 !important;
		visibility:visible !important;
		width:100%;
		}
	.megamenu .title a{ color:#75992E; text-decoration:none; width:100% !important; display:inline-block; padding:5px;}
	.megamenu .title a:hover{ background-color:rgba(0,47,23,0.8) !important; color:#FFFF99;}	
	.wsmenu-list .megamenu  li a{ padding:3px 3px 3px 13px; color:#333;}
	.wsmenu-list .megamenu  li a:hover{background-color:rgba(0,47,23,0.8) !important; text-decoration:none; color:#FFFF99; padding:3px 3px 3px 13px;}
	
	.wsmenu-list li:hover .megamenu{display:none; position:relative !important; top:0px; }
	.megamenu .title{ color:#000; font-size:14px !important; padding:10px 8px 10px 0px;}
	.halfdiv .title{ padding-left:15px;}
	.megamenu > ul{
		width:100% !important;
		margin:0px;
		padding:0px;
		font-size:14px !important;}
		
	.megamenu > ul > li > a{
		padding:9px 10px !important;
		line-height:normal !important;
		font-size:14px !important;
		background-color:#F2F3F1 !important;
		color:#666666;}
		
	.megamenu > ul > li > a:hover{background-color:#000000 !important;}
	
	.ad-style{ width:100% !important;}
	
	.megamenu ul li.title{
		line-height:26px;
		color:#666666;
		margin:0px;
		font-size:14px;
		padding:7px 13px !important;
		border-bottom:1px solid #ccc;
		background-color:transparent !important;}
	
	.halfdiv{ width:100%; display:block;}
	.halfmenu{width:100%; display:block;}
	
	.menu_form{ padding:10px 10px 63px 10px; background-color: #F2F3F1;}
	
	.menu_form input[type="button"]{ width:46%; }
	.menu_form input[type="submit"]{ width:46%; }	
	.menu_form textarea{min-height:100px;}
	
	.wsmenu {
		width:240px;
		left:-240px;
		height: 100%;
		position: fixed;
		top: 0;
		margin: 0;
		background-color: #fff;
		border-radius:0px;
		z-index:103;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		border:none !important;
		background-color:#fff !important;
		}
	
	/*.wsoffcanvasopener .wsmenu {
		width:240px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		}
	 
	.wsmenu.menuclose{
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		}*/
	 
	
	 
	/* Navigation arrow Animation */
	.animated-arrow{
		z-index:102;
		-webkit-transition:all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		}
		
	.callusicon{
		color: #c9c9c9;
		font-size: 25px;
		height: 25px;
		position: fixed;
		left: 15px;
		top: 13px;
		transition: all 0.4s ease-in-out 0s;
		width: 25px;
		z-index:102;
		-webkit-transition:all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		}	
		
	.callusicon:focus, callusicon:hover {
		color: #fff !important;
	}
	
	.wsoffcanvasopener .callusicon{ display:none !important; }
	
	.smallogo{
		display:block;
		text-align:left;
		padding-top:9px;
		padding-left:15px;
	}
	
	.wsoffcanvasopener .animated-arrow{
		left:240px;
		}
	
	
	.animated-arrow{
		cursor:pointer;
		
		}
		
	.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
		cursor: pointer;
		height:3px;
		width:23px;
		background: #FFF;
		position: absolute;
		display: block;
		content: '';
		}
		
	.animated-arrow span:before{
		top: -7px;}
		
	.animated-arrow span:after {
		bottom: -7px;}
		
	.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after{
		transition: all 500ms ease-in-out;}
		
	.wsoffcanvasopener .animated-arrow span{
		background-color: transparent;}
		
	.wsoffcanvasopener .animated-arrow span:before, .animated-arrow.active span:after{
		top:7px;}
		
	.wsoffcanvasopener .animated-arrow span:before {
		transform: rotate(45deg);
		-moz-transform:  rotate(45deg);
		-ms-transform:  rotate(45deg);
		-o-transform:  rotate(45deg);
		-webkit-transform:  rotate(45deg);
		bottom:0px;
		}
		
	.wsoffcanvasopener .animated-arrow span:after {
		transform: rotate(-45deg);
		-moz-transform:  rotate(-45deg);
		-ms-transform:  rotate(-45deg);
		-o-transform:  rotate(-45deg);
		-webkit-transform:  rotate(-45deg);
		}
	
	
	/*Animation None */
	.wsmenu-list li > .wsmenu-submenu{
		transform:none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform:none !important;
		transform: none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform: none !important;
		visibility:visible !important;
		}
		
	.wsmenu-list li:hover > .wsmenu-submenu{
		transform:none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform:none !important;
		transform: none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform: none !important;
		visibility:visible !important;
		}
	
	.wsmenu-submenu li > .wsmenu-submenu-sub{
		transform:none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform:none !important;
		transform: none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform: none !important;
		visibility:visible !important;
		}
		
	.wsmenu-submenu li:hover > .wsmenu-submenu-sub{
		transform:none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform:none !important;
		transform: none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform: none !important;
		visibility:visible !important;
		opacity:1  !important;
		}
	
	.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub{
		transform:none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform:none !important;
		transform: none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform: none !important;
		visibility:visible !important;
		opacity:1  !important;
		}
		
	.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{
		transform:none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform:none !important;
		transform: none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform: none !important;
		visibility:visible !important;
		opacity:1  !important;
		}
	
	
	.wsmenu-list li > .megamenu{
		transform:none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform:none !important;
		transform: none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform: none !important;
		visibility:visible !important;
		opacity:1  !important;
		}
		
	.wsmenu-list li:hover > .megamenu{
		transform:none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform:none !important;
		transform: none !important;
		-o-transform:none !important;
		-moz-transform: none !important;
		-webkit-transform: none !important;
		visibility:visible !important;
		opacity:1  !important;
		}

	

}