@font-face {
  font-family: 'appleberry';
  src: url(appleberry-webfont.eot) format("eot"), url(appleberry-webfont.woff) format("woff"), url(appleberry-webfont.ttf) format("truetype"), url(appleberry-webfont.svg#svgFontName) format("svg");
  font-weight: normal;
  font-style: normal; }

/*COMMON*/
body,
html {
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif; }

img,
a {
  border: none;
  outline: none;
  text-decoration: none; }

.full_img {
  width: auto; }

.container {
  width: 100%;
  position: relative; }

.black_content,
.white_content {
  background-color: #FFFFFF;
  width: 100%;
  height: auto;
  position: relative; }

.black_content {
  background-image: url(../images/content_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat; }

.right_content {
  float: right; }

.red_white {
  width: 100%;
  height: 23px;
  background: url(../images/red_white_line.jpg) repeat-x; }

.center_wide {
  text-align: center;
  width: 100%; }

.wave_up {
  background: url(../images/wave_up.png) repeat-x center bottom;
  width: 100%;
  height: 10px;
  position: absolute;
  z-index: 250;
  bottom: 0px; }

.wave_down {
  background: url(../images/wave_down_white.png) repeat-x center top;
  width: 100%;
  height: 10px;
  position: absolute;
  z-index: 250;
  top: 0px; }

.map_dim {
  background: no-repeat center center url(../images/map_dim_bg.jpg);
  background-size: cover;
  width: 100%;
  height: 250px;
  position: relative;
  z-index: 1;
  clear: both; }

.talk_to_us {
  width: 100%;
  height: 250px;
  color: #FFF;
  font-size: 14px;
  font-family: 'Roboto', sans-serif; }

.mobile_hide {
  display: block; }

.desktop_hide {
  display: none; }

.content_area {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 30px 0 50px 0;
  position: relative; }

.row_table {
  display: inline-table; }

.float_parent:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0px; }

/*FONT*/
h1,
h2,
.product_title {
  font-family: 'Lilita One', sans-serif;
  font-size: 45px;
  color: #d3ac29; }

.product_title {
  font-size: 50px; }

h1 {
  margin-top: 0; }

h2 {
  font-size: 35px; }

.banner_txt_1 {
  font-size: 55px; }

.banner_txt_2 {
  font-size: 80px; }

.talk_to_us_big {
  color: #fff;
  font-size: 60px;
  font-family: 'Lilita One', sans-serif;
  margin-bottom: 30px; }

.karts_about_txt_big {
  font-size: 40px;
  font-size: bold; }

.karts_about_txt_medium {
  font-size: 20px;
  font-size: bold; }

.white_15 {
  font-size: 15px;
  color: #fff; }

/*HEADER*/
.header {
  width: 100%;
  height: 105px;
  background: url(../images/top_menu_bg.jpg) repeat-x;
  position: relative;
  font-weight: bold;
  font-size: 15px;
  color: #FFFFFF;
  text-transform: uppercase;
  z-index: 999; }

.logo {
  width: 208px;
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  top: 15px;
  margin: 0 auto; }

.navigation {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding-top: 60px; }

.navi_btn_selected,
.navi_btn:hover,
.sub_btn:hover {
  color: #d3ac29;
  cursor: pointer; }

.sub_panel {
  z-index: 90;
  position: absolute;
  left: -10px;
  top: 32px;
  padding-top: 10px;
  display: none; }

.sub_btn {
  text-align: center;
  background-image: url(../images/sub_navi_bg.png);
  background-repeat: no-repeat;
  padding: 5px 0;
  width: 140px;
  height: 22px; }

/*BANNER*/
.banner_top,
.banner_top_other {
  width: 100%;
  height: auto;
  position: relative; }

.banner_top_other {
  height: 300px; }

.slide_banner {
  width: 100%;
  height: 460px;
  background: no-repeat center 60%;
  background-size: cover;
  font-family: 'Lilita One', sans-serif; }

.slide_holder {
  width: 100%;
  height: 460px; }

.banner_top_other .slide_banner,
.banner_top_other .slide_holder {
  height: 300px; }

.banner_txt {
  width: 100%;
  max-width: 980px;
  text-align: left; }

.banner_txt2 {
  width: 100%;
  max-width: 600px; }

.slide_holder a {
  color: #FFF;
  text-decoration: none; }

/*HOME*/
.home_right1 {
  width: 420px;
  font-size: 16px;
  color: #FFFFFF; }

.intro_img {
  width: 100%;
  max-width: 520px;
  float: left; }

.for_home_chefs_img {
  width: 100%;
  max-width: 567px; }

.product_selector {
  position: relative;
  width: 100%;
  margin: 30px auto;
  height: 335px; 
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.product_menu_holder {
  width: 100%;
  max-width: 167px;
  color: #b11116;
  font-size: 25px;
  font-weight: 600; }

.h_text_top{
  font-size: 18px;
}

.product_divider {
  height: 3px;
  width: 100%;
  background-color: #d3ac29; }

.selected_pau,
.selected_roti_canai,
.selected_murtabak,
.selected_donut,
.selected_nasilemak {
  position: absolute;
  top: 5px;
  left: 0; }

.selected_mini_pau,
.selected_roti_paratha,
.selected_pizza,
.selected_roti_booom,
.selected_puffypie,
.selected_wmealpau,
.selected_dessertrange {
  position: absolute;
  bottom: 5px;
  left: 0; }

.button_1 {
  position: absolute;
  z-index: 10;
  top: 5px;
  left: 0;
  cursor: pointer; }

.button_2 {
  position: absolute;
  z-index: 10;
  bottom: 5px;
  left: 0;
  cursor: pointer; }

.product_selected {
  display: none; }

/*ABOUT*/
.about_right1 {
  width: 450px;
  font-size: 16px;
  color: #FFFFFF; }

.karts_cert_logo {
  width: 100%;
  max-width: 807px;
  text-align: center;
  padding: 50px 0 20px;
  margin: 0 auto; }

.karts_about {
  color: #af1e23;
  font-size: 16px;
  text-align: center; }

/*PRODUCTS*/
.product_info_txt {
  font-size: 18px;
  color: #FFF;
  width: 100%;
  max-width: 850px;
  margin: 20px auto 0; }

.item_img {
  width: 50%;
  max-width: 300px;
  display: inline-block;
  vertical-align: top;
  min-height: 200px;
  margin: 0px 10px 35px; }

.item_prepare {
  float: left;
  text-align: left;
  width: 48%; }

.item_prepare_gap {
  float: left;
  height: 1px;
  width: 4%; }

.prepare_way {
  text-transform: uppercase;
  font-size: 20px;
  color: #d3ac29;
  margin-bottom: 20px; }

.prepare_step {
  font-size: 16px;
  color: #fff;
  margin-bottom: 15px; }

.cook_pau {
  width: 100%;
  max-width: 200px; }

.roti_canai_original {
  width: 100%;
  max-width: 258px; }

.roti_canai_dhall_curry {
  width: 100%;
  max-width: 378px; }

.img_roti_canai {
  width: 100%;
  max-width: 251px; }

.img_roti_canai_table {
  width: 100%;
  max-width: 401px; }

.cook_roti_canai {
  width: 100%;
  max-width: 557px; }

.img_roti_paratha,
.img_pizza {
  width: 100%;
  max-width: 250px;
  padding: 0 15px; }

.img_pizza {
  padding: 0px 10px;
  max-width: 200px; }

/*Serving Ideas*/
.food_holder,
.food_holder_selected {
  width: 114px;
  height: 114px;
  -moz-border-radius: 57px;
  -webkit-border-radius: 57px;
  border-radius: 57px;
  border: 4px solid #FFF;
  background: no-repeat center center;
  cursor: pointer;
  text-align: center; }

.food_holder:hover,
.food_holder_selected {
  border: 4px solid #d3ac29;
  color: #ffffff; }

.roti_canai {
  background-image: url(../images/recipes_roti_canai.png); }

.roti_paratha {
  background-image: url(../images/recipes_roti_paratha.png); }

.murtabak {
  background-image: url(../images/recipes_murtabak.png); }

.pizza {
  background-image: url(../images/recipes_pizza.png); }

.pau_mini_pau {
  background-image: url(../images/recipes_pau_mini_pau.png); }

.donut {
  background-image: url(../images/recipes_donut.png); }

.food_txt_holder {
  position: absolute;
  text-align: center;
  left: 0;
  bottom: 0;
  width: 100%; }

.food_row {
  width: 19%;
  color: #d3ac29;
  height: 150px;
  font-size: 16px;
  cursor: pointer;
  position: relative; }

.recipes_title {
  font-size: 50px; }

.recipes_ins {
  font-size: 16px;
  width: 600px;
  float: left; }

.recipes_step_title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px; }

.step_ol {
  margin: 0;
  padding-left: 20px; }

.step_ol li {
  padding: 5px 0 5px 3px; }

.recipes_img_holder {
  width: 100%;
  max-width: 310px;
  float: right; }

/*NEWS*/
.boardcast_img {
  width: 100%;
  max-width: 200px;
  padding-bottom: 5px; }

.boardcast_row {
  width: 33%; }

.event_table,
event_table td {
  border-collapse: collapse;
  color: #af1c24;
  font-weight: bold; }

.event_table td {
  border: 2px #FFF solid; }


/* Kart */

.position-method{
  position: absolute;
}

.method01{
  top: -100px;
  right: 180px;
}

.method02{
  top: -100px;
  right: 75px;
}

.method03{
  top: -100px;
  right: -30px;
}

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

.method01,.method02,.method03{
  position: unset !important;
  float: right;
  margin: 0 auto;
  width: 100%;
  display: contents;
}

}


/*CONTACT*/
.contact_map {
  width: 100%;
  height: 380px; }

/*FOOTER*/
.footer {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  height: 60px;
  width: 100%;
  background: url(../images/footer_bg.jpg) repeat-x;
  text-align: center;
  vertical-align: middle; }

.footer a {
  color: #FFFFFF;
  text-decoration: none; }

.footer a:hover {
  text-decoration: underline; }

@media only screen and (max-width: 980px) {
  .mobile_hide {
    display: none; }
  .desktop_hide {
    display: block; }
  .full_img {
    width: 100%; }
  .row_table {
    display: table;
    margin-bottom: 40px; }
  .right_content {
    float: none; }
  .content_area,
  .center_wide {
    width: 90%; }
  /*FONT*/
  .banner_txt_1 {
    font-size: 30px; }
  .banner_txt_2 {
    font-size: 40px; }
  /*BANNER*/
  .banner_top,
  .banner_top_other {
    height: 40vw; }
  .banner_top_other {
    height: 30vw; }
  .slide_banner {
    height: 40vw; }
  .slide_holder {
    height: 40vw; }
  .banner_top_other .slide_banner,
  .banner_top_other .slide_holder {
    height: 30vw; }
  /*HEADER*/
  .header {
    height: 53px;
    background-position: left bottom; }
  .navigation {
    display: none; }
  .logo {
    width: 120px;
    top: 0; }
  /*NAVIGATION*/
  .mobile_menu {
    width: 100%;
    min-height: 100vh;
    position: absolute;
    top: 0;
    left: 100%;
    text-transform: uppercase;
    display: none;
    z-index: 20;
    background-color: #a81d21; }
  .mobile_menu_btn {
    position: absolute;
    right: 5px;
    top: 12px;
    width: 40px; }
  .mm_gap {
    width: 50px; }
  .mm_panel {
    display: block;
    min-height: 100vh; }
  .nav_level_non,
  .nav_level_1,
  .nav_level_non_selected {
    width: 100%;
    padding: 12px 0px 12px;
    text-indent: 20px;
    /* background: url(../images/footer_bg.jpg) repeat-x 100% 100%; */
    background-image: linear-gradient(#941b1e, #b51f25);
    margin-bottom: 1px;
    color: #fff;
    position: relative; }
  .arrow,
  .arrow_up {
    right: 10px;
    position: absolute;
    background-image: url(../images/arrow_down.png);
    width: 25px;
    height: 13px;
    top: 20px; }
  .arrow_up {
    background-image: url(../images/arrow_up.png);
    display: none; }
  .nav_level_1 {
    background-image: none;
    background-color: #ffffff;
    color: #af1e23;
    /* display: none;  */
  }
  .navi_btn {
    font-size: 20px; }
  .navi_btn:hover,
  .navi_btn_selected {
    color: #d3ac29; }
  /*HOME*/
  .intro_img {
    margin: 0 auto;
    float: none; }
  .home_right1 {
    width: 100%;
    text-align: center; }
  .product_selector {
    height: auto; }
  .product_menu_holder {
    position: relative;
    margin: 15px auto; }
  .ph1,
  .ph2,
  .ph3,
  .ph4,
  .ph5 {
    top: 0;
    left: 0; }
  /*PRODUCTS*/
  .item_prepare {
    float: none;
    text-align: center;
    width: 100%;
    margin-bottom: 50px; }
  .item_prepare_gap {
    display: none; }
  .cook_pau {
    margin: 0 auto; }
  .item_img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 300px;
    vertical-align: top;
    height: auto;
    min-height: auto;
    margin: 0px auto 50px; }
  .img_roti_paratha,
  .img_pizza {
    padding: 0px;
    max-width: 250px; }
  .img_roti_canai_table {
    max-width: 100%;
    padding: 0; }
  /*Serving Ideas*/
  .food_row {
    display: inline-block;
    width: 140px; }
  .recipes_ins {
    width: 100%;
    float: none; }
  .recipes_img_holder {
    float: none;
    margin: 0 auto; }
  /*NEWS*/
  .boardcast_row {
    width: 100%; }
  /*CONTACT*/
  .contact_map {
    height: 200px; }
  /*FOOTER*/
  .footer {
    font-size: 12px; } }

/********************************
*@author: thanglv
*@content: edit someting "SERVING IDEAL"
*@date: 13/3
********************************/
@media only screen and (min-width: 768px) {
  .width190 {
    width: 190px !important; } }

@media only screen and (max-width: 980px) {
  .food_item_divider {
    display: table;
    width: 315px; }
  .food_item_divider:first-child {
    border-bottom: 1px solid;
    margin-bottom: 30px; }
  .food_item_divider .food_item_wrap_text_right,
  .food_item_divider .food_item_wrap_text_left {
    background: #980009;
    margin-top: 225px;
    width: auto;
    height: auto;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px; }
  .group_button {
    margin-top: 10px;
    margin-bottom: 30px; }
  .group_button_right,
  .group_button_left {
    float: none; }
  .btn_download_video {
    margin-top: 10px;
    margin-bottom: 10px;
    margin: auto;
    display: block;
    float: none;
    margin-left: 20px;
    margin-bottom: 5px; }
  .group_button_left {
    margin-left: 0px; } }