/*body{*/
    /*background:url(imgs/back.png) repeat-y;*/
/*     background:url(imgs/body.png) repeat-y;*/
/*    background-size:100% auto;*/
/*    font-family: 'Roboto Slab', serif, Battambang, Hanuman;*/
/*}*/
.body-header{
    position:absolute;
    z-index:10;
}
.slide-body{
    position:relative;
    top:0px;
}

/*======== Parallax Content Slider =========*/
.pcms-slider-inner-box {
    position: absolute;
    width: 100%;
    bottom: 15%;
}
.pcms-image-responsive{
    height: 100% !important;
}
.da-slider{
    /* background: none !important; */
    border: none !important;
    box-shadow: none !important;
    height: 325px !important;
}
.da-slide-current h2, .da-slide-current p, .da-slide-current .da-link {
    /* left: 20% !important; */
}
.da-slider h2.kh {
    font-size: 20px;
    font-family: koulen;
}
.da-slider h2.en {
    font-size: 23px;
    font-family: 'Ubuntu', serif, Hanuman, Battambang;
}
.da-slide h2{
    top: 12px !important;
}
.da-slider p{
    top: 55px !important;
    color: #fff !important;
    width: 40% !important;
}
.da-slider p.kh {
    font-size: 14px;
    font-family: koulen !important;
}
.da-slider p.en {
    font-size: 17px;
    font-family: 'Ubuntu', serif, Hanuman, Battambang;
}
.da-slide .da-link {
    border-radius: 2px !important;
    width: auto !important;
    background: #809C9F !important;
    border:none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    padding: 0 0 0 10px !important;
    top: 192px !important;
   
}
.da-slide .da-link span::after{
    font-family: 'FontAwesome';
    margin-left: 10px;
    line-height: 30px;
    padding: 8px 10px;
    content: "\f105";
    background: #97aeb1;
    color: #5b7578;
    transition: all .4s;
}
.da-slide .da-link:hover span::after {
    margin-left: 15px;
}
.da-slide .da-img {
    top: 10px !important;
}
.da-dots{
    /* bottom: 55px !important; */
}
.da-slide a.en, .da-slide a.kh {
    font-size: 14px !important;
}
.da-slide .da-link:hover {
    background: #97aeb1 !important;
}
.pcms-parallax-cs-wrapper {
    width: 76%;
    margin: 0 auto;
}
/*=============menu=============*/

.menu .navbar-inverse{
  background: transparent;
  border-color: transparent;
}
.menu .navbar-inverse .nav li a{
  color: #fff;
  border-right: 0px !important;
}

.menu .navbar-inverse .nav > li > a:hover > span,
.menu .navbar-inverse .nav > li > a.current_nav_respon > span{
    color: #eee;
    border-bottom: 2px solid #eee;
    padding-bottom:5px;
}

.login-signup{
  margin-top: 15px;
  position:static;
  float:right
}
.login-signup span, .login-signup a{
  color: #fff;
}
.content-ctn{
    background:#fff;
}
.header-ctn, .content-ctn, .footer_ctn{
    position:relative;

}
.sw-lang {
    padding: 5px 10px;
    background: #a8ae77;
    border-radius: 1px;
    /* border: 1px solid #fff; */
    float: right;
}
.sw-lang a{
    color:#fff;
}
.lg_en a, .lg_kh a{
    padding-left:23px;
    font-size:11px;
    display:inline-block;
}
.lg_en a{
    background:url(imgs/en.png) no-repeat left center;
    background-size:auto 11px;
    font-size:12px;
}
.lg_kh a{
  background:url(imgs/kh.png) no-repeat left center;
  background-size:auto 11px;
}
.mid_lg_current{
    display:none;
}
.header_ctn{
  margin-top: 15px;
}
.r_header{
  width: 90%;
  position:relative;
}
.lang-login-signup-kh{
    position:relative;
}
.camerarelative{
    background:url(imgs/Gradian_over.png) repeat-x;
    background-size:auto 100%;
}
/*=============menu=============*/

.menu .navbar-inverse{
  background: transparent;
  border-color: transparent;
}
.menu .navbar-inverse .nav li a{
  color: #fff;
  border-right: 0px !important;
}

.menu .navbar-inverse .nav > li > a:hover > span,
.menu .navbar-inverse .nav > li > a.current_nav_respon > span{
    color: #eee;
    border-bottom: 2px solid #eee;
    padding-bottom:5px;
}

.login-signup{
  margin-top: 15px;
  position:static;
  float:right
}
.login-signup span, .login-signup a{
  color: #fff;
}
/*===================== Footer ===================*/
.footer_top{
			background-color: #707A1A;
		}
		.footer-title{
			color:#fff;
			text-transform: uppercase;
		
			margin-top: 46px;
		}
		.kh .footer-title {

            font-size: 18px;
            font-family: koulen;
        }
        .en .footer-title {
       
            font-size: 18px;
            font-weight: bold;
        }
	
		.footer-hr{
			margin-top: 15px;
			margin-bottom: 18px;
			width: 64px;
		    margin-left: 0px;
		    border-top: 2px solid #fff;
		}
		.kh .footer-desc p.desc {
		    font-family: Battambang;
        }
		.footer-desc{
			color: #fff;
	
			    line-height: 25px;
		}
    .footer-address .desc{
      color: #fff;
      text-align: justify;
    }
		.dot-border{
			border:0px;
			border-top: 1px solid #fff;
			border-style: dotted;
			padding-left: 5px;
      margin-left: 0px;
width: 82%;
		}
    .list_menufooter{
      list-style: none;
      padding: 0px;
    }
    .make_link-ctn5{
      padding-bottom: 8px;
    }
    .make_link-ctn5 span a{
      color: #fff;
    }
    .list_menufooter>li>.make_link-ctn5>.make_link-a5>a:hover{
      text-decoration: underline !important;
      color: #fff;
    }
    .f-ads-desc {
        color: #fff;
        text-transform: uppercase;
    }
    .f-f-ads-desc{
      color: #fff;
      line-height: 25px;
      margin-left: -32px;
    }
    .f-b-ads-desc {
      color: #fff;
      margin-left: 30px;
    }
    .f2{
      margin-left: -38px;
    }
    .f3{
      margin-left: -66px;
    }
    .f-f-ads-desc.f4 {
      margin-left: 4px;
    }
    .socail{
      padding-right: 15px;
    }
    .bottom-logo{
      margin-top: 32px;
      margin-bottom: 16px;
    }
    .bottom-logo img{
      margin-left: auto;
      margin-right: auto;
    }
    .copy-right{
      color: #fff;
      text-align: center;
      padding: 15px 0px;
      background: #565D16;
    }

/*========= Text On Slider =======*/
    .text-top-slider-ctn{
      position: relative;
    }
    .text-top-slider-body{
      position: absolute;
      right: 0; left: 0;
     
    }
    .text-top, .text-top-small,.btn-top-slider{
      text-align: center;
    }
    .text-top{
      color: #fff;
      font-size: 64px;
    }
    .text-top-small{
      color: #fff;
      font-size: 40px;
      margin-top: 50px;
    }
    .btn-top-slider{
      margin-top: 50px;
    }
    .text-top-btn {
      color: #fff;
      background: #5f4c3e;
      padding: 10px 30px;
      border-radius: 4px;
    }
    .text-top-btn:hover{
      color: #fff;
      background: #44352a;
      border-radius: 4px;
    }

/*==============tooltip css=================*/
/* Tooltip container */
.tooltip {
    position: absolute;
    display: inline-block;
    right:0px;
    top:65px;
    width:auto;
    height:auto;
    opacity: 1;
    display:none;
    -webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.3);
}
.red{
    color:red !important;
}
.el_frm_left{
    float:left;
    width:100%;
    margin-top:10px;
}

/* Tooltip text */
.tooltip .tooltiptext {
    top:5px;
    float:left;
    width:230px;
    background-color: #fff;
    color: #000;
    text-align: left;
    padding: 0px;
    border-radius: 5px;
    /* Position the tooltip text */
    position: relative;
    z-index: 1;
    /* Fade in tooltip */
    opacity: 1;
    transition: opacity 0.3s;
    font-family:"Hanuman", Century Gothic;
    border:1px solid #83c53b;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: -16px;
    right: 65px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #83c53b  transparent;
}


.title_mb{
    font-size: 15px;
    font-weight:600;
    background:#83c53b;
    margin-bottom:10px;
    padding:5px 10px;
    color:#fff;
    border-radius:4px 4px 0px 0px;
}
.btn_close{
    margin-top:2px;
    cursor:pointer;
}
.tooltip_ctn .input-group-addon{
    padding:6px 8px;
    background:#83c53b;
    border:1px solid #83c53b;
    color:#fff;
}
.tooltip_ctn .form-control{
  border:1px solid #83c53b;
  height:30px;
}
.tooltip_ctn{
    float:left;
    width:100%;
    padding:0px 10px 10px 10px;
}
.tooltip_ctn .btn-primary{
    background:#83c53b;
    border:1px solid #83c53b;
    border-radius:2px;
}
.fg_pwd{
    padding:6px 0px 6px 6px;
    color:#9e253e !important;
}
.fb_login{
    padding: 5px 0px 10px 0px;
    position:relative;
}
.title_or{
    border-bottom:1px solid #83c53b;
    text-align:center;
    position:relative;
    height:15px;
}
.title_or span{
    display: inline-block;
    padding: 4px 5px;
    color: #83c53b;
    background:#fff;
    position:absolute;
}
.fb_btn{
    margin-top:20px;
}
.c-register .tooltip .tooltiptext::after{
    right: 100px;
}
.tooltip_ctn .fb_btn a{
    float:left;
    width:100%;
    text-align:center;
    background:#3b5998;
    border-radius:3px;
    padding:7px 10px;
    font-size:13px;
    font-weight:600;
    height:auto !important;
    line-height: normal !important;
}
.fb_btn a svg{
   font-size:15px;
}
.icon_user{
    width:30px;
    overflow:hidden;
    border-radius:2px;
    margin-right:10px;
}
.icon_user img{
    width:100%;
    height:auto;
    border-radius:2px;
}
.info_login a{
    float:left;
    width:100%;
    color:#000 !important;
    border-bottom:1px dotted #eee;
    height:30px !important;
    line-height:30px !important;

}
.info_login a svg{
    font-size:16px;
    color:#2a742b;
    float:left;
    margin:5px 10px 0px 0px;
}
.info_login a:last-child{
    border:0px;
}
.info_login{
    margin-bottom:10px;
}
.info_login .fa-sign-out-alt{
   margin-top:7px;

}
.info_login a:hover, .info_login a:focus, .info_login a:active{
    color:#9d253e !important;
}
.c-register .loged .tooltip .tooltiptext::after{
    right: 60px !important;
}


/*=====================t=====================*/
.logo {
    margin-top: 8px;
    float: left;
}
.header_height {
    background: #fff;
    /* height: 110px; */
    /* border-bottom: 2px solid #eeeeee; */
    /* margin-top: 10px; */
}
#primary-nav li.active > a, #primary-nav li > a:hover, #primary-nav li.selected > a {
    color:#9aba46
}
#primary-nav li a {
    color: #9aba46 ;
}
#primary-nav li a:hover {
    color: #c34327;
}
#primary-nav .sub-menu li a {
    color:#fff !important;
}
.login-register li:first-child {
  border-left: 0px;
}
.login-register li {
    display: inline-block;
    border-left: 2px solid white;
    padding-left: 10px;
}
.login-register li a{
    color:#ffffff;
    font-size: 14px;
    font-family:"Century Gothic", Hanuman, Arial;
    height:20px;
    line-height:20px;
}
.txt_login a:hover, .login-register li a:hover,
.txt_login a:active, .login-register li a:active,
.txt_login a:focus, .login-register li a:focus{
    color:#83c53b;
}
/*.login-register li .sig-up:before{
    content:"|";
    padding-right: 7px;
}*/
/*.login-register li .log-in{
    padding:0px 7px;
}*/
.order-user{
   font-weight:600;
   padding-right:2px;
}
.icon {
    font-size: 14px;
    margin-left: 1px;
    margin-right: 1px;
}


.search-product_list {
    background: #194b19;
    min-height: 50px;
}
.search-caption {
    color: white;
    margin-top:15px;
}
.input-heght {
    height: 28px;
    margin-top: 11px;
    background: #103510;
    border: none;
    border:1px solid #103510;
    color:#fff;
}
.btn-seach {
    background: #a81635;
    color: white;
    width: auto;
    border:#a81635;
    padding:4px 15px;
    margin-top:11px;
}
.c-register {

    float: right;
}


.form-inline .form-group{
    margin-right:15px;
}
.btn-seach .svg-inline--fa{
    margin-left:8px;
}
.form_cat select{
    padding:2px 12px;
}
.alert-message .alert {
  position: fixed;
  z-index: 999;
  width: 100%;
  border-radius: 0px;
  text-align: center;
}
.socail img{
    height:20px;
}
/*Lang*/
.my-l.switch-lang {
    float: right;
    
}
.c-register {
    margin-right: 10px;
}
.left.my_header.text-top-slider-body {
    position: absolute;
    z-index: 99;
    margin-top:95px;
}
/*====================================
                    Slider
====================================*/
.skdslider {
    height: 560px !important;
}
.skdslider a.prev {
    display: none !important;
}
.skdslider a.next {
    display: none !important;
}
.skdslider ul.slide-navs{
    display:none !important;
}
.image-bg-slider{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    visibility: inherit;
    
    -webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
  
}
a.play-control.pause {
    display: none !important;
}
.skdslider ul.slides li img {
    width: 101% !important;
    height: 101% !important;
    position: relative;
    top:-1px;
    left: -2px;
    bottom: 0px;
    float:left;
}

/*====================================
                    Slider Caption
====================================*/
.slider-catipin {
   
    position: relative;
    width: 100%;
    float: left;
}
.menu > li.active > a span.title_menu {
    border-bottom: none;
    padding-bottom: 5px;
    color: #c34327;
}
.kh .menu > li > a span.title_menu {
    font-family: koulen;
}
/*.kh .login-register li a {
    font-family: koulen;
}*/

#primary-nav .sub-menu li {
    border-bottom: 1px solid #c2c2c2;
}
#primary-nav .sub-menu {
    margin-top: 1px;
    background: #8bb02a;
    min-width: 225px;
    z-index: 9999;
    /* opacity: 0.9; */
}
.location_recipe_ctn_1 {
    min-height: 231px !important;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 6px;
    height: 231px !important;
    overflow: hidden;
    word-break: break-all;
}
#primary-nav li a.size16.en {
    font-size: 17px;
    font-weight: 500;
}
.footer-address {
    line-height: 25px;
}
#primary-nav .sub-menu li:hover {
    background-color: #c44327e3;
}
/*Add 1-29-2019*/
a.order-user {
    display: none;
}
.img_logo_h img {
    width: 95px;
}
a.h-link {
    color: white;
    margin-left: 5px;
}

.list_menufooter {
    list-style: none;
    padding: 0px;
}
.size17 {
    font-size: 17px;
}
ol, ul {
    list-style: none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
ul, menu, dir {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.footer-desc {
    color: #fff;
    line-height: 25px;
}
.kh {
    font-family: 'Hanuman', Century Gothic, serif, Battambang;
    word-break: break-all;
}
/*body {*/
/*    font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;*/
/*    background: #e0e3ec url(../images/bg.png) repeat top left;*/
/*    font-weight: 400;*/
/*    font-size: 15px;*/
/*    color: #593741;*/
/*    overflow-y: scroll;*/
/*}*/
/*body {*/
    /* background: url(imgs/back.png) repeat-y; */
/*    background: url(imgs/body.png) repeat-y;*/
/*    background-size: 100% auto;*/
/*    font-family: 'Roboto Slab', serif, Battambang, Hanuman;*/
/*}*/
/*body {*/
/*    font-family: Arial, sans-serif;*/
/*    font-size: 14px;*/
/*    line-height: 1.25;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    background: #f5f5f5;*/
/*}*/
/*body {*/
/*    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
/*    font-size: 14px;*/
/*    line-height: 1.42857143;*/
/*    color: #333;*/
/*    background-color: #fff;*/
/*}*/
/*body {*/
/*    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*    font-size: 14px;*/
/*    line-height: 1.42857143;*/
/*    color: #333;*/
/*    background-color: #fff;*/
/*}*/
/*body {*/
/*    margin: 0px !important;*/
/*    padding: 0px !important;*/
/*    font-size: 15px !important;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    font-family: 'Battambang', Century Gothic, serif, Hanuman;*/
/*}*/
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.list_menufooter li {
    margin-bottom: 5px;
}
.footer_top .row {
    padding-bottom: 25px;
}
span.icon-fota svg {
    color: white;
    /* background: red; */
}
.icon-fota {
    /* background: red; */
    width: 15px;
    display: inline-block;
}
.back_svg {
    background: white;
    height: 81px;
    background-image: url(imgs/footer-img.svg);
    background-repeat: no-repeat;
    margin-bottom: -18px;
    background-position: right;
    color: white;
    width: 100%;
}
.c_menu {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 15px;
}
.menu-category  {
    font-weight: bolder;
    display: inline-block;
    padding: 15px 0px;
    /* border-right: 1px solid #b6b6b6; */
}
.menu-category {
    border-radius: 3px;
    background: #ffffff61;
}
.item-c {
     margin-bottom: 10px; 
}

.menu-category li a {
    padding: 0px 6px;
    font-size: 15px;
    font-weight: bold;
    border-right: 1px solid #b6b6b6;
}
.menu-category li a:last-child {
    
}
.controll-user-count {
    display: flex;
    color: white;
    /*display */
     display: none !important;
}

.item.s {
    margin-left: 1px;
    margin-right: 5px;
}

.left.w100.bottom_front {
    display: none;
}
.menu-category.row {
    background: #8baf2a7d;
}
.menu-category a {
    color: white;
}
.slide-description {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 80px;
    padding: 14px;
    background: #8baf2a7d;
    color: white;
    margin-top: 1;
}
.head_top {
    background: #707a1a;
    padding: 5px 0px;
}
.banner {
    height: 86px;
    width: 80%;
    float: right;
    background-size: cover;
    /* background: darkgreen; */
    background-position: center center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.menu {
    background: #dee4db;
    position: relative;
    
}
.menu .container{
   position: relative; 
}
.search {
    position: absolute;
    right: 10px;
    top: 2px;
    z-index: 89;
}
button.search {
    background: #85a432;
  
    border: 0px;
    padding: 8px;
    border-radius: 20px;
    color: white;
    width: 30px;
    height: 30px;
}
.downarrow {
  
    display: none;
}

svg.svg-inline--fa.fa-home.fa-w-18 {
    margin-right: 5px;
}
.banner-slide {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.box_slide {
    display: flex;
    justify-content: center;
   
    width: 90%;
    height: 90%;
}
.box_slide .item_box {
    /* height: 510px; */
    /* width: 220px; */
    flex: 0 0 15.2%;
    margin-right: 20px;
    background-size: cover;
    background-position: center center;
}
.box_slide .item_box:last-child {
    margin: 0px;
}
.menu_bg_cate {
    background: #e2e7d3;
    padding: 10px 0px;
}
ul.menu_category {
    display: flex;
    justify-content: center;
    font-style: italic;
}
span.line {
    height: 12px;
    width: 1px;
    background: black;
    display: inline-block;
    transform: rotate(20deg);
    margin-left: 7px;
    margin-right: 7px;
}
ul.menu_category li:last-child .line {
    display: none;
}
ul.menu_category li a:hover {
    color: #c84327;
}
.box_title {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_title .line {
    background: #707a1a;
    height: 5px;
    width: 90px;
}
.box_title .title {
    margin: 0px 15px;
    font-weight: bold;
    font-size: 25px;
    color: #707a1a;
    font-style: italic;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  
    padding-right: 10px;
    padding-left: 10px;
}
.search_input {
    height: 32px;
    margin-right: 9px;
    position: relative;
    margin-top: 1px;
    border-radius: 17px;
    width: 25px;
}