/*
	Theme Name:   Preface Child
	Description:  Preface child theme
	Author:       Preface
	Author URI:   https://www.prefacedesign.com
	Template:     preface
	Version:      3.0.2
*/


/* Child theme CSS
--------------------------------------------------------------- */

@font-face {
	font-family: 'Conv_MercuryTextG3-Roman';
	src: url('fonts/MercuryTextG3-Roman.eot');
	src: local('☺'), url('fonts/MercuryTextG3-Roman.woff') format('woff'), url('fonts/MercuryTextG3-Roman.ttf') format('truetype'), url('fonts/MercuryTextG3-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MercuryTextG3-Bold';
	src: url('fonts/MercuryTextG3-Bold.eot');
	src: local('☺'), url('fonts/MercuryTextG3-Bold.woff') format('woff'), url('fonts/MercuryTextG3-Bold.ttf') format('truetype'), url('fonts/MercuryTextG3-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MercuryDisplay-Bold';
	src: url('fonts/MercuryDisplay-Bold.eot');
	src: local('☺'), url('fonts/MercuryDisplay-Bold.woff') format('woff'), url('fonts/MercuryDisplay-Bold.ttf') format('truetype'), url('fonts/MercuryDisplay-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MercuryDisplay-BoldItalic';
	src: url('fonts/MercuryDisplay-BoldItalic.eot');
	src: local('☺'), url('fonts/MercuryDisplay-BoldItalic.woff') format('woff'), url('fonts/MercuryDisplay-BoldItalic.ttf') format('truetype'), url('fonts/MercuryDisplay-BoldItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_livingwing';
	src: url('fonts/livingwing.eot');
	src: local('☺'), url('fonts/livingwing.woff') format('woff'), url('fonts/livingwing.ttf') format('truetype'), url('fonts/livingwing.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}





html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }

body { font-size: 16px; font-family: 'Conv_MercuryTextG3-Roman' !important; font-weight: 400; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }

h1, h2, h3, h4, h5, h6 { font-family: 'Conv_MercuryDisplay-Bold'; letter-spacing: 0px; line-height: 1.3; }

h1 {  }
h2 {  }
h3 {  }
h4 {  }
h5 {  }
h6 {  }



/*-----------------------------------
Additional CSS - General
-----------------------------------*/

/* header */

.home .nm-header { background-color: #f3d03e !important; }
.nm-header { background-color: #f3d03e !important; }

.nm-menu li a { font-size: 14px; color: #fff !important; text-transform: uppercase; }
.nm-menu li a:hover { color: #e35205 !important; }
.nm-menu li.current-product-ancestor a { color: #000 !important; }
.nm-menu li.current-menu-parent a { color: #000 !important; }
.nm-menu li.current-product-parent a { color: #000 !important; }
.nm-menu li.current-menu-item a { color: #000 !important; }
.nm-menu-icon span { background: #fff; height: 2px; }

.nm-menu li .nm-font-heart-o::before { content: "\f004"; }

.header-border-1 .nm-header { border-bottom: 1px solid #f3d03e; }

.nm-header-logo img { height: 100px !important; position: absolute; margin-top: -15px; }
.nm-header.default .ubermenu { margin-left: 150px; }

.header-fixed.header-on-scroll .alt-logo-fixed .nm-alt-logo { height: 60px !important; margin-top: -5px; }

/* 
#nm-shop-sidebar {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
}
 */

del span { text-decoration: line-through; }

.nm-menu-icon span { background: #fff; height: 2px; }

.header-search-open .nm-header, .slide-menu-open .nm-header { background: #0076a9 none repeat scroll 0% 0% !important; }

.ubermenu .ubermenu-target-text { font-family: 'Conv_MercuryDisplay-Bold' !important; text-transform: none; font-size: 18px; }
.ubermenu .ubermenu-submenu .ubermenu-target-text { font-size: 15px; }
.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target { color: #e35205 !important; }
.ubermenu-skin-vanilla .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { font-weight: normal; }

.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { color: #e35205 !important; }
.ubermenu-skin-vanilla .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target { color: #e35205 !important; }
.ubermenu-skin-vanilla .ubermenu-submenu .ubermenu-tab > .ubermenu-target { border-bottom: 1px solid #eeeeee; }
.ubermenu .products .ubermenu-image { margin-bottom: -20px; }
.ubermenu .story .ubermenu-image { margin-bottom: 0px; }
.ubermenu .second-row .ubermenu-target-title { margin-bottom: 10px; }


.mobile-active { display: none !important; }

.my-menu-title { font-size: 16px; font-family: 'Conv_MercuryDisplay-Bold' !important; color: #282828; text-align: center; margin-bottom: 10px; }
.my-menu-title .fa-home { display: inline-block; font: normal normal normal 50px/1 Conv_livingwing !important; line-height: 1 !important; color: #e35205; position: relative; top: 10px; padding: 0 5px; }
.my-menu-title .fa-home::before { content: "\e11c"; }


.sweet-corner {  }
.sweet-corner img.ubermenu-image { width: 160px; }
.sweet-corner a.ubermenu-item-layout-image_only { padding-top: 5px !important; padding-bottom: 0 !important; }
.sweet-corner .my-menu-title { /* color: #fff; */ }
.sweet-corner .ubermenu-target-text { /* color: #fff; */ }
.sweet-corner .ubermenu-target-text:hover { /* color: #e35205; */ }


/* Hide New Products */
.my-hide { display: none !important; }


/* Mobile Menu */

#nm-slide-menu .nm-slide-menu-content { background: #333; }
#nm-slide-menu a { color: #a9a8a9; }
#nm-slide-menu a:hover, #nm-slide-menu ul li.active > a { color: #e35205; }
#nm-slide-menu li { border-bottom: 1px solid #666; }

#nm-mobile-menu .nm-mobile-menu-content { background: #333; }
#nm-mobile-menu a { padding: 5px 0; }
#nm-mobile-menu a, #nm-mobile-menu ul li .nm-menu-toggle, #nm-mobile-menu .nm-mobile-menu-top .nm-mobile-menu-item-search input, #nm-mobile-menu .nm-mobile-menu-top .nm-mobile-menu-item-search span { color: #a9a8a9 !important; }
#nm-mobile-menu li { border-bottom-color: #666 !important; }
#nm-mobile-menu li:last-child { border-bottom: none; }
#nm-mobile-menu a:hover, #nm-mobile-menu a ul li.active > a { color: #e35205 !important; }
#nm-mobile-menu ul li.active > a { color: #e35205 !important; }



/* footer */

.nm-footer { font-size: 14px; line-height: 1.4; }
.nm-footer-widgets { padding: 50px 0 0; }
.nm-footer-widgets, .nm-footer-widgets .widget ul li a, .nm-footer-widgets a { /* background-color: #282828 !important; color: #888 !important; */ background-color: #fae1a3 !important; color: #282828 !important; }
.nm-footer-widgets ul.menu li { margin-bottom: 0px; }
.nm-footer-widgets ul.menu li a { text-transform: uppercase; }
.nm-footer-widgets a:hover { color: #e35205 !important; }
.nm-footer-widgets .nm-widget-title { /* color: #aaa !important; */ color: #e35205 !important; }
.nm-footer-widgets.has-border { border-top: none; }
.nm-footer-bar-inner { padding: 0px 0 20px; background: #fae1a3 !important; overflow: visible; }
.nm-footer-bar .nm-footer-bar-inner .nm-row { /* border-top: 1px solid #555; */ border-top: 1px solid #e35205; padding-top: 10px; }
.nm-footer-bar .menu > li { color: #282828; }

.nm-footer .fa.breadcrumb-arrow { padding: 0 10px; color: #e35205; }
.nm-footer .breadcrumbs { margin-bottom: 30px; }

.nm-footer .breadcrumbs .fa-home { font-family: 'Conv_livingwing'; font-size: 40px; line-height: 1; vertical-align: middle; margin-top: -15px; }
.nm-footer .breadcrumbs .fa-home::before { content: "\e11c"; }
.nm-footer .fa-sweethome-logo { font-family: 'Conv_livingwing'; font-size: 40px; line-height: 1; vertical-align: middle; margin-top: -15px; margin-right: 10px; }
.nm-footer .fa-sweethome-logo::before { content: "\e11c"; }

.footer-category { margin: 30px 0; }
.footer-category a { display: inline-block; border-bottom: 1px solid #777; color: #e35205 !important; margin-bottom: 5px; }
.footer-category a:hover { color: #888 !important; }

.footer-link { overflow: hidden; }
.footer-link a { display: block; margin-bottom: 8px; line-height: 1.3; }
.footer-link h3.withspace { margin-top: 40px; }
a.footer-info { display: inline-block; color: #e35205 !important; }
a.footer-info:hover { color: #000000 !important; color: #888 !important; }
.footer-social { overflow: hidden; margin-top: 40px; }
.footer-social a { margin-right: 10px; font-size: 30px; }
.general-contact a { margin-bottom: 0; }
.general-contact strong { font-family: 'Conv_MercuryDisplay-Bold'; font-weight: normal; }

.footer-cert { margin-bottom: 10px; }
.footer-cert [class*=" nm-font-"] { font-family: 'Conv_livingwing' !important; line-height: 0; font-size: 70px; }
.footer-cert .nm-font-fssc22000::before { content: "\e12c"; }
.footer-cert .nm-font-gmp::before { content: "\e13c"; }
.footer-cert .nm-font-haccp::before { content: "\e14c"; }
.footer-cert img { max-width: 300px; }


.nm-footer .nm-footer-bar-social { display: none; }

.nm-footer .large-block-grid-4 > li:nth-of-type(1) { width: 35%; }
.nm-footer .large-block-grid-4 > li:nth-of-type(2) { width: 15%; }
.nm-footer .large-block-grid-4 > li:nth-of-type(3) { width: 15%; }
.nm-footer .large-block-grid-4 > li:nth-of-type(4) { width: 35%; }

.tsm-qualitymark { position: absolute; right: 0; bottom: 0; }
.tsm-qualitymark img { width: 100px; height: 100px; max-height: 100px; }

.footer-menu { display: none; }
.nm-footer .large-block-grid-4 > li:nth-of-type(5) { display: none; }
.footer-menu .uk-accordion-title { padding: 10px 0px; font-size: 14px; line-height: 1.3; background: none; margin-bottom: 0; border-top: 1px solid #e35205; color: #000; }
.footer-menu .uk-accordion-content { padding: 0px; }
.footer-menu h3.uk-active { color:#e35205; }
.footer-menu .nm-widget-title { padding: 10px 0px 0px; font-size: 14px; line-height: 1.3; margin-bottom: 0; }
.footer-menu .footer-social { margin-top: 0px; }
.footer-menu .nm-font-plus { position: absolute; right: 15px; color: #282828; }
.footer-menu .nm-font-plus:hover { color:#e35205; }
.footer-menu .uk-active .nm-font-plus::before { content: "\e115"; }

.fa.custom.footer { line-height: 0 !important; font-size: 30px !important; margin-top: 0px; position: relative; top: 10px; color: #e35205; }



/* Home Page */
.tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { box-shadow: none !important; -webkit-box-shadow: none !important; }

.homepage-feature { max-width: 1600px !important; padding: 0; }
.homepage-feature .col-sm-3, .homepage-feature .col-lg-3, .homepage-feature .col-sm-6, .homepage-feature .col-xs-12 { padding-left: 1px; padding-right: 1px; }
.homepage-feature .col-sm-3:first-child, .homepage-feature .col-lg-3:first-child, .homepage-feature .col-sm-6:first-child, .homepage-feature .col-xs-12:first-child { /* padding-left: 0; */ }
.homepage-feature h1 { margin-bottom: 0; margin-top: 5px; font-size: 20px; }
.homepage-feature h2 { font-family: 'Conv_MercuryTextG3-Roman' !important; margin-top: 0px !important; font-size: 14px; }
.homepage-feature .nm-banner-text .nm-banner-subtitle { color: #282828; }
.homepage-feature .nm-banner.text-color-light .nm-banner-text .nm-banner-title { color: #fff; }
.homepage-feature .nm-banner.text-color-light .nm-banner-text .nm-banner-subtitle { color: #eeeeee; }


/* Products */
.product-menu { overflow: hidden; }
#product-menu { border-bottom: 1px solid #d6d6d6; }
.product-menu h3 { font-size: 12px; }
.product-menu .uk-slideset-nav { display: none; }
.product-menu .uk-margin { margin-bottom: 0px; margin-top: 10px; }
.product-menu .uk-grid-width-xlarge-1-6 > * { width: 12.5%; }
.product-menu a[class*="uk-"]:hover { color: #e35205 !important; }
.product-menu .uk-slidenav-previous::before { content: "\e600"; font-family: 'nm-font'; opacity: 0.35; }
.product-menu .uk-slidenav-next::before { content: "\e601"; font-family: 'nm-font'; opacity: 0.35; }
.product-menu .uk-slidenav-previous:hover::before, .product-menu .uk-slidenav-next:hover::before { opacity: 1; }
.product-menu .uk-slidenav-position .uk-slidenav { display: inherit !important; }

.product-desc { text-align: center; padding: 0 150px !important;  }
.product-desc p { font-size: 18px; }
.h1-title h1 { font-size: 35px; padding-bottom: 30px; }

.product-features { text-align: center; }
.product-features .fa, .product-desc .fa, .fa.custom { display: inline-block; font: normal normal normal 70px/1 Conv_livingwing !important; line-height: 1; color: #555; margin-bottom: 10px; }
.fa-1974::before { content: "\e25c" !important; }
.fa-halal::before { content: "\e26c"; }
.fa-168::before { content: "\e27c"; }
.fa-sugar1::before { content: "\e28c"; }
.fa-sugar2::before { content: "\e29c"; }
.fa-sugar3::before { content: "\e30c"; }
.fa-luohan::before { content: "\e31c"; }
.fa-coffee::before { content: "\e32c"; }
.fa-lips::before { content: "\e33c"; }
.fa-sugar4::before { content: "\e34c"; }
.fa-336::before { content: "\e35c"; }
.fa-beverage::before { content: "\e36c"; }
.fa-new1::before { content: "\e37c"; }
.fa-new2::before { content: "\e38c"; }
.fa-fssc22000::before { content: "\e12c"; }
.fa-gmp::before { content: "\e13c"; }
.fa-haccp::before { content: "\e14c"; }
.fa-halal2::before { content: "\e15c"; }
.fa-sweethome::before { content: "\e11c"; }


.product-spec { padding: 0 150px !important;   }
.product-spec .col-sm-12.nm_column { background: #f2f2f2; padding: 50px; }

.product-packaging-thumb { width: 180px; margin-top: -150px; margin-left: -15px; }
.product-packaging-thumb.old { width: 360px; }

.comparison-chart { line-height: 1.3; }
.comparison-chart table { font-size: 90%; width: 100%; }
.comparison-chart tr { border-top: 1px solid #d6d6d6; }
.comparison-chart tr:hover { background: rgba(255,255,255,0.5); }
.comparison-chart tr:last-child { border-bottom: 1px solid #d6d6d6; }
.comparison-chart tr:first-child { font-family: 'Conv_MercuryDisplay-Bold'; color: #555; }
.comparison-chart tr:first-child:hover { background: rgba(255,255,255,0); }
.comparison-chart td { width: 50%; padding: 5px 10px 5px 0; }

.nutrition-fact { line-height: 1.3; }
.nutrition-fact table { font-size: 90%; width: 100%; }
.nutrition-fact tr { border-top: 1px solid #d6d6d6; }
.nutrition-fact tr:last-child { border-bottom: 1px solid #d6d6d6; }
.nutrition-fact td { padding: 1px 0; }
.nutrition-fact .my-center { text-align: center; }
.nutrition-fact .my-indent { text-indent: 15%; }
.nutrition-fact .my-tag { font-size: 11px; margin-top: 10px; line-height: 1.3; display: block; }

.product-footer .nm-row.nm-row-boxed.inner { padding: 80px 15px 100px; border-top: 1px solid #d6d6d6; margin-top: 100px; }

.fa.custom.headline { line-height: 0 !important; font-size: 50px !important; color: #e35205; }



/* Sweet Corner Footer */
.footer-sweet-corner { text-align: center; }
.footer-sweet-corner-items { text-align: center; }
.footer-sweet-corner-items img { padding-bottom: 20px; width: 50%; }



/* Our Story */
.page-menu { overflow: hidden; padding: 10px 0; text-align: center; font-family: 'Conv_MercuryDisplay-Bold'; }
#page-menu { border-bottom: 1px solid #d6d6d6; }
.page-menu-inner { padding-left: 30px; padding-right: 30px; }
.page-menu ul li { list-style-type: none; display: inline-block; font-size: 12px; padding-left: 15px; }
.page-menu ul li:first-child { padding-left: 0; }
.page-menu ul li a { color: #282828; }
.page-menu ul li a:hover { color: #e35205; }
.page-menu ul li.active a { color: #e35205; pointer-events: none; cursor: default; }

.story-01 { max-width: 1600px !important; overflow: hidden; padding-left: 0; padding-right: 0; }
.story-01 .col-sm-12 { padding-left: 0; padding-right: 0; }
.story-01-inner { margin-left: 0 !important;; margin-right: 0 !important; text-align: center; }
.story-01-bg { margin-left: 0 !important;; margin-right: 0 !important; }
.story-01-bg .col-sm-12 { padding-left: 0; padding-right: 0; }
.story-01 p { color: #999; }
.story-01 .desc p { font-size: 18px; color: #ccc; }
.story-01 .intro { max-width: 750px; margin: 0 auto; padding: 0 15px; }
.story-01 .page-title h1 { font-size: 40px; color: #ccc; margin-bottom: 20px; }
.story-01 .page-title h2 { font-size: 24px; color: #ccc; margin-bottom: 10px; }

.story-02 { max-width: 1600px !important; overflow: hidden; padding: 0; }
.story-02 .page-title h1 { font-size: 30px; color: #282828; margin-bottom: 20px; }
.story-02 .page-title h2 { font-size: 18px; color: #282828; margin-bottom: 10px; }
.story-02-inner { padding-left: 15px !important;; padding-right: 15px !important; }
.go-link { color: #e35205; }
.go-link .fa { color: #e35205; }
.go-link .fa-sweethome { color: #e35205; display: inline-block; font: normal normal normal 50px/1 Conv_livingwing !important; line-height: 1; position: relative; top: 10px; padding: 0 5px; margin-top: -20px; }
.go-link a { color: #e35205; font-size: 20px; }
.go-link a:hover { color: #e35205; text-decoration: underline; }
.story-02 p {  }
.my-caption { font-size: 12px; color: #555; margin-top: 5px; }

.story-03 { max-width: 1600px !important; overflow: hidden; padding-left: 0; padding-right: 0; }
.story-03 .intro { max-width: 750px; margin: 0 auto; padding: 0 15px; }
.story-03 .page-title h1 { font-size: 30px; color: #282828; margin-bottom: 20px; }

.story-03-timeline {  }
.story-03-timeline .timeline.flatNav .t_right, .story-03-timeline .timeline.flatNav .t_right:hover:active, .story-03-timeline #content .timeline.flatNav .t_right, .story-03-timeline #content .timeline.flatNav .t_right:hover:active { background: rgba(255,255,255, 0) url('https://www.sweet-home.my/wp-content/plugins/content_timeline/css/images/timeline/clean/blck-arrow-right.png') no-repeat center center; }
.story-03-timeline .timeline.flatNav .t_left, .story-03-timeline .timeline.flatNav .t_left:hover:active, .story-03-timeline #content .timeline.flatNav .t_left, .story-03-timeline #content .timeline.flatNav .t_left:hover:active { background: rgba(255,255,255, 0) url('https://www.sweet-home.my/wp-content/plugins/content_timeline/css/images/timeline/clean/blck-arrow-left.png') no-repeat center center; }
.story-03-timeline h2 { border-bottom: 1px solid #aaa; margin-bottom: 10px; font-family: 'Conv_MercuryTextG3-Roman' !important; }
#tl1 .t_node_desc, #content #tl1 .t_node_desc { display: none !important; }
.story-03-timeline .timeline .timeline_items_wrapper, .story-03-timeline #content .timeline .timeline_items_wrapper { margin-top: 30px; }
.story-03-timeline .timeline.flatLine #t_line_left, .story-03-timeline .timeline.flatLine #t_line_right, .story-03-timeline #content .timeline.flatLine #t_line_left, .story-03-timeline #content .timeline.flatLine #t_line_right { color: #aaa; }
.story-03-timeline .timeline.flatLine .t_line_m.right, .story-03-timeline #content .timeline.flatLine .t_line_m.right { border-left: 1px solid #aaa; }
.story-03-timeline .timeline.flatLine .t_line_m, .story-03-timeline #content .timeline.flatLine .t_line_m { border-right: 1px solid #aaa; }
.story-03-timeline .timeline h4.t_line_month, .story-03-timeline #content .timeline h4.t_line_month { margin: -40px 0 20px; color: #282828; }
.story-03-timeline #tl1 .t_line_node, .story-03-timeline #content #tl1 .t_line_node { font-size: 16px; color: #282828; font-family: 'Conv_MercuryTextG3-Roman'; padding-top: 50px; }
.story-03-timeline #tl1 .t_line_node::after, .story-03-timeline #content #tl1 .t_line_node::after { background: #e35205; height: 20px; width: 20px; border: none; top: 20px; }
.story-03-timeline #tl1 .t_line_node.active::after, .story-03-timeline #content #tl1 .t_line_node.active::after { background: #282828; }
.story-03-timeline .timeline.flatLine .t_line_holder, .story-03-timeline #content .timeline.flatLine .t_line_holder { height: 85px; background: url('https://www.sweet-home.my/wp-content/uploads/line.jpg') repeat-x 0 49px; }



/* Our Philosophy */
.philosophy-01 { max-width: 1600px !important; overflow: hidden; padding-left: 0; padding-right: 0; }
.philosophy-01 .col-sm-12 { padding-left: 0; padding-right: 0; }
.philosophy-01-inner { margin-left: 0 !important;; margin-right: 0 !important; text-align: center; }
.philosophy-01-bg { margin-left: 0 !important;; margin-right: 0 !important; }
.philosophy-01-bg .col-sm-12 { padding-left: 0; padding-right: 0; }
.philosophy-01 p { color: #282828; }
.philosophy-01 .desc p { font-size: 18px; color: #282828; }
.philosophy-01 .intro { max-width: 750px; margin: 0 auto; padding: 0 15px; }
.philosophy-01 .page-title h1 { font-size: 40px; color: #282828; margin-bottom: 20px; }
.philosophy-01 .page-title h2 { font-size: 24px; color: #282828; margin-bottom: 10px; }

.values-01 { max-width: 1600px !important; overflow: hidden; padding: 0; }
.values-01 .page-title h1 { font-size: 30px; color: #282828; margin-bottom: 20px; }
.values-01 .page-title h2 { font-size: 18px; color: #282828; margin-bottom: 10px; }
.values-01-inner { padding: 170px 30px 90px !important;  }
.values-01-img .col-sm-12 { padding: 0; }

.values-02 { max-width: 1600px !important; overflow: hidden; }
.values-02 .page-title h1 { font-size: 28px; color: #282828; margin-bottom: 20px; }
.values-02 p { color: #282828; }
.values-02-accordion { text-align: center; }
.values-02-accordion .vc_toggle { border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.values-02-accordion .vc_toggle:last-child { border-bottom: none; }
.values-02-accordion .vc_toggle_content { padding-left: 15px; padding-right: 15px; }
.values-02-accordion .vc_toggle_title { padding-left: 26px; padding-right: 26px; }
.values-02-accordion .vc_toggle_title i { right: 0; left: auto; }
.values-02-accordion .vc_toggle_title:hover i { color: #e35205; }
.values-02-accordion h3 { font-size: 18px; }
.values-02-accordion h3:hover { color: #e35205; }
.values-02-accordion .vc_toggle_active h3 { color: #e35205; }
.values-02-accordion p { color: inherit; padding-top: 10px; }
.values-02-accordion .circle { width: 100px; height: 100px; border-radius: 50px; font-size: 20px ; color: #fff; line-height: 100px; text-align: center; background: #000; }


/* CSR */
.csr-01 { max-width: 1600px !important; overflow: hidden; padding-left: 0; padding-right: 0; }
.csr-01 .col-sm-12 { padding-left: 0; padding-right: 0; }
.csr-01-inner { margin-left: 0 !important;; margin-right: 0 !important; text-align: center; }
.csr-01-bg { margin-left: 0 !important;; margin-right: 0 !important; }
.csr-01-bg .col-sm-12 { padding-left: 0; padding-right: 0; }
.csr-01 p { color: #282828; }
.csr-01 .desc p { font-size: 18px; color: #282828; }
.csr-01 .intro { max-width: 750px; margin: 0 auto; padding: 0 15px; }
.csr-01 .page-title h1 { font-size: 40px; color: #282828; margin-bottom: 20px; }
.csr-01 .page-title h2 { font-size: 24px; color: #282828; margin-bottom: 10px; }

.csr-02 { max-width: 1600px !important; overflow: hidden; padding: 0; }
.csr-02 .page-title h1 { font-size: 24px; color: #282828; margin-bottom: 20px; }
.csr-02-inner { padding: 110px 30px 50px !important;  }
.csr-02-inner p { color: #282828; }
.csr-02-img .col-sm-12 { padding: 0; }

.csr-03 { max-width: 1600px !important; overflow: hidden; padding: 0; }
.csr-03.col-sm-10.col-lg-6 { padding: 0; }
.csr-03 .page-title h1 { font-size: 24px; color: #282828; margin-bottom: 20px; }
.csr-03-inner { padding: 100px 30px 50px !important;  }
.csr-03-inner p { color: inherit; }
.csr-03-img { margin-right: -15px !important; margin-left: -15px !important; }
.csr-03-img .col-sm-12 { padding: 0; }

.csr-04 { max-width: 1600px !important; overflow: hidden; padding-left: 0; padding-right: 0; }
.csr-04 .col-sm-12 { padding-left: 0; padding-right: 0; }
.csr-04-inner { margin-left: 0 !important;; margin-right: 0 !important; text-align: center; }
.csr-04-bg { margin-left: 0 !important;; margin-right: 0 !important; }
.csr-04-bg .col-sm-12 { padding-left: 0; padding-right: 0; }
.csr-04 p { color: #282828; }
.csr-04 .page-title h1 { font-size: 24px; color: #282828; margin-bottom: 20px; }
.csr-04 .intro { max-width: 750px; margin: 0 auto; padding: 0 15px; }


/* Food Safety */
.safety-01 { max-width: 1600px !important; overflow: hidden; padding-left: 0; padding-right: 0; }
.safety-01 .col-sm-12 { padding-left: 0; padding-right: 0; }
.safety-01-inner { margin-left: 0 !important;; margin-right: 0 !important; text-align: center; }
.safety-01-bg { margin-left: 0 !important;; margin-right: 0 !important; }
.safety-01-bg .col-sm-12 { padding-left: 0; padding-right: 0; }
.safety-01 p { color: #282828; }
.safety-01 .desc p { font-size: 18px; color: #282828; }
.safety-01 .intro { max-width: 750px; margin: 0 auto; padding: 0 15px; }
.safety-01 .page-title h1 { font-size: 40px; color: #282828; margin-bottom: 20px; }
.safety-01 .page-title h2 { font-size: 24px; color: #282828; margin-bottom: 10px; }

.safety-02 { max-width: 1600px !important; overflow: hidden; padding-left: 0; padding-right: 0; }
.safety-02 .intro { max-width: 750px; margin: 0 auto; padding: 0 15px; }
.safety-02 .page-title h1 { font-size: 30px; color: #282828; margin-bottom: 20px; }

.safety-features { text-align: center; color: #282828; }
.safety-features .fa { display: inline-block; font: normal normal normal 180px/1 Conv_livingwing !important; line-height: 1; color: #e35205; margin-bottom: 10px; }
.cert-icon img { max-width: 130px; padding: 30px 0 10px; }


/* Marketing */
.marketing-01 { max-width: 1600px !important; overflow: hidden; padding-left: 0; padding-right: 0; }
.marketing-01 .col-sm-12 { padding-left: 0; padding-right: 0; }
.marketing-01-inner { margin-left: 0 !important;; margin-right: 0 !important; text-align: center; }
.marketing-01-bg { margin-left: 0 !important;; margin-right: 0 !important; }
.marketing-01-bg .col-sm-12 { padding-left: 0; padding-right: 0; }
.marketing-01 p { color: #282828; }
.marketing-01 .desc p { font-size: 18px; color: #282828; }
.marketing-01 .intro { max-width: 750px; margin: 0 auto; padding: 0 15px; }
.marketing-01 .page-title h1 { font-size: 40px; color: #282828; margin-bottom: 20px; }
.marketing-01 .page-title h2 { font-size: 24px; color: #282828; margin-bottom: 10px; }
.marketing-01 .go-link a { color: #fff; }
.marketing-01 .go-link .fa { color: #fff; }

.marketing-02 { max-width: 1600px !important; overflow: hidden; padding-left: 0; padding-right: 0; }
.marketing-02 .intro { max-width: 750px; margin: 0 auto; padding: 0 15px; }
.marketing-02 .page-title h1 { font-size: 30px; color: #282828; margin-bottom: 20px; }


/* Get In Touch */

.contact-01 {  }
.form-title h6 { border-bottom: 1px solid #d6d6d6; margin-bottom: 10px !important; padding-bottom: 5px; color: #e35205; }
.form-title.no-underline h6 { border-bottom: none; }

.contact-02 .uk-img-preserve { border: 1px solid #eaeaea; border-bottom: none; }

.contact-03 { border: 1px solid #eaeaea; margin: 0 !important; }
.contact-03 .col-sm-6 { padding: 0; /* margin-left: 15px; margin-right: -15px; */  }
.contact-03-inner { padding: 30px 20px !important; color: #555; /* padding: 15px 30px; margin-left: 15px; margin-right: -15px !important; */ }

.contact-03-form .vc_tta.vc_general .vc_tta-tabs-container { padding: 0px; border-bottom: 1px solid #eaeaea; }
.contact-03-form .vc_tta.vc_general .vc_tta-tab > a { padding: 10px 0px 12px; border: none; margin: 0; }
.contact-03-form .vc_tta-title-text { font-size: 14px; font-family: 'Conv_MercuryDisplay-Bold' !important; }
.contact-03-form .vc_tta.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tab { width: 50%; text-align: center; }
.contact-03-form .vc_tta.vc_general .vc_tta-tab.vc_active > a { background: #e35205;
color: #f3d03e; }
.contact-03-form .vc_tta.vc_general .vc_tta-panel-body { padding: 20px 30px 0; }


/* Inquiry Form */
div.wpcf7, .wpcf7 { margin-left: 0px; }
div.wpcf7 h6.form-title { border-bottom: 1px solid #d6d6d6; margin-bottom: 40px; padding-bottom: 5px; color: #e35205; }
div.wpcf7 { color: #777; }
div.wpcf7 h6.second { margin-top: 60px; }
div.wpcf7 strong { font-family: 'Conv_MercuryDisplay-Bold' !important; font-weight: normal; /* font-size: 14px; */ color: #282828; }
.wpcf7-form > p { padding: 0 19px 19px 0; }
span.wpcf7-list-item { display: inline-block; }
span.wpcf7-form-control-wrap { display: inline; }

span.wpcf7-not-valid-tip { color: #e35205; font-size: 12px; }
div.wpcf7-validation-errors { color: #fff; background: #ff483e; border: none; }
div.wpcf7-mail-sent-ok { color: #fff; background: #f18b21; border: none; }
div.wpcf7-mail-sent-ng { color: #fff; background: #777; border: none; }
div.wpcf7-response-output { margin: 10px 0 30px 0; font-size: 14px; line-height: 1.4; background: #e35205; color: #fff; }
.my-verification .wpcf7-form-control-wrap input[type="text"] { float: left; width: 160px;  }
.my-verification img { float: left; padding: 3px; border: 1px solid #ebebeb; margin-left: 5px; width: auto !important; }


input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="time"], input[type="month"], input[type="week"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input.input-text, select, textarea { border: none; }


.contact-form {  }  
.contact-form .wpcf7 form p { font-size: 16px; line-height: 1.3; margin-bottom: 10px; }
.contact-form .wpcf7 form p:focus {  }
.contact-form .wpcf7-form-control-wrap input[type="text"], .contact-form .wpcf7-form-control-wrap input[type="email"], .contact-form .wpcf7-form-control-wrap textarea { font-size: 15px; line-height: 1.4; color: #555; box-shadow: inset 0 -1px 0 #ccc; padding: .2rem 0; }
.contact-form .wpcf7-form-control-wrap input[type="text"]:focus, .contact-form .wpcf7-form-control-wrap input[type="email"]:focus, .contact-form .wpcf7-form-control-wrap textarea:focus { box-shadow: inset 0 -2px 0 #ccc; }


.contact-form input.wpcf7-submit[type="submit"] { font-size: 16px; letter-spacing: 0; line-height: 1.6; border: none; color: #fff; display: block; margin-top: 40px; padding: 5px 17px; }
.contact-form input.wpcf7-submit[type="submit"]:hover { background-color: #e35205; box-shadow: none; }




/*-----------------------------------
Additional CSS - Laptop Landscape
-----------------------------------*/

@media all and (max-width: 1280px) {

/* Home Page */
.homepage-feature h1 { font-size: 100% !important; }
.homepage-feature h2 { font-size: 80% !important; }

/* Products */
.product-menu h3 { font-size: 11px; }

/* Our Philosophy */
.values-01-inner { padding: 70px 30px !important;  }

/* CSR */
.csr-02-inner { padding: 50px 30px !important;  }
.csr-03-inner { padding: 50px 30px !important;  }






}
/*-----------------------------------
Additional CSS - iPad Landscape
-----------------------------------*/

@media all and (max-width: 1024px) {


/* Footer */
.nm-footer { font-size: 12px; }
.nm-footer .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: none; }

.nm-footer-bar .menu > li { float: left; }
.nm-footer-bar-left.col-md-8.col-xs-12 { width: 50%; }
.nm-footer-bar-right.col-md-4.col-xs-12 { width: 50%; }

/* Home Page */
.homepage-feature h1 { font-size: 20px !important;; }
.homepage-feature h2 { font-size: 16px !important;; }

/* Products */
.product-menu h3 { min-height: 30px; }

/* Story */
.story-02-inner { padding-left: 0px !important; padding-right: 0px !important; }

/* Our Philosophy */
.values-01-inner { padding: 40px 0px !important;  }

/* CSR */
.csr-02-inner { padding: 40px 0px !important;  }
.csr-03-inner { padding: 40px 15px !important;  }
.csr-02-inner p { font-size: 14px; }
.csr-03-inner p { font-size: 14px; }


}




/*-----------------------------------
Additional CSS - iPad Portrait
-----------------------------------*/

@media all and (max-width: 991px) {

/* Header */
.nm-header-logo img { height: 90px !important; margin-top: -5px; }
.menu-hidden { display: none; }

/* Footer */
.nm-footer-bar-left.col-md-8.col-xs-12 { width: 80%; }
.nm-footer-bar-right.col-md-4.col-xs-12 { width: 20%; }
.tsm-qualitymark { right: 10px; }
.nm-footer-bar .menu > li { float: left; }

/* Products */

/* Our Philosophy */
.values-01-inner { padding: 60px 0px 40px !important;  }

/* CSR */
.csr-02-inner { padding: 60px 0px 40px !important;  }
.csr-03-inner { padding: 60px 15px 40px !important;  }
.csr-02-inner p { font-size: 16px; }
.csr-03-inner p { font-size: 16px; }

/* Food Safety */
.safety-features .col-sm-4:nth-child(3) { clear: both; }


}

@media all and (max-width: 768px) {


/* Footer */
.nm-footer-bar-left.col-md-8.col-xs-12 { width: 80%; }
.nm-footer-bar-right.col-md-4.col-xs-12 { width: 20%; }
.tsm-qualitymark { right: 10px; }


/* Products */
.product-menu h3 { font-size: 10px; }

.product-features { padding: 0 100px; }
.product-desc { padding: 0 75px !important;  }
.product-spec { padding: 0 50px !important;   }
.product-spec .col-sm-12.nm_column { padding: 20px; }


/* Get In Touch */
.contact-03-inner { padding: 30px 0px !important; }
.contact-03-form .vc_tta.vc_general .vc_tta-panel-body { padding: 20px 15px 0; }
.contact-03-form .vc_tta.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tab { display: inline-block; }

.contact-form .wpcf7-form > p { padding-right: 0; }
.contact-form .wpcf7-form > p.half { float: none; width: auto; }








}





/*-----------------------------------
Additional CSS - iPhone Landscape
-----------------------------------*/

@media all and (max-width: 749px) {

/* Footer */
.nm-footer .breadcrumbs { margin-bottom: 20px; }
.nm-footer-widgets { padding: 30px 0 0; }

.nm-footer .large-block-grid-4 > li:nth-of-type(1), .nm-footer .large-block-grid-4 > li:nth-of-type(2), .nm-footer .large-block-grid-4 > li:nth-of-type(3), .nm-footer .large-block-grid-4 > li:nth-of-type(4) { display: none; }
.nm-footer .large-block-grid-4 > li:nth-of-type(5) { display: inherit; padding-bottom: 0px; }
.footer-menu { display: inherit; }

.nm-footer-bar-left.col-md-8.col-xs-12 { width: 100%; line-height: 1.3; }
.nm-footer-bar-right.col-md-4.col-xs-12 { width: 0%; display: none; }
.tsm-qualitymark { display: none; right: 0px; }


/* Product */
.product-menu .uk-grid-width-xlarge-1-6 > * { width: 20%; }
.product-menu .uk-slidenav { font-size: 40px; }
.product-menu .uk-slidenav-position .uk-slidenav-previous { left: -24px; }
.product-menu .uk-slidenav-position .uk-slidenav-next { right: -24px; }

.product-desc { padding: 0 75px !important;  }
.product-spec { padding: 0 75px !important;   }
.product-spec .col-sm-12.nm_column { padding: 20px; }


/* Story */
.page-menu ul li { padding: 0; }
.page-menu ul li a { color: #282828; display: none; }
.page-menu ul li a:hover { color: #282828; }
.page-menu ul li.active a { color: #282828; display: block; }

.story-01 .page-title h1 { font-size: 30px; }
.story-01 .page-title h2 { font-size: 20px; }

.philosophy-01 .page-title h1 { font-size: 30px; }
.philosophy-01 .page-title h2 { font-size: 20px; }

.csr-01 .page-title h1 { font-size: 30px; }
.csr-01 .page-title h2 { font-size: 20px; }

.safety-01 .page-title h1 { font-size: 30px; }
.safety-01 .page-title h2 { font-size: 20px; }

.marketing-01 .page-title h1 { font-size: 30px; }
.marketing-01 .page-title h2 { font-size: 20px; }

.contact-01 .page-title h1 { font-size: 20px; }


/* Get In Touch */
.contact-03-inner { padding: 30px 0px !important; }
.contact-03-form .vc_tta.vc_general .vc_tta-panel-body { padding: 20px 15px 0; }
.contact-03-form .vc_tta.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tab { display: inline-block; }

.contact-form .wpcf7-form > p { padding-right: 0; }




}


@media all and (max-width: 550px) {


/* Product */
.product-menu .uk-grid-width-xlarge-1-6 > * { width: 50%; }
.product-menu h3 { min-height: 0px; }

.product-desc { padding: 0 0px !important;  }
.product-desc p { font-size: 16px; }
.h1-title h1 { font-size: 25px; }

/* Product */
.product-features { padding: 0 50px; }
.product-spec { padding: 0 50px !important;   }
.product-spec .col-sm-12.nm_column { padding: 20px; }



}





/*-----------------------------------
Additional CSS - iPhone Portrait
-----------------------------------*/

@media all and (max-width: 400px) {


/* Header */
.nm-header-logo img { height: 75px !important; margin-top: -5px; }

/* Home Page */
.homepage-feature h1 { font-size: 100% !important; }
.homepage-feature h2 { font-size: 80% !important; }

/* Product */
.product-features { padding: 0 15px; }

.product-spec { padding: 0 15px !important;   }
.product-spec .col-sm-12.nm_column { padding: 20px; }

.product-packaging-thumb { width: 150px; margin-left: auto; margin-right: auto; }
.product-packaging-thumb.old { width: 260px; }


/* Our Story */

.go-link a { font-size: 18px; }
.go-link .fa-sweethome { font: normal normal normal 40px/1 Conv_livingwing !important; }


/* Inquiry Form */
span.wpcf7-form-control-wrap { display: block; }







}