@font-face {
    font-family: 'fc_lamoonregular';
    src: url('fonts/fc_lamoon_regular_ver_1.00-webfont.woff2') format('woff2'),
         url('fonts/fc_lamoon_regular_ver_1.00-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fc_lamoonlight';
    src: url('fonts/fc_lamoon_light_ver_1.00-webfont.woff2') format('woff2'),
         url('fonts/fc_lamoon_light_ver_1.00-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fc_lamoonbold';
    src: url('fonts/fc_lamoon_bold_ver_1.00-webfont.woff2') format('woff2'),
         url('fonts/fc_lamoon_bold_ver_1.00-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.lamoon_b {
	font-family: 'fc_lamoonbold';
}

.lamoon_r {
	font-family: 'fc_lamoonregular';
}

html{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	position: relative;
	background: #fff;
	font-family: sans-serif;
	color: #4B3627;
	font-size: 16px;
	background: #fff;
	padding-top: 80px;
}

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
	color: #fff;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}

a:hover{
	color: #fff;
	text-decoration: none;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}

a:focus{
	text-decoration: none;
	color: #fff;
}

p {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #4B3627;
}

.hover_color {
	color: #9B9B9B;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}

.hover_color:hover {
	color: #229546;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}

.hover_color2:focus{
	color: none;
}

h1, h2, h3, h4 {
	margin: 0;

}

h1, .h1 {
	font-size: 48px;
	font-family: 'cs_prakasbold';
}

h2, .h2 {
	font-size: 48px;
	font-family: 'cs_prakasbold';

}

h3, .h3 {
	font-size: 24px;
	font-family: 'cs_prakasbold';
}

h4, .h4 {
	font-size: 16px;
}

.font700 {
	font-weight: 700;
}

label {
	font-size: 14px;
	color: #fff;
	font-weight: normal;
}

label.error {
	font-family: sans-serif;
	color: #BA0000 !important;
	display: none;
	font-size: 12px;
	display: block;
}

p.signin_error {
	color: #BA0000;
}

input, textarea{
	font-size: 14px;
	border-radius: 0;
	color: #9B9B9B;
}

textarea:focus, input:focus{
    outline: 0;
}

.clear {
	clear: both;
 	display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

::-webkit-input-placeholder {
   color: #B7BABB;
}

:-moz-placeholder { /* Firefox 18- */
   color: #B7BABB;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #B7BABB;
}

:-ms-input-placeholder {
   color: #B7BABB;
}


/*.row{
	margin: 0;
}*/

.regular_btn {
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	min-width: 235px;
	display: inline-block;
	font-size: 20px;
}

.regular_btn2 {
	border-radius: 5px;
	height: 45px;
	line-height: 45px;
	min-width: 150px;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
}

.hover_btn{
	display: inline-block;
	position: relative;
	text-align:  center;
	text-align: center;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background: #0072BA;
	border-radius: 4px;
	font-size: 18px;
	color: #FFFFFF;
	width: 210px;
	height: 68px;
	line-height: 68px;
}

.hover_btn_green:hover{
	background: #5AB4A4;
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.hover_btn_red{
	display: inline-block;
	position: relative;
	text-align:  center;
	text-align: center;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color: #fff;
	background: #EF534D;
}

.hover_btn_red:hover{
	background: #E73A33;
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.hover_btn_white{
	font-weight: 900;
	font-size: 24px;
	display: inline-block;
	position: relative;
	text-align:  center;
	text-align: center;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color: #2C2943;
	background: #fff;
}

.hover_btn_white:hover{
	background: #72AEA2;
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.hover_btn_white.price_active{
	background: #72AEA2;
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.hover_btn2{
	display: inline-block;
	position: relative;
	text-align:  center;
	font-size: 21px;
	text-align: center;
	/*-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;*/
	background: transparent;
	color: #000000;
	padding: 15px 0px;
	width: 70%;
	min-width: 185px;
	border: 2px solid #000000;
}

.hover_btn2:hover{
	border: 1px solid #229546;
	background: #229546;
	color: #fff;
	/*-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;*/
}

.hover_btn3{
	display: inline-block;
	position: relative;
	text-align:  center;
	font-size: 31px;
	font-weight: 700;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background: transparent;
	color: #000000;
	padding: 15px 0px;
	width: 100%;
	max-width: 430px;
	border: 2px solid #000000;
}

.hover_btn3:hover{
	border: 2px solid #229546;
	background: #229546;
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.full_width_btn {
	width: 100%;
	margin-top: 20px;
}

#cover{
	background: #fff;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1000;
	top: 0;
}

.hidden_br {
	display: none;
}

.tablet_br {
	display: block;
	height: 1px;
}

.mobile_br {
	display: none;
	height: 1px;
}

.small_desktop_br {

}

.img-responsive {
	margin: auto;
}

.img_responsive {
	width: 100%;
	display: block;
}

.video-container {
	width: 100%;
    position: relative;
    margin: auto;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bold {
	font-weight: 700;
}

.black {
	font-weight: 900;
}

.make_center {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
}

.mobile_br {
	display: none;

}

/**************/

header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 20;
}

.header_top {
	background: url(../images/header_bg.jpg);
	background-size: 100%;
	padding: 4px 0 1px;
}

.header_top h3{
	font-size: 16px;
	color:#fff;
	padding-left: 31px;
}

.header_bottom {
	background: #fff;
}

#home_header .header_bottom {
	background: transparent;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#home_header.scrolled .header_bottom {
	background: #fff !important;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.header_con {
	position: relative;
	height: 53px;
	padding-top: 24px;
}

.main_nav a{
	color: #057EC3;
	display: inline-block;
	margin: 0 15px;
	font-size: 20px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.main_nav a:hover{
	color: #B71419;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.main_nav a.active{
	color: #B71419;
}

.logo {
	position:absolute;
	left: 15px;
	top: 7px;
	width: 150px;
}

.logo img{
	width: 100%;
	max-width: auto;
}

.header_right {
	position: absolute;
	top:-22px;
	right: 15px;
	padding-top: 45px;
}

.lang {
	display: inline-block;
	border-radius: 50%;
	background: #C7C7C7;
	font-size: 16px;
	text-align: center;
	width: 24px;
	height: 24px;
	line-height: 27px;
}

.lang.lang_active {
	background: #B71419;
}

.signin_btn {
	width: 100px;
	height: 122px;
	background: url(../images/ribbon.png) no-repeat;
	display: block;
	position: absolute;
	top:0;
	left: -105px;
}

.account_btn {
	width: 100px;
	height: 122px;
	background: url(../images/ribbon2.png) no-repeat;
	display: block;
	position: absolute;
	top:0;
	left: -105px;
}

#home_header {
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	z-index: 20;
}

#home_header .header_con{
	background: transparent;
}

#home_header .main_nav a{
	text-shadow: 0 0px 4px rgba(255, 255, 255, 1);
}

.home_main_text {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

footer {
	background: #F3ECE3;
	padding: 30px 0;
}

.footer_nav a {
	font-size: 22px;
	color: #4B3627;
}

.footer_nav a:hover {
	color: #4B3627;
}

.mobile_nav_btn {
	display: none;
	width: 40px;
	position: absolute;
	right: 15px;
	bottom: 10px;
}

.mobile_nav_btn > div {
	background: #057EC3;
	height: 6px;
	border-radius: 3px;
	margin-bottom: 5px;
}

.mobile_nav_btn > div:last-child {
	margin-bottom: 0;
}

.mobile_nav_con {
	position: fixed;
	background: #fff;
	z-index: 15;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	display: none;
}

.mobile_nav {
	text-align: center;
	margin-top: 150px;
}

.mobile_nav li{
	display: block;
	margin-bottom: 20px;
}

.mobile_nav li a{
	font-size: 28px;
	color: #057EC3;
}

.mobile_nav li a.active{
	color: #B71419;
}

.mobile_nav li a:hover{
	color: #B71419;
}

/*** content ****/

.page_head {
	position: relative;
}

.page_head h1 {
	font-size: 55px;
	color: #fff;
	width: 100%;
	text-align: center;
}

.news_list_container {
	background: #FFFBEA url(../images/news-pattern.png) no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.news_list {
	padding-bottom: 60px;
}

.news_list li {
	margin-top: 60px;
}

.new_img {
	border-radius: 30px;
	overflow: hidden;
	display: block;
	margin-bottom: 25px;
}

.news_list li h2{
	font-size: 40px;
}

.news_list li h4{
	font-size: 24px;
	margin-bottom: 10px;
}

.tips_list_container {
	background: #FFFBEA url(../images/momtips-pattern.png) no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.tips_list {
	margin-top: 50px;
	padding-bottom: 0;
}

.tips_list li{
	margin-bottom: 40px;
}

.tips_list:nth-child(3n+1){
    clear:left;
}

.tips_list a {
	display: block;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 10px;
}

.tips_list li h3{
	font-size: 30px;
	margin-bottom: 5px;
}

.news_detail {
	width: 100%;
	background: #FFFBEA url(../images/news-pattern.png) no-repeat;
	background-position: center top;
	background-size: 100% auto;
	padding: 50px 0 60px;
}

.news_main_img {
	border-radius: 20px;
	overflow: hidden;
}

.tbreadcrumb {
	font-size: 14px;
	margin-top: 15px;
}

.tbreadcrumb a{
	font-size: 14px;
	color: #4B3627;
}

.news_head {
	font-size: 38px;
	margin: 25px 0 5px;
}

.news_date {
	font-size: 24px;
}

.news_text {
	margin-top: 25px;
}

.news_text p{
	margin-bottom: 30px;
}

.news_text h3{
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 600;
}

.news_text a{
	color: #4B3627;
	text-decoration: underline;
}

.news_text a:hover{
	color: #4B3627;
}

.tip_detail {
	width: 100%;
	background: #FFFBEA url(../images/momtips-pattern.png) no-repeat;
	background-position: center top;
	background-size: 100% auto;
	padding: 0 0 60px;
}

#home_body {
	padding-top: 0;
}

.home_tips {
	background: #057EC3 url(../images/bluepattern.png);
	position: relative;
	padding: 45px 0 140px;
}

.home_tips:before {
	content: "";
	background: url(../images/corner.png) no-repeat;
	background-size: 100%;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 165px;
	height: 104px;
}

.divider {
	position: relative;
	z-index: 3;
	margin-top: -90px;
}

.new_list_home {
	background: #FFFBEA;
	padding-top: 40px;
}

.home_section_head {
	display: inline-block;
	line-height: normal;
	height: 49px;
	color: #fff;
	background: #CB2525;
	font-size: 48px;
	padding: 0 40px;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomright: 30px;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

#news_list {
	padding-top: 30px;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.divider2 {
	position: relative;
	z-index: 3;
}

.divider3 {
	position: relative;
	z-index: 3;
	height: 5px;
	overflow: hidden;
}

.have_bg {
	background: #FFFBEA;
}

.product_home_container {
	background: url(../images/soymilk.jpg);
	background-size: cover;
	background-position: center;
	margin-top: -90px;
	position: relative;
	z-index: 0;
	padding-top: 120px;
	padding-bottom: 50px;
}

.home_product {
	margin-top: 50px;
}

.gold_btn {
	background-image: linear-gradient(-90deg, #D7B153 0%, #FFF39B 49%, #D2AD53 98%);
	box-shadow: 0 3px 8px 0 rgba(163,163,163,0.50);
	height: 48px;
	width: 150px;
	font-size: 24px;
	text-align: center;
	line-height: 54px;
	margin: 0 10px;
	color: #A27E1C;
	display: inline-block;
	border-radius: 40px;
	margin-bottom: 10px;
}

.gold_btn:hover {
	color: #A27E1C;
}

.faq_home {
	background: #FBD44D;
	padding: 40px 0 80px;
}

.contact {
	background: #8CBF44;
	padding: 40px 0 80px;
}

.contact_detail {
	padding: 0 15px;
}

.contact_detail h4 {
	font-size: 30px;
	margin-top: 40px;
}

.contact_detail p {
	margin-top: 20px;
}

.slide_img {
	overflow: hidden;
	border-radius: 20px;
}

.slide_img_con {
	width: 50%;
	float: right;
	padding-left: 15px;
}

.slide_text {
	width: 50%;
	float: right;
	padding-right: 15px;
	padding-top: 40px;
}

.slide_text h3{
	font-size: 36px;
}

.slide_text p{
	margin-bottom: 30px;
	margin-top: 20px;
}

.tips_slide_container {
	margin-top: 40px;
	position: relative;
}

#news_list .post_cat {
	margin-bottom: 0;
	margin-top: 10px;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    content: none;
    text-align: center;
    opacity: 1;
    border: 0;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 0;
    cursor: pointer;
    color: #000;
    border: 0;
    outline: none;
	background: #fff;
	border-radius: 50%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 8px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li.slick-active button{
	background: #FFD200;
}

.slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.main_product_container {
	background: url(../images/soymilk.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.pro_slide h2 {
	font-size: 48px;
	color: #fff;
	-webkit-text-stroke-width: 2px;

}

.pro_slide h2.red_bor {
   -webkit-text-stroke-color: #CB0000;
}

.pro_slide h2.blue_bor {
	-webkit-text-stroke-color: #057EC3;
 }

.pro_slide h2.green_bor {
	-webkit-text-stroke-color: #A8BE01;
 }

.pro_slide h3 {
	font-size: 34px;
	margin-bottom: 10px;
	margin-top: 20px;
}

 .red{
	color: #CB0000;
 }

 .blue{
	color: #057EC3;
 }

.pro_slide p {
	font-size: 28px;
	line-height: normal;
}

.green{
	color: #A8BE01;
}

.product_slide_desktop {
	margin-top: 40px;
}

.slide_control {
	margin-top: 20px;
	margin-bottom: 20px;
}

.slide_btn {
	display: inline-block;
	width: 60px;
	height: 60px;
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 20px;
}

.slide_btn.active {
	background-position: 0 -60px;
}

.slide1_btn {
	background: url(../images/productswich_original.png);
	background-size: 100% auto;
}

.slide2_btn {
	background: url(../images/productswich_unsweet.png);
	background-size: 100% auto;
}

.slide3_btn {
	background: url(../images/productswich_lesssweet.png);
	background-size: 100% auto;
}

.slide1_btnen {
	background: url(../images/productswich_original.png);
	background-size: 100% auto;
}

.slide2_btnen {
	background: url(../images/en/productswich_unsweet.png);
	background-size: 100% auto;
}

.slide3_btnen {
	background: url(../images/en/productswich_lesssweet.png);
	background-size: 100% auto;
}


.main_product_container {
	padding: 80px 0;
}

.product_detail_container{
	background: #FFFBEA;
}

.product_detail_container h2{
	font-size: 46px;
	color: #124473;
}

.product_detail_container h2.red {
	color: #CB0000;
}

.product_detail_container p{
	font-size: 28px;
}

.pro_de_flex .row{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

.pro_de_flex .row.flip > div h2{
	text-align: right;
}

.pro_de_flex .row.flip > div p{
	text-align: right;
}

.product_intro {
	margin-bottom: 50px;
}

.product_middle {
	margin-top: 80px;
}

.product_middle_2 {
	margin: 50px 0 20px;
}

.benefits {
	padding-top: 60px;
	padding-bottom: 60px;
}

.benefits img{
	width: 100px;
	margin: 10px 0;
}

.benefits h3{
	font-size: 28px;
}

.benefits p{
	font-family: sans-serif;
	font-size: 14px;
}

.end_text {
	background: #FFFBE8;
	padding-bottom: 30px;
}

.only_green {
	display: none;
}

.img3_2 {
	display: none;
}

.img2_2 {
	display: none;
}

.page_head video{
	width: 100%;
	display: block;
}

.veg_benefit {
	display: none;
}

.benefits .row > div {
	margin-bottom: 20px;
}


.veg_benefit > div:nth-child(4n+1){
	clear: left;
}

.tips_list > li:nth-child(3n+1){
	clear: left;
}

.mobile_nav2 {
	max-width: 400px;
	border-top: grey 1px solid;
	width: 90%;
	margin: auto;
}

.mobile_nav2 .mobile_nav{
	margin-top: 0;
	padding-top: 30px;
}

.mobile_lang .lang {
	width: 45px;
	height: 45px;
	font-size: 24px;
	margin: 0 5px;
	line-height: 47px;
}

.mobile_lang .search_btn {
	margin: 0 5px;
}

.icon {
	float: left;
	font-size: 40px;
	line-height: 0.7;
}

.q_a {
	margin-left: 80px;
	text-align: left;
}

.qa_list_home li {
	margin-top: 40px;
}

.split_block {
	background: #8CBF44;
}

.load_more_container {
	padding-bottom: 60px;
}

.faqs_content {
	background: #FFFBE8 url(../images/faq_pattern.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	padding: 80px 0 60px;
}

.search_result_content {
	background: #FFFBE8 url(../images/search_bg.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	padding: 80px 0 60px;
}

.faqs_list {
	margin-top: 50px;
}

.faqs_list li {
	padding: 50px 100px;
	border-radius: 30px;
	background: #EF5B60;
	margin-bottom: 30px;
}

.faqs_list li.green_bg{
	background: #C0CF5A;
}

.faqs_list li.blue_bg {
	background: #88DAD4;
}

.faqs_list li.yellow_bg {
	background: #FBBC4C;
}

.faqs_list li:last-child {
	margin-bottom: 0;
}

.question {
	margin-bottom: 20px;
}

.cat a{
	display: inline-block;
	border-radius: 30px;
	font-size: 28px;
	color: #fff;
	padding: 3px 30px 1px;
	margin: 0 10px;
}

.cat a.news_cat {
	background: #D8D8D8;
}

.cat a.news_cat.active {
	background: #71B940;
}

.cat a.promo_cat {
	background: #D8D8D8;
}

.cat a.promo_cat.active {
	background: #B42986;
}

.promo_cat {
	background: #B42986;
}

.news_cat {
	background: #71B940;
}

.post_cat {
	margin-bottom: 20px;
}

.post_cat a {
	display: inline-block;
	font-size: 14px;
	padding: 2px 10px 0;
	border-radius: 10px;
	margin-right: 10px;
}

.post_cat_in {
	margin-top: 20px;
}

.post_cat_in a {
	display: inline-block;
	font-size: 14px;
	padding: 2px 10px 0;
	border-radius: 10px;
	margin-right: 10px;

}

.tip_cat a{
	display: inline-block;
	font-size: 14px;
	padding: 2px 10px 0;
	border-radius: 10px;
	margin-right: 10px;
}

.year_main_cat {
	background: #D8D8D8;
}

.year_main_cat.active {
	background: #F89832;
}

.tip_sub_filter {
	margin-top: 20px;
}

.tip_sub_filter a{
	background: #D8D8D8;
}

.tip_sub_filter a.active{
	background: #3CBDF1;
}

.year_cat {
	background: #F89832;
}

.tips_cat {
	background: #3CBDF1;
}

.fb_comment {
	margin-bottom: 40px;
}

.share {
	margin-top: 10px;
}

.share a{
	display: inline-block;
	margin-right: 5px;
	margin-top: 7px;
}

.search_pop_container {
	position: fixed;
	background:  #FFFBE8 url(../images/search_bg.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20;
	display: none;
}

.search_form {
	width: 100%;
}

.search_box {
	background: transparent;
	border: none;
	border-bottom: 1px solid #5F5F5F;
	font-size: 72px;
	line-height: 0;
	width: 82%;
}

.search_submit {
	display: inline-block;
	width: 46px;
	height: 45px;
	background: url(../images/search_grey_btn.svg);
	background-size: 100%;
	border: 0;
	text-indent: -9999px;
	padding: 0;
	vertical-align: middle;
}

.close_search_btn {
	display: inline-block;
}

.search_result {
	background: #fff;
	border-radius: 30px;
	padding: 25px 40px;
	margin-top: 30px;
}

.result_list li{
	margin-bottom: 20px;
}

.result_list li a{
	font-family: sans-serif;
	font-size: 16px;
	color: #000;
}

.inside_search {
	max-width: 340px;
	width: 100%;
	margin: auto;
	margin-bottom: 30px;
}

.inside_search_box {
	border: 1px solid #979797;
	border-radius: 5px;
	font-size: 16px;
	color: #000000;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	background: #fff url(../images/search_btn.svg) no-repeat;
	background-position: 95% center;
}

.signin_box {
	background: #fff;
	border-radius: 30px;
	padding: 40px 15px;
	margin-top: 30px;
}

.signin_content {
	width: 100%;
	max-width: 340px;
	margin: auto;
}

.signin_content p{
	font-size: 14px;
}

.or {
	position: relative;
	text-align: center;
	margin: 40px 0;
}

.or:before {
	content: "";
	height: 1px;
	width: 100%;
	background: #4B3627;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 5;
}

.or span {
	display: inline-block;
	background: #fff;
	position: relative;
	z-index: 10;
	padding: 0 5px;
	font-size: 14px;
}

.input_box_container {
	margin-bottom: 20px;
}

.input_box_container label {
	font-size: 14px;
	color: #4B3627;
}

.input_box {
	border: 1px solid #979797;
	border-radius: 5px;
	font-size: 16px;
	color: #000000;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	font-family: sans-serif;
}

.full_gold {
	width: 100%;
	margin: 0;
	background-image: linear-gradient(-90deg, #D7B153 0%, #FFF39B 49%, #D2AD53 98%);
	box-shadow: 0 3px 8px 0 rgba(163,163,163,0.50);
	border-radius: 26px;
	border: 0;
}

.the_form {
	margin-bottom: 40px;
}

.blue_a {
	font-size: 14px;
	color: #3C6CD0;
	text-decoration: underline;
}

.blue_a:hover {
	font-size: 14px;
	color: #3C6CD0;
	text-decoration: none;
}

p.form_head {
	font-size: 16px;
	margin-bottom: 30px;
}

.term_sentence {
	font-size: 10px !important;
	margin-top: 20px;
}

.term_sentence a{
	font-size: 10px !important;
}

.account_name {
	color: #3C6CD0;
	margin-bottom: 30px;
}

.account_info_head {
	margin-bottom: 5px;
}

.account_info_head h3 {
	font-size: 16px;
	font-weight: 700;
}

.account_info_detail {
	font-family: sans-serif !important;
	margin-bottom: 30px;
	font-size: 14px !important;
}

.account_info_detail h4{
	display: inline-block;
	font-size: 14px;
	line-height: normal;
}

.account_info_detail a{
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	line-height: normal;
}

.select_box {
	border: 1px solid #979797;
	border-radius: 5px;
	font-size: 16px;
	color: #000000;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	font-family: sans-serif;
	-webkit-appearance: none;
	background: #fff url(../images/select_arrow.svg) no-repeat;
	background-position: 95% center;
}

#child2, #child3, #child4 {
	display: none;
}

.shop_list li{
	display: block;
	max-width: 225px;
	margin: 30px auto 0;
}

.slick-slider * { outline: none !important; }

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

}

@media only screen and (max-width : 991px) {
	.veg_benefit > div:nth-child(4n+1){
		clear: none;
		margin-bottom: 30px;
	}

	#home_header .header_con{
		height: 52px;
	}

	#home_header .header_bottom{
		background: #fff;
	}

	.main_nav {
		display: none;
	}

	.mobile_nav_btn {
		display: block;
	}

	.news_list li h2{
		font-size: 32px;
	}

	.tips_list li h3{
		font-size: 24px;
		margin-bottom: 10px;
	}

	#home_body {
		padding-top: 79px;
	}

	.slide_text {
		padding-top: 0;
	}

	.home_tips {
		padding: 45px 0 80px;
	}

	.divider {
		margin-top: -56px;
	}

	.main_product_container {
		padding: 80px 0 40px;
	}

	.benefits .row > div {
		margin-bottom: 20px;
	}

	.benefits .row > div:nth-child(3n+1){
		clear:left;
	}

	.veg_benefit > div:nth-child(4n+1){
		clear: none;
	}

	.product_slide_tablet {
		margin-top: 40px;
	}

	.logo {
		position: absolute;
		left: 15px;
		top: 8px;
		width: 140px;
	}

	.header_right {
		display: none;
	}

	.faqs_list li {
		padding: 50px;
	}

	.search_box {
		line-height: normal;
		-webkit-appearance: none;
	}
}

@media only screen and (max-width : 767px) {
	.logo {
		width: 80px;
		display: block;
	}

	#home_header .header_con {
		height: 37px;
	}

	.header_con {
		height: 37px;
		padding: 0;
	}

	.mobile_nav_btn {
		bottom: 5px;
	}

	.header_top h3 {
		font-size: 12px;
		padding-left: 12px;
	}

	.header_top {
		padding: 5px 0 0;
	}

	.mobile_nav {
		text-align: center;
		margin-top: 100px;
	}

	.mobile_nav li a{
		font-size: 28px;
		color: #057EC3;
	}

	.footer_nav {
		text-align: center;
		margin-bottom: 10px;
	}

	.footer_nav h3{
		margin-bottom: 5px;
	}

	body {
		padding-top: 55px;
	}

	.page_head h1 {
		font-size: 30px;
		color: #fff;
	}

	.new_img {
		border-radius: 20px;
	}

	.tips_list {
		margin-top: 30px;
	}

	.tips_list_container {
		background: #fffae8 url(../images/momtips-pattern.png) no-repeat;
		background-position: center top;
		background-size: 180% auto;
	}

	.news_list_container {
		background: #fffae8 url(../images/news-pattern.png) no-repeat;
		background-position: center top;
		background-size: 180% auto;
	}

	.news_head {
		font-size: 24px;
		margin: 20px 0 5px;
	}

	.news_date {
		font-size: 16px;
	}

	.news_text {
		margin-top: 20px;
	}

	.home_section_head {
		display: inline-block;
		line-height: normal;
		height: 33px;
		color: #fff;
		background: #CB2525;
		font-size: 30px;
		padding: 0 20px;
		-webkit-border-top-left-radius: 30px;
		-webkit-border-bottom-right-radius: 30px;
		-moz-border-radius-topleft: 30px;
		-moz-border-radius-bottomright: 30px;
		border-top-left-radius: 30px;
		border-bottom-right-radius: 30px;
	}

	.home_tips:before {
		width: 76px;
		height: 48px;
	}

	.slide_img_con {
		width: 100%;
		float: none;
		padding-left: 0;
	}

	.slide_text {
		width: 100%;
		float: none;
		padding-right: 0;
		padding-top: 20px;
	}

	.slide_text h3 {
		font-size: 28px;
		margin-bottom: 10px;
	}

	.divider {
		margin-top: -25px;
	}

	.product_home_container {
		background: url(../images/soymilk-mobile.jpg);
		background-size: cover;
		background-position: center;
		margin-top: -30px;
		position: relative;
		z-index: 0;
		padding-top: 60px;
		padding-bottom: 50px;
	}

	.contact_detail h4 {
		font-size: 24px;
		margin-top: 20px;
	}

	.contact {
		background: #8CBF44;
		padding: 40px 0 50px;
	}

	#home_body {
		padding-top: 55px;
	}

	.main_product_container {
		padding: 40px 0 40px;
	}

	.product_slide_tablet {
		margin-top: 40px;
	}

	.product_detail_container h2 {
		font-size: 30px;
	}

	.product_detail_container p {
		font-size: 22px;
	}

	.pro_de_flex .row {
		display: block;
		margin-bottom: 40px;
		text-align: center;
	}

	.pro_de_flex .row > div{
		margin-top: 25px;
	}

	.pro_de_flex .row.flip > div {
		margin-top: 25px;
	}

	.pro_de_flex .row.flip > div p {
		text-align: center;
	}

	.pro_de_flex .row.flip > div h2 {
		text-align: center;
	}

	.flip_img {
		margin-bottom: 20px;
	}

	.product_middle_2 {
		margin: 0px 0 20px;
	}

	.benefits p {
		font-family: sans-serif;
		font-size: 14px;
		margin-bottom: 20px;
	}

	.benefits {
		padding-top: 10px;
		padding-bottom: 0;
	}

	.pro_slide h2 {
		font-size: 30px;
		color: #fff;
		-webkit-text-stroke-width: 1px;
		margin-bottom: 20px
	}

	.pro_slide h3 {
		font-size: 24px;
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.pro_slide p {
		font-size: 20px;
		line-height: normal;
	}

	.logo {
		position: absolute;
		left: 15px;
		top: 5px;
		width: 90px;
	}

	.copyrights {
		text-align: center;
	}

	.faq_home {
		background: #FBD44D;
		padding: 40px 0 50px;
	}

	.q_a {
		margin-left: 50px;
		text-align: left;
	}

	.tips_list > li:nth-child(3n+1){
		clear: none;
	}

	.faqs_list li {
		padding: 30px 15px;
	}

	.faqs_content {
		padding: 40px 0 40px;
		background-size: 170% auto;
	}

	.faqs_list {
		margin-top: 30px;
	}

	.cat a{
		display: inline-block;
		border-radius: 20px;
		font-size: 20px;
		color: #fff;
		padding: 3px 20px 0;
		margin: 0 3px;
	}

	.search_box {
		font-size: 43px;
		width: 79%;
	}

	.search_pop_container .make_center{
		width: 100%;
	}

	.search_btn img {
		width: 30px;
	}

	.close_search_btn img {
		width: 24px;
	}
	.search_pop_container {
		background-size: 170% auto;
	}

	.search_result_content {
		background-size: 170% auto;
		padding: 40px 0 40px;
	}

	.search_submit {
		width: 26px;
		height: 25px;
	}
}