@font-face{
				font-family : "KhmerOSsys";
				src : url(../KhmerOSsys.ttf);
			}
			
			.wrapper_menu1{
				position: absolute;
				right: 33px;
				bottom: 0;
			}
			.wrapper_menu1 .menu_responsive ul li a{
				color: rgb(0, 174, 239);
			}
			
			.wrapper_menu1 .menu_responsive ul li.active a, .wrapper_menu1 .menu_responsive ul li.hover a{
				color: white
			}
			
			.scroll { top: -90px; }

			.no-scroll {
			  top: 0;
			  z-index: 9999;
			}

			.btn {
			  padding: 10px 1%;
			  margin: 5px;
			  color: #fff;
			  text-decoration: none;
			  font-family: sans-serif;
			  transition: all 0.1s ease;
			}

			.btn:hover { transition: all 0.1s ease; }
			
			.wrapper_menu2 #search_all {
			  float: right;
			}
			#search_all {
			  font-size: 20px;
			  padding: 0px 10px;
			  line-height: 30px;
			  color: #fff;
			  margin: 0;
			  font-weight: 700;
			  -webkit-transform: rotate(181deg);
			  -moz-transform: rotate(181deg);
			  -ms-transform: rotate(181deg);
			  -o-transform: rotate(181deg);
			  transform: rotate(181deg);
			}

			/*#search_all:hover { color: red; }*/
			.search_top{
				padding: 0;
				margin: 0;
				height: 0;
				z-index: 1000;
				position: absolute;
				right: 33px;
				top: 10px;
			}
			.search_all_box {
			  clear: both;
			  //width: 100%;
			  background: #e8ebf0;
			  padding: 0;
			  margin: 0;
			  height: 0;
			  overflow: hidden;
			  transition: all 0.1s ease-in-out;
			  position: absolute;
			  z-index: 1000;
			  right: 0;
			  top: 35px
			}

			.search_all_box.active, .search_top.active {
			  height: auto;
			  //padding: 15px 0;
			}

			.search_all_box input, .search_top input {
			  //width: 80%;
			  font-size: 13px;
			  //margin: 0 0 0 15px;
			  padding: 10px;
			  border: none;
			  background: gainsboro;
			}

			.search_all_box input:focus, ..search_top input:focus { outline: none; }

			.search_all_box input.search_all_icon{
			  clear: both;
			  //width: 10%;
			  height: auto;
			  padding: 10px;
			  margin: 0;
			  margin-left: -5px;
			  border: none;
			  color: #fff;
			  cursor: pointer;
			  background: rgb(0, 174, 239);
			  opacity: 1;
			  transition: all 0.1s ease;
			}
			
			.search_top input.search_all_icon {
			  clear: both;
			  //width: 10%;
			  height: auto;
			  padding: 10px;
			  margin: 0;
			  margin-left: -5px;
			  border: none;
			  color: #fff;
			  cursor: pointer;
			  background: rgb(0, 174, 239);
			  opacity: 1;
			  transition: all 0.1s ease;
			}

			.search_all_box input.search_all_icon:hover{ background: rgb(0, 174, 239); }
			input.search_all_icon:hover { background: rgb(0, 174, 239); }

			.menu-link { display: none; }

			.spinner-master input[type=checkbox] { display: none; }

			.menu_responsive {
			  width: 100%;
			  height: auto;
			  transition: all 0.3s ease;
			}

			.menu_responsive ul {
			  padding: 0px;
			  margin: 0px;
			  list-style: none;
			  position: relative;
			  display: inline-block;
			}

			.menu_responsive > li > ul.sub_menu {
			  min-width: 10em;
			  padding: 4px 0;
			  background-color: #f4f4f4;
			  border: 1px solid #fff;
			}

			.menu_responsive ul li { padding: 0px; text-transform: uppercase}

			.menu_responsive > ul > li { display: inline-block; }

			.menu_responsive ul li a {
			  display: block;
			  text-decoration: none;
			  color: #fff;
			  font-size: 13px;
			}
			
			.menu_responsive ul li.active{
				background: rgb(0, 174, 239);
				color: #fff;
				/*box-shadow: 0 1px 1px white*/
			}
			.menu_responsive ul li a:hover{
			  background: rgb(0, 174, 239);
			  color: #fff;
			}

			.menu_responsive ul li.hover > a {
			  background: rgb(0, 174, 239);
			  color: #fff;
			}

			.menu_responsive ul li > a { padding: 13px; font-family: Arial, Helvetica, sans-serif;}

			.menu_responsive ul ul {
			  display: none;
			  position: absolute;
			  top: 100%;
			  min-width: 200px;
			  z-index: 1000
			}

			.menu_responsive ul li:hover > ul { display: block; }

			.menu_responsive ul ul > li { position: relative; }

			.menu_responsive ul ul > li a {
			  padding: 10px 15px;
			  height: auto;
			  background: #004080;
			}

			.menu_responsive ul ul > li a:hover {
			  background: rgb(0, 174, 239);
			  color: #fff;
			}

			.menu_responsive ul ul ul {
			  position: absolute;
			  left: 100%;
			  top: 0;
			}

			 @media all and (max-width: 1150px) {
				.wrapper_menu1, .search_top{
					 display: none
				}.wrapper_menu2{
					 display: block !important;
					 width: 100%;
					background: #004080;
				}
				.languages_change{
					position: relative !important;
					float: right;
					top: 0px !important;
					right: 0px !important;
				}

			.example-header .container { width: 100%; }

			

			.spinner-master * {
			  transition: all 0.3s;
			  box-sizing: border-box;
			}

			.spinner-master {
			  position: relative;
			  margin: 2px;
			  height: 5px;
			  width: 20px;
			  float: left;
			}

			.spinner-master label {
			  cursor: pointer;
			  position: absolute;
			  z-index: 99;
			  height: 100%;
			  width: 100%;
			  top: 5px;
			  left: 0;
			}

			.spinner-master .spinner {
			  position: absolute;
			  height: 3px;
			  width: 100%;
			  padding: 0;
			  background-color: #fff;
			}

			.spinner-master .diagonal.part-1 {
			  position: relative;
			  float: left;
			}

			.spinner-master .horizontal {
			  position: relative;
			  float: left;
			  margin-top: 4px;
			}

			.spinner-master .diagonal.part-2 {
			  position: relative;
			  float: left;
			  margin-top: 4px;
			}

			.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }

			.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
			  transform: rotate(135deg);
			  -webkit-transform: rotate(135deg);
			  margin-top: 10px;
			}

			.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
			  transform: rotate(-135deg);
			  -webkit-transform: rotate(-135deg);
			  margin-top: -12px;
			}

			a.menu-link {
			  display: block;
			  color: #fff;
			  float: left;
			  text-decoration: none;
			  padding: 10px 16px;
			  font-size: 1.5em;
			}

			a.menu-link:hover { color: #004080; }

			a.menu-link:after {
			  content: "\2630";
			  font-weight: normal;
			}

			a.menu-link.active:after { content: "\2715"; }

			.menu_responsive {
			  clear: both;
			  min-width: inherit;
			  float: none;
			}

			.menu_responsive,
			.menu_responsive > ul ul {
			  overflow: hidden;
			  max-height: 0;
			}

			.menu_responsive > li > ul.sub-menu {
			  padding: 0px;
			  border: none;
			}

			.menu_responsive.active,
			.menu_responsive > ul ul.active { max-height: 55em; }

			.menu_responsive ul { display: inline; }

			.menu_responsive li,
			.menu_responsive > ul > li { display: block; position: relative}

			.menu_responsive > ul > li:last-of-type a { border: none; }

			.menu_responsive li a {
			  color: #fff;
			  display: block;
			  padding: 0.8em;
			  position: relative;
			}
							
			.menu_responsive ul ul > li a {
			  background-color: #39484d;
			  padding: 10px 18px 10px 30px;
			}

			.menu_responsive ul li a:hover {
			  color: #fff;
			}

			.menu_responsive ul li.hover > a {
			  color: #fff;
			}

			.menu_responsive ul ul,
			.menu_responsive ul ul ul {
			  display: inherit;
			  position: relative;
			  left: auto;
			  top: auto;
			  border: none;
			}
			.menu_responsive li.parent_menu:after {
				content: '+';
				position: absolute;
				top: 0;
				right: 0;
				display: block;
				font-size: 1.5em;
				padding: .3em .6em;
				background: white;
				color: black
			}

			.menu_responsive li.show:after { 
				content: '-';
				position: absolute;
				top: 0;
				right: 0;
				display: block;
				font-size: 1.5em;
				padding: .3em .72em;
				background: white;
			}

			.menu_responsive ul ul > li a {
			  background-color: #39484d;
			  padding: 10px 18px 10px 30px;
			}