@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
}
body {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../img/background/main-recipe.jpg) no-repeat;
	background-attachment: fixed;
	background-size: cover;
	font-family: 'BebasNeue Regular';
	font-size: 12px;
	color: #FFF;
}

a {
	text-decoration: none;
	outline: none;
	display: block;
}

ul {
	margin: 0;
	padding: 0;
	display: table;
}

li {
	list-style: none;
	float: left;
}
.clear {
	clear: both;
}
.wrapper:not(.cont) {
	width: 960px;
	margin: auto;
}
#header {
	width: 100%;
	height: 100px;
	background: url(../img/background/header.png);
	position: fixed;
	z-index: 9999;
}
#header ul {
	width: 100%;
}
#header li {
	width: 130px;
	height: 61px;
	margin: 12px 0px;
	text-align: center;
	border-left: 2px dotted #940C12;
}
#header li:first-child {
	border-left: none;
}
#header li.logo-spot {
	width: 183px;
	height: 130px;
	background: url(../img/background/logo-spot.png);
	border: none;
	margin: -6px;
	position: relative;
	z-index: 1;
}
#header li:last-child {
	width: 128px;
}
#header li a {
	height: 61px;
	padding: 14px 0px;
	margin-top: -12px;
	overflow: hidden;

	-webkit-transition: all, 0.75s;
	-moz-transition: all, 0.75s;
	-ms-transition: all, 0.75s;
	-o-transition: all, 0.75s;
	transition: all 0.75s;
}
#header li.logo-spot a {
	width: 193px;
	height: 193px;
	position: absolute;
	top: -48px;
	left: -5px;
}
#header li:last-child a {
	font-size: 16px;
	color: #FFF;
	line-height: 60px;
}
#header li:hover a, #header li a.current {
	background: #A40D14;

	-webkit-transition: all, 0.75s;
	-moz-transition: all, 0.75s;
	-ms-transition: all, 0.75s;
	-o-transition: all, 0.75s;
	transition: all, 0.75s;
}

/* added by agung */
#header li:hover a.current-member {
	background: #FFF;
	color: #333;

	-webkit-transition: all, 0.75s;
	-moz-transition: all, 0.75s;
	-ms-transition: all, 0.75s;
	-o-transition: all, 0.75s;
	transition: all, 0.75s;
}

#header li:hover a.current-blogger {
	background: #333;
	color: #FFF;

	-webkit-transition: all, 0.75s;
	-moz-transition: all, 0.75s;
	-ms-transition: all, 0.75s;
	-o-transition: all, 0.75s;
	transition: all, 0.75s;
}

#header li a.inactive {
	cursor:default;
}

#header li a.inactive:hover {
	background:none;
}

#header li.logo-spot a:hover {
	background: none;

	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
#header li:last-child a img {
	margin: auto;
	display: block;
}
#header li:last-child a img.img-member {
    width: 100%;
    height: 100%;
    margin-top: 5px;
    border-radius: 50%;
}
#header ul li .submenu {
	display: none;
}
#header ul li .submenu li {
	width: inherit;
	height: 40px;/*height: 37px; commented by agung*/
	margin: 0;
	border: none;
}
#header ul li .submenu li a {
	height: 40px; /* height: 37px; commented by agung*/
	background: #A40D14;
	border-top: 1px solid #72090E;
	margin-top: 0;
	padding: 0;
	font-size: 16px;
	line-height: 40px;
}
#header ul li .submenu li a:hover {
	background: #E11E26;
}

/* added by agung */
#header ul li .submenu li a.member {
	height: 40px !important;
	background: #FFF;
	color: #333;
	border-top: 1px solid #CCC;
	margin-top: 0 !important;
	padding: 0;
	font-size: 16px;
	line-height: 40px !important;
}
#header ul li .submenu li a.member:hover {
	background: #EEEEEE;
}
#header ul li .submenu li a.member span {
	min-width: 91px;
    height: 30px;
	padding: 6px;
    background: #ED1C24;
    border: none;
    border-radius: 15px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.25s;
}

#header ul li .submenu li a.blogger {
	height: 40px;
    background: #333;
    color: #FFF;
    border-top: 1px solid #595A5D;
    margin-top: 0;
    padding: 0;
    font-size: 16px;
    line-height: 40px;
}
#header ul li .submenu li a.blogger:hover {
	background: #666666;
}
#header ul li .submenu li a.blogger span {
	min-width: 91px;
    height: 30px;
	padding: 6px;
    background: #ED1C24;
    border: none;
    border-radius: 15px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.25s;
}
/* end added by agung */

#header ul li .submenu li a img {
	display: inline-table;
	vertical-align: middle;
	margin-right: 6px;
	margin-top: -4px;
}

/* added by agung */
#header ul li .submenu li a.member img,
#header ul li .submenu li a.blogger img  {
    display: inline-table;
    vertical-align: middle;
    margin: 1px 2px;
    width: 12%;
}

#content {
	padding-top: 92px;
}

/* agung  */
#content-member {
	padding-top: 20px;
}

 .wrapper.fluid {
	min-width: 1205px;
	width: calc(100% - 214px) !important;
}
.wrapper.cont{
	/*width: calc(100% - 144px);*/
	margin:0 auto;
}

.home .wrapper.cont:after {
  content: ' ';
  display: block;
  clear: both;
}

#content .center-menu {
	height: 41px;
	line-height: 25px;
}
.top-bar {
	background: #FFF;
	margin: 10px 0px;
	position: relative;
}
.center-menu > div {
	float: left;
	height: 25px;
	margin: 8px 0px;
}
.center-menu .dropdown, .center-menu .search-box {
	border-right: 1px solid #FFCC00;
}
.center-menu .dropdown > a {
	height: 25px;
	padding: 8px 14px;
	margin-top: -8px;
}
.center-menu .dropdown2 > a {
	height: 25px;
	padding: 8px 14px;
	margin-top: -8px;
}
.center-menu .search-box {
	float: right;
	border-right: none;
	border-left: 1px solid #E11E26;
	padding: 0;
	margin: 8px 14px;
}
.center-menu .dropdown #text {
	float: left;
	font-size: 18px;
	color: #E01E26;
	text-transform: uppercase;
}
.center-menu .dropdown #arrow {
	float: left;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	margin: 9px 0px 0px 8px;
}
.center-menu .dropdown #arrow.up {
	border-bottom: 5px solid #E11E26;
}
.center-menu .dropdown #arrow.down {
	border-top: 5px solid #E11E26;
}
.center-menu .dropdown .filter-by-tags {
	height: 0;
	background: #FFF;
	box-shadow: 0px 0px 4px 0px #000;
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Bold';*/
	font-size: 14px;
	position: absolute;
	z-index: 999;
	top: 40px;
	display: none;

/*
	-webkit-transition: height, 1s;
	-moz-transition: height, 1s;
	-ms-transition: height, 1s;
	-o-transition: height, 1s;
	transition: height, 1s;
	*/
}
.center-menu .dropdown .filter-by-tags.slide {
	height: 449px; /* height: 407px; updated by agung */
	display: block !important;
/*
	-webkit-transition: height, 1s;
	-moz-transition: height, 1s;
	-ms-transition: height, 1s;
	-o-transition: height, 1s;
	transition: height, 1s;
	*/
}

.center-menu .dropdown .filter-by-tags .yellow-arrow {
	width: 0;
	height: 0;
	border-bottom: 10px solid #FFCC33;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	top: -10px;
	left: 32px;
}
.center-menu .dropdown .filter-by-tags .tags-collection {
	border-top: 4px solid #FFCC33;
}
.center-menu .dropdown .filter-by-tags ul {
	float: left;
	border-right: 1px solid #FFCC33;
}
.center-menu .dropdown .filter-by-tags ul:last-child {
	border-right: none;
}
.center-menu .dropdown .filter-by-tags li {
	width: auto;
	float: none;
	border-bottom: 1px dotted rgba(0,0,0,.5);
}
.center-menu .dropdown .filter-by-tags li:last-child {
	/*border-bottom: none;*/
}
.center-menu .dropdown .filter-by-tags li a {
	height: 30px;
	line-height: 30px;
	color: #713C1C;
}
.center-menu .dropdown .filter-by-tags li a:hover {
	background: #FFCC33;
}
.center-menu .dropdown .filter-by-tags li span {
	display: table;
	float: left;
}
.center-menu .dropdown .filter-by-tags li .tag {
	padding-left: 10px;
	padding-right:10px;
	border-right: 1px dotted rgba(200,23,32,.5);
	width: 160px;
	box-sizing: border-box;
}
.center-menu .dropdown .filter-by-tags li .checklist-box {
	width: 30px;
	height: 30px;
	text-align: center;
/*	display:none;*/
}

.center-menu .dropdown .filter-by-tags li .checklist-box img {
	display:none;
}
.center-menu .search-box * {
	float: left;
}
.center-menu .search-box input {
	width: 320px;
	height: 25px;
	background: none;
	border: none;
	margin-right: 14px;
	padding: 0px 10px;
	font-family: 'PT Sans', sans-serif;/*';*/
	font-style:italic;
	font-size: 12px;
	color: #333;
}
.center-menu .search-box .search-button {
	width: 24px;
	height: 24px;
	background: url(../img/icon/search.png);
}
.recipes-container {
	/*display: table;*/
	position: relative;

}
.recipes-menu {
	/*display: inline-block;*/

	margin:0 auto;
	min-height:500px;
}
.recipes-menu .col {
	max-width: 723px;
	float: left;
}
.recipes-menu > a, #recipe-contain > a.whatever {
	height: 240px;
	position: relative;
	color: #FFF;
	overflow: hidden;
}
.recipes-container .square, #recipe-contain .square {
	width: 240px;
}
.recipes-container .rectangular, #recipe-contain .rectangular {
	width: 481px;
}
.recipes-menu .second-row {
	margin-top: -240px;
}
.recipes-menu .badge {
	position: absolute;
	top: 4px;
	right: 4px;
}
.recipes-menu .recipes-collections {
	width: 26px;
	height: 31px;
	background: url(../img/icon/recipes-collections-badge.png);
}
.recipes-menu .sasa-recipes {
	width: 32px;
	height: 30px;
	background: url(../img/icon/sasa-recipes-badge.png);
}
/* agung start */
.recipes-menu .sasa-nusantara {
	width: 26px;
	height: 31px;
	background: url(../img/icon/sasa-nusantara-badge.png);
}
.recipes-menu .sasa-ramadhan {
	width: 26px;
	height: 31px;
	background: url(../img/icon/sasa-ramadhan-badge.png);
}
/* agung end */
.recipes-menu .gradient {
	width: 100%;
	height: inherit;
	position: absolute;

	-webkit-transition: all, 0.25s;
	-moz-transition: all, 0.25s;
	-ms-transition: all, 0.25s;
	-o-transition: all, 0.25s;
	transition: all, 0.25s;

	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.82) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(35%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.82))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.82) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.82) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.82) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.82) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d1000000',GradientType=0 ); /* IE6-9 */
}
.recipes-menu a:hover .gradient {
	background: rgba(0,0,0,.65);
}
.recipes-menu .search-icon {
	width: 70px;
	height: 70px;
	background: url(../img/icon/thumb-search.png);
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	margin-left: -35px;
	margin-top: -90px;

	opacity: 0;
}
.recipes-menu .rectangular .search-icon {
	margin-top: -60px;
}
.recipes-menu .thumb {
	height: 240px;
}
.recipes-menu a:hover .thumb {
	/*-webkit-filter: blur(2px);
	filter: blur(2px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');*/
	overflow: hidden;
}
.recipes-menu > .thumb img {
	height: 240px;
	width: 240px;
}
.recipes-menu .rectangular > .thumb img {
	width: 481px;
}
.recipes-menu .recipe-name {
	max-width: 280px;
	font-size: 36px;
	text-align: right;
	text-transform: uppercase;
	line-height: 36px;
	position: absolute;
	bottom: 10px;
	right: 14px;
}
.recipes-menu .recipe-name p {
	margin: 0;
	clear: both;
}
.recipes-menu .recipe-name p:first-child {
	float: right;
	opacity: 1;
}
.recipes-menu a:hover p:first-child {
}
.recipes-menu .recipe-name p:last-child {
}
.recipes-menu .recipe-name span {
	display: table;
	float: left;
	margin-left: 18px;
	font-family: 'Arial';
	font-size: 14px;
}
.recipes-menu .recipe-name span:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.recipes-menu .recipe-name .liked:before {
	width: 20px;
	height: 18px;
	background: url(../img/icon/liked.png);
}
.recipes-menu .recipe-name .viewed:before {
	width: 24px;
	height: 17px;
	background: url(../img/icon/viewed.png);
}
.recipes-menu .big-square {
	width: 481px;
	height: 481px;
	/*
	float: left;
	background: #DDDDDD;
	*/
	display:block;
}

.recipes-menu .big-square img {
	width: 481px;
	height: 481px;
	/*
	float: left;
	background: #DDDDDD;
	*/
	display:block;
}

/*
.recipes-menu .big-square .wrapper {
	min-width: inherit;
	width: auto;
	margin: 20px 20px 0px 20px;
}
.recipes-menu .big-square .recipe-name {
	float: left;
	margin: 0px;
	max-width: 300px;
	text-align: left;
	color: #333;
	position: relative;
	bottom: 0;
	right: 0;
}
.recipes-menu .big-square .red-line {
	width: 238px;
	height: 2px;
	background: #E11E26;
	float: left;
	margin-top: 10px;
}
.recipes-menu .big-square p {
	font-family: 'Dustismo Roman Bold';
	font-size: 14px;
	color: #666;
	float: left;
}
.recipes-menu .big-square a {
	height: auto;
}
.recipes-menu .big-square a .icon {
	float: left;
	width: 50px;
	height: 50px;
	background: url(../img/icon/read-more.png);
	position: relative;
}
.recipes-menu .big-square a .text {
	width: 141px;
	height: 30px;
	float: left;
	margin: 10px 0px 10px -15px;
	background: #ED1C24;
	border-radius: 20px;
	font-family: 'Airbag Regular';
	font-size: 18px;
	color: #FFF;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
}
.recipes-menu .big-square .thumb img {
	width: auto;
	height: auto;
	margin: -30px 0px 0px 10px;
}
*/

/* Recipes Content Starts Here */
.recipe-container {
}
.recipe-container .wrapper {
	display: table;
	position: relative;
}
.wrapper > a.kembali {
	margin: 14px 0px;
	font-size: 18px;
	color: #333;
	text-transform: uppercase;

	position: relative;
	left: 0px;
	transition: left 0.25s;
}
.vidzoom a.kembali {
	margin: 14px 0px;
	font-size: 18px;
	color: #333;
	text-transform: uppercase;

	position: relative;
	left: 0px;
	z-index: 10000;
	transition: left 0.25s;
}
.wrapper > a.kembali:hover, .vidzoom a.kembali:hover {
	left: -10px;
	transition: left 0.25s;
}
.wrapper > a.kembali:before, .vidzoom a.kembali:before {
	content: '';
	display: inline-block;
	width: 23px;
	height: 13px;
	background: url(../img/icon/left-bow.png);
	margin-right: 5px;
}
.wrapper > a.kembali:after, .vidzoom a.kembali:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 11px;
	background: url(../img/icon/right-bow.png);
	margin-left: 5px;
}
.vidzoom a.kembali {
	font-family: 'BebasNeue Regular';
	left: 10px;
	margin-top: 0;
	text-align: left;
}
.vidzoom a.kembali:hover {
	left: 0px;
}
.parent-recipe {
	display: table;
}
.recipe-content {
	width: 830px;
	min-height: 498px;
	background: url(../img/background/recipe-content.png) #FFF center top;
	float: left;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,.5);
}
.recipe-content .top-article-bar {
	display: table;
	width: 100%;
	background: rgba(255,204,51,.15);
	position: relative;
}
.recipe-content .sidebar {
	width: 90px;
	height: 100%;
	float: left;
}
.recipe-content .spot {
	width: 90px;
	float: left;
	padding: 10px 0px;
}
.recipe-content .cooking-time {
	height: 64px;
	padding: 0;
}
.recipe-content .cooking-time .centered {
	width: 90px;
	height: 64px;
	position: absolute;
	top: 50%;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.recipe-content .bookmarks {
	padding-top: 15px;
}
.recipe-content .spot span {
	display: table;
	margin: auto;
}
.recipe-content .spot .icon {
	width: 50px;
	height: 50px;
	background: url(../img/icon/recipes-left-side.png);
}
.recipe-content .spot .number {
	font-size: 18px;
	color: #999;
	margin-top: 10px;
}
.recipe-content .cooking-time .icon {
	width: 30px;
	height: 36px;
	background-position: -10px -7px;
}
.recipe-content .bookmarks .icon {
	background-position: -55px 0px;
}
.recipe-content .bookmarks .loginfirst .icon {
	background-position: -55px -55px;
}
.recipe-content .likes .icon {
	background-position: -110px 0px;
}
.recipe-content .likes .loginfirst .icon {
	background-position: -110px -55px;
}
.recipe-content .shares .icon {
	background-position: -165px 0px;
}
.recipe-content .shares .loginfirst .icon {
	background-position: -165px -55px;
}
.recipe-content .cooking-time .number {
	font-size: 21px;
	color: #333;
	margin-top: 5px;
}
.recipe-content .about-recipe, .recipe-content .about-recipe {
	float: left;
	width: 738px;
	min-height: 406px;
	border-left: 1px solid #ED1C24;
	position: relative;
}
.recipe-content .top {
	float: left;
	min-height: 92px;
	border-left: 1px solid #ED1C24;
	padding-left: 18px;
}
.recipe-content .cooking-instruction .top {
	padding-left: 10px;
}
.recipe-content .top h2 {
	/*max-width: 720px;*/
	max-width: 580px;
	font-size: 48px;
	color: #333;
	margin: 0;
	padding-top: 16px;
	padding-bottom: 7px;
}
.recipe-content .cooking-instruction .top h2 {
	line-height: 92px;
	padding-top: 0px;
}
.recipe-content .top .source {
	line-height: 30px;
	background: #D8AC85;
	border-radius: 20px;
	display: table;
	margin-bottom: -14px;
	position: relative;
	z-index: 1;
}
.recipe-content .top .source a {
	font-family: 'Arial';
	font-size: 12px;
	font-style: italic;
	color: #FFF;
	padding: 0px 12px;
}
.recipe-content .area-name {
	width: 100px;
	height: 100px;
	background: url(../img/icon/location-name.png);
	position: absolute;
	top: -40px;
	right: 30px;
	display: table;
	vertical-align: middle;
}
.recipe-content .area-name span {
	font-size: 21px;
	color: #ED1C24;
	text-align: center;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
}

.recipe-content .about-recipe .ingredients, .how-to-make, .recipe-desc {
	float: left;
	width: 510px;
	margin-left: 10px;
	margin-top: 32px;
}
.recipe-content .cooking-instruction .ingredients, .how-to-make, .recipe-desc {
	margin: 10px 0px 30px 10px;
}

.recipe-desc {
	margin-top: 32px;
	margin-bottom:0;
}

.recipe-content .about-recipe .how-to-make {
	width: 610px;
}
.recipe-content h3 {
	margin: 0px;
	margin-bottom: 10px;
	font-size: 21px;
	font-weight: normal;
	color: #FF9900;
	text-transform: uppercase;
}
.recipe-content ul {
	width: inherit;
}
.recipe-content li {
	border-bottom: 1px dotted #ED1C24;
	float: none;
	padding:8px 0;
}
.recipe-content .how-to-make li {
	line-height: normal;
	padding: 15px 0px;
	height: auto;
}
.recipe-content .how-to-make li span {
	display: table-cell;
	float: none;
	vertical-align: middle;
}
.recipe-content .how-to-make li .image-thumb {
/*	width: 218px;
	height: 148px;
	*/

	background: #FFF;
	border: 1px solid #E4E4E4;
}
.recipe-content .how-to-make li .image-thumb img {
	margin: 4px 3px;
	display: block;
}
.recipe-content .how-to-make li .type {
	width: calc(100% - 274px);
	padding-left: 14px;
}
.recipe-content li:last-child {
	border-bottom: none;
}
.recipe-content li span {
	display: table-cell;
	vertical-align:middle;
}
.recipe-content li .amount {
	font-size: 21px;
	color: #ED1C24;
	min-width: 40px;
	text-align: center;
}
.recipe-content li .type, .recipe-desc p {
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Bold';*/
	font-size: 14px;
	color: #333;
	padding-left: 14px;
	line-height: 1.5;
}

.recipe-content li .type.pembatas {
	text-transform:uppercase;
	font-weight:bold;
}

.recipe-content .tags {
	float: left;
	clear: both;
	width: 510px;
	margin-left: 10px;
	padding-bottom: 15px;
}
.recipe-content .tags span {
	font-size: 18px;
	color: #999;
}
.recipe-content .cooking-instruction .tags span {
	float: left;
	line-height: 36px;
	margin-right: 10px;
}
.recipe-content .tags .all-tags {
	margin-top: 5px;
}
.recipe-content .tags .all-tags a {
	float: left;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	color: #D8AC85;
	line-height: 24px;
	border: 1px solid #D8AC85;
	border-radius: 20px;
	margin: 0px 5px 5px 0px;
	padding: 0px 10px;

	-webkit-transition: all, 0.75s;
	-moz-transition: all, 0.75s;
	-ms-transition: all, 0.75s;
	-o-transition: all, 0.75s;
	transition: all 0.75s;
}
.recipe-content .tags .all-tags a:hover {
	background: #D8AC85;
	color: #FFF;

	-webkit-transition: all, 0.75s;
	-moz-transition: all, 0.75s;
	-ms-transition: all, 0.75s;
	-o-transition: all, 0.75s;
	transition: all 0.75s;
}
.recipe-content .top.tags {
    border: none;
    padding: 0;
    min-height: initial;
    margin-top: 10px;
    line-height: 27px;
}
.recipe-content .top.tags span {
    float: left;
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Bold';*/
	font-weight:bold;
	font-size: 14px;
	color: #333;
}
.recipe-content .top.tags .all-tags {
    margin: 0;
    float: left;
    margin-left: 10px;
}
.recipe-image {
	position: absolute;
	right: 0px;
	top: 120px;
}
.recipe-image .thumb {
	width: 300px;
	height: 300px;
	float: right;
	position: relative;
}
.recipe-image .thumb .view {
	width: 300px;
	height: 300px;
	position: absolute;
	top: 5px;
	left: 5px;
	background: url(../img/icon/recipe-view.png) no-repeat center;
	background-color: rgba(0,0,0,.6);
	border-radius: 150px;
	opacity: 0;
	transition: opacity 0.25s;
}
.recipe-image .thumb a:hover .view {
	opacity: 1;

	-webkit-transition: all, 0.75s;
	-moz-transition: all, 0.75s;
	-ms-transition: all, 0.75s;
	-o-transition: all, 0.75s;
	transition: all 0.75s;
}
.recipe-image .thumb img {
	border: 5px solid #ED1C24;
	border-radius: 300px;
}
.recipe-image .full-recipe-tag {
	width: 120px;
	height: 120px;
	float: left;
	position: relative;
	top: 242px;
	left: 100px;
	font-size: 32px;
	text-align: center;
}
.recipe-image .full-recipe-tag a {
	height: 74px;
	background: url(../img/icon/full-recipe.png);
	padding: 23px 0px;
	color: #FFF;
	transition: background 0.5s;
}
.recipe-image .full-recipe-tag a:hover {
	background: url(../img/icon/full-recipe-hover.png);
	transition: background 0.5s;
}
.recipe-image .play-recipe-video {
	width: 100px;
	height: 100px;
	float: left;
	position: relative;
	top: 242px;
	left: 100px;
}
.recipe-image .play-recipe-video a {
	height: 100px;
	background: url(../img/icon/play-recipe-video.png);
}
.related-recipe {

}
.related-recipe h2, .popular-article h2 {
	font-family: 'Airbag Regular';
	font-size: 28px;
	font-weight: normal;
	color: #333;
	text-transform: uppercase;
	display: table;
	margin: 25px auto;
	border-bottom: 2px solid #E11E26;
	padding-bottom: 8px;
}
.related-recipe .recipes-menu .col {
	max-width: 964px;
}
.related-recipe .recipes-menu a {
	float: left;
}
.related-recipe .recipes-menu a:hover .thumb {
	-webkit-filter: blur();
	filter: blur();
}
.popular-article {
	width: 25%;
	float: right;
}
.video .popular-article {
	width: 100%;
	float: none;
}
.popular-article h2 {
	margin: 0px 0px 15px 0px;
}
.video .popular-article h2 {
	margin: 25px auto;
}
.popular-article .article-group .menu {
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
.video .popular-article .article-group .menu {
	width: 48.96%;
	height: 180px;
	float: left;
	margin-bottom: 20px;
}
.video .popular-article .article-group .menu:nth-child(even) {
	float: right;
}
.video .popular-article .article-group .thumb {
	width: 180px;
	height: inherit;
	float: left;
}
.video .popular-article .article-group .menu-content {
	width: 61.7%;
	height: inherit;
	float: left;
}
.popular-article .article-group .menu > a {
	width: inherit;
}
.popular-article .article-group .menu-content {
	width: inherit;
	height: auto;
	border-top: none;
	padding-bottom: 1px;
}
.popular-article .article-group .text {
	height: auto;
}
.video .popular-article .article-group .text {
	margin: 19px auto;
	height: 107px;
	width: 230px;
}
#overlay {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.74);
	position: fixed;
	top: 0;
	z-index: 4;
}
#overlay .wrapper {
	height: 360px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -180px;
	margin-left: -480px;
}
#overlay .video-container {
	height: inherit;
	background: url(../img/background/video-player.jpg);
	box-shadow: 0px 0px 5px 0px #000;
}
#overlay .video-container .video {
	width: 640px;
	height: inherit;
	float: left;
	position: relative;
}
#overlay .video-container .about-video-container {
	width: 320px;
	height: inherit;
	float: left;
}
#overlay .video-container .centered {
	margin: 30px;
	color: #333;
}
#overlay .video-container h2 {
	border-bottom: 2px solid #FFCC33;
	padding-bottom: 10px;
}
#overlay .video-container p {
	font-family: 'Dustismo Roman Regular';
}
#overlay .video-container .article-option {
	height: 40px;
	background: #EFEFEF;
}
#overlay .video-container .add-to-fav {
	width: 40px;
	height: 40px;
	float: right;
	background: url(../img/icon/video-add-to-fav.png) no-repeat center;
	background-color: #FF2020;
	margin-left: 5px;
}
#overlay .video-container .share-to-socmed {
	float: right;
	margin: 6px 0px;
}
#overlay .video-container .share-to-socmed a {
	background: url(../img/icon/socmed-share-video.png);
}
#overlay .video-container .share-to-socmed a.facebook {
}
#overlay .video-container .share-to-socmed a.twitter {
	background-position: -36px 0px;
}
#overlay .video-container .share-to-socmed a.gplus {
	background-position: -72px 0px;
}
#overlay .video-container .share-to-socmed a.pinterest {
	background-position: -109px 0px;
}
/* Recipes Content Ends Here */

/* Article Content Starts Here */
.article-container {
	position: relative;


}
.article-group {
	/*position: relative;*/
	min-height:100%;
	width:100%;
	margin:0 auto;
}
.article-group .menu {
	width: 225px;
	background: #FFF;
	box-shadow: 0px 0px 5px 0px rgba(102,102,102,.9);
	position: absolute;
}
.article-group .menu > a {
	width: 225px;
	margin-bottom: -2px;
	position: relative;
	overflow: hidden;
}
.article-group .menu > a img {
	max-width: 100%;
}
.article-group .menu > a .gradient {
	width: 225px;
	height: 225px;
	position: absolute;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.82) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(35%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.82)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.82) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.82) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.82) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.82) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d1000000',GradientType=0 );
}
.article-group .menu > a .simple-details {
	position: absolute;
	bottom: 8px;
	left: 8px;
}
.article-group .menu > a .simple-details span {
	display: table;
	float: left;
	margin-right: 10px;
	font-size: 18px;
	color: #FFF;
}
.article-group .menu > a .simple-details .preparation-time:before, .simple-details .viewed:before {
	content: '';
	display: inline-block;
}
.article-group .menu > a .simple-details .preparation-time:before {
	width: 18px;
	height: 22px;
	background: url(../img/icon/preparation-time.png);
	margin: 0px 5px -3px 0px;
}
.article-group .menu > a .simple-details .viewed:before {
	width: 23px;
	height: 16px;
	background: url(../img/icon/yellow-viewed.png);
	margin: 4px 5px -2px 0px;
}
.article-group .menu-content {
	width: 225px;
	background: url(../img/background/article-menu.png);
	border-top: 4px solid #E11E26;
}
.article-group .text {
	margin: 7px;
	text-align: center;
}
.article-group .text a {
	font-size: 24px;
	height: auto;
	color: #333;
	text-transform: uppercase;
}
.article-group .text p {
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Bold';*/
	color: #666;
	margin: 7px 0px 14px 0px;
}
.article-group .bottom-menu {
	border-bottom: 1px solid #CCC;
}
.video .article-group .bottom-menu {
	height: 35px;
	border-bottom: 0;
	background: #EFEFEF;
}
.article-group .bottom-menu .sharelink {
	margin: 0px 8px;
}
.video .article-group .bottom-menu .sharelink {
	float: right;
}
.article-group .bottom-menu a {
	width: 22px;
	height: 22px;
	background: url(../img/icon/bottom-menu.png);
	float: left;
	margin: 6px 4px 6px 0px;
	transition: background 0.25s;
}
.article-group .bottom-menu a:hover, .article-group .bottom-menu a.active {
	background: url(../img/icon/bottom-menu-hover.png);
	transition: background 0.25s;
}
.video .article-group .bottom-menu a {
	margin: 7px 4px 7px 0px;
}
.article-group .bottom-menu a.facebook, .article-group .bottom-menu a.facebook:hover {
}
.article-group .bottom-menu a.twitter, .article-group .bottom-menu a.twitter:hover {
	background-position: -26px 0px;
}
.article-group .bottom-menu a.gplus, .article-group .bottom-menu a.gplus:hover {
	background-position: -52px 0px;
}
.article-group .bottom-menu a.pinterest, .article-group .bottom-menu a.pinterest:hover {
	background-position: -78px 0px;
}
.article-group .bottom-menu a.fav, .article-group .bottom-menu a.share {
	width: 18px;
	height: 17px;
	margin: 8px 8px 7px 0px;
}
.article-group .bottom-menu a.fav, .article-group .bottom-menu a.fav:hover, .article-group .bottom-menu a.fav.active {
	background-position: 0px -23px;
}
.article-group .bottom-menu a.share, .article-group .bottom-menu a.share:hover, .article-group .bottom-menu a.share.active {
	background-position: -28px -23px;
}
.article-group .bottom-menu a.like {
	width: 18px;
	height: 16px;
	float: right;
	background-position: -102px -3px;
	margin: 8px 0px;
}
.article-group .bottom-menu a.like:hover, .article-group .bottom-menu a.like.active {
	background-position: -102px -3px;
}
.details-container {
	width: 72.92%;
	position: relative;
	float: left;
}
.video .details-container {
	width: 100%;
	float: none;
	height:330px;
}

#pinwrap {
	height:330px;
	width: 81.25%;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	box-shadow: 0px 0px 3px 0px #000;
	overflow:hidden;
}

.details-container > a {
	font-size: 18px;
	color: #333;
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
.details-container > a:before, .details-container > a:after {
	content: '';
	display: inline-block;
}
.details-container a.prev {
	left: 0px;
	transition: left 0.25s;
}

.details-container a.prev:hover {
	left: -10px !important;
	transition: left 0.25s;
}

.details-container a.next {
	right: 0px;
	transition: right 0.25s;
}

.details-container a.next:hover {
	right: -10px !important;
	transition: right 0.25s;
}
.details-container a.prev:before {
	width: 23px;
	height: 13px;
	background: url(../img/icon/left-bow.png);
	margin-right: 4px;
}
.details-container a.prev:after {
	width: 24px;
	height: 11px;
	background: url(../img/icon/right-bow.png);
	margin-left: 2px;
}
.details-container a.next:before {
	width: 24px;
	height: 11px;
	background: url(../img/icon/right-bow.png);
	margin-right: 4px;

	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.details-container a.next:after {
	width: 23px;
	height: 13px;
	background: url(../img/icon/left-bow.png);
	margin-left: 2px;

	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.details-container .parent-details, .details-container .video-container {
	width: 780px;
	height: 400px;
	margin: auto;
	box-shadow: 0px 0px 3px 0px #000;
}
.details-container .parent-details {
	width: 100%;
	height: auto;
	float: left;
}
.parent-details .share-article-container, .parent-article-content {
	float: left;
	height: inherit;
}
.share-article-container {
	position: relative;
	width: 100%;
}
.share-article-container .add-to-fav {
	width: 70px;
	height: 70px;
	background: url(../img/icon/add-to-fav.png);
	position: absolute;
	top: 0px;
	left: 0px;
}
.share-article-container .thumb {
	width: inherit;
}
.share-article-container .thumb img {
	width: 100%;
	margin-bottom: -2px;
}
.share-article-container .article-option-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: rgba(0,0,0,.5);
}
.share-article-container .article-option {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -15px;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.parent-details .share-to-socmed, .video-container .share-to-socmed {
	height: 28px;
}
.parent-details .share-to-socmed a, .video-container .share-to-socmed a, .highlight-recipe .share-to-socmed a {
	width: 29px;
	height: 28px;
	float: left;
	background: url(../img/icon/socmed-share-article.png);
	margin: 0px 4px;
	transition: background 0.25s;
}
.parent-details .share-to-socmed a:hover, .video-container .share-to-socmed a:hover, .highlight-recipe .share-to-socmed a:hover {
	background: url(../img/icon/socmed-share-article-hover.png);
	transition: background 0.25s;
}
.parent-details .share-to-socmed a.facebook, .video-container .share-to-socmed a.facebook, .highlight-recipe .share-to-socmed a.facebook {
}
.parent-details .share-to-socmed a.facebook:hover, .video-container .share-to-socmed a.facebook:hover, .highlight-recipe .share-to-socmed a.facebook:hover {
}
.parent-details .share-to-socmed a.twitter, .video-container .share-to-socmed a.twitter, .highlight-recipe .share-to-socmed a.twitter {
	background-position: -36px 0px;
}
.parent-details .share-to-socmed a.twitter:hover, .video-container .share-to-socmed a.twitter:hover, .highlight-recipe .share-to-socmed a.twitter:hover {
	background-position: -36px 0px;
}
.parent-details .share-to-socmed a.gplus, .video-container .share-to-socmed a.gplus, .highlight-recipe .share-to-socmed a.gplus {
	background-position: -72px 0px;
}
.parent-details .share-to-socmed a.gplus:hover, .video-container .share-to-socmed a.gplus:hover, .highlight-recipe .share-to-socmed a.gplus:hover {
	background-position: -72px 0px;
}
.parent-details .share-to-socmed a.pinterest, .video-container .share-to-socmed a.pinterest, .highlight-recipe .share-to-socmed a.pinterest {
	background-position: -107px 0px;
}
.parent-details .share-to-socmed a.pinterest:hover, .video-container .share-to-socmed a.pinterest:hover, .highlight-recipe .share-to-socmed a.pinterest:hover {
	background-position: -107px 0px;
}
.parent-details .likes-total, .video-container .likes-total {
	margin: 20px auto;
	display: table;
	line-height: 25px;
}
.parent-details .likes-total span, .video-container .likes-total span {
	float: left;
	font-family: 'Arial';
	font-size: 14px;
}
.parent-details .likes-total a , .video-container .likes-total a {
	width: 28px;
	height: 25px;
	background: url(../img/icon/article-liked.png);
	float: left;
	margin-left: 7px;
}
.parent-article-content {
	background: url(../img/background/article-details.png) #FFF;
	min-height: 311px;
}
.parent-article-content .article-content {
	margin: 26px;
}
.parent-article-content .article-content h2 {
	font-size: 36px;
	font-weight: normal;
	color: #333;
	text-transform: uppercase;
	margin: 10px 0px;
	border-bottom: 2px solid #FFCC00;
	padding-bottom: 10px;
	display: table;
}
.parent-article-content .article-content article {
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	color: #666;
}
.details-container .video {
	height: inherit;
}
.details-container .video video {
	width: 100%;
	height: inherit;
	object-fit: inherit;
}
.details-container .about-video-container {
	position: absolute;
	top: 0px;
	width: 760px;
	height: 380px;
	margin: 10px;
}
.video-container h2 {
	font-size: 36px;
	font-weight: normal;
	margin: 0;
}
.video-container a.play-video {
	width: 112px;
	height: 112px;
	background: url(../img/icon/play-video.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -56px;
	margin-left: -56px;
}
.about-video-container .article-option {
	position: absolute;
	bottom: 0px;
	width: inherit;
}
.video-container .share-to-socmed {
	float: left;
}
.video-container .likes-total {
	float: right;
	margin: 0;
}
.details-container .highlight-recipe {
	width: initial;
	height: inherit;
	margin: auto;
	position:absolute;
	left:0;
	right:0;
/*	box-shadow: 0px 0px 3px 0px #000;*/
	transition: left 0.5s;
}
.details-container .highlight-recipe .thumb {
	width: 38.47%;
	height: inherit;
	position: relative;
	display: table-cell;
}

.details-container .highlight-recipe .thumb > a {
	z-index: 2;
}

.details-container .highlight-recipe .thumb > a, .video .article-group .menu .thumb a {
	width: 50px;
	height: 50px;
	background: url(../img/icon/add-to-fav-small.png) no-repeat;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
}
.video .article-group .menu .thumb a:last-child {
	width: inherit;
	height: inherit;
	z-index: 0;
}
.video .article-group .menu .thumb a:last-child img {
	width: 100%;
	height: 100%;
}
.highlight-recipe .socmed-container {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: absolute;
}
.highlight-recipe .share-to-socmed {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -14px;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.details-container .highlight-recipe .details {
	width: 61.53%;
	height: inherit;
	background: url(../img/background/highlight-recipe.jpg);
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.details-container .highlight-recipe .details .centered {
	width: calc(100% - 60px);
	margin: auto;
	text-align: center;
}
.details-container .highlight-recipe .details h2 {
	font-size: 36px;
	font-weight: normal;
	display: table;
	margin: auto;
	padding-bottom: 10px;
	border-bottom: 2px solid #FFCC33;
}
.details-container .highlight-recipe .details h2 a {
	color: #333;
}
.details-container .highlight-recipe .details p {
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Bold';*/
	font-size: 14px;
	color: #666;
}
/* Article Content Ends Here */

/* Contact Us CSS Starts Here */
.contact .article-container {
	height: 480px;
	background: url(../img/background/contact-us.jpg);
	box-shadow: 0px 0px 3px 0px #000;
}
.contact .maps {
	width: 290px;
	height: inherit;
	float: left;
	height: 480px;
}
.contact .contact-container {
	width: calc(100% - 290px);
	float: left;
}
.contact .content-wrapper {
	width: calc(100% - 60px);
	margin: auto;
}
.contact-container .top-title {
	margin: auto;
	width: 345px;
	position: relative;
	text-align: center;
}
.contact-container h2 {
	font-family: 'Airbag Regular';
	font-size: 36px;
	font-weight: normal;
	color: #333;
	text-transform: uppercase;
}
.contact-container h2:before, .contact-container h2:after {
	content: '';
	display: inline-block;
	width: 48px;
	height: 2px;
	background-color: #FFCC33;
	position: absolute;
	top: 50%;
	margin-top: -1px;
}
.contact-container h2:before {
	left: 0px;
}
.contact-container h2:after {
	right: 0px;
}
.contact-container .about-contact {
}
.contact-container .contact-form {
	float: left;
}
.contact-container .contact-form {
	width: 340px;
}
.contact-container .contact-form input, .contact-container .contact-form .message label, .contact-container .contact-form .message textarea {
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Italic';*/
	font-size: 12px;
	color: #999	;
	font-style: italic;
}
.contact-container .contact-form input {
	width: 100%;
	background: none;
	border: none;
	border-bottom: 1px solid #CCC;
	margin-top: 12px;
	outline: none;
}
.contact-container .contact-form .message {
	width: 100%;
	display: table;
	margin-top: 20px;
}
.contact-container .contact-form .message * {
	float: left;
	clear: both;
}
.contact-container .contact-form .message label {
	margin-bottom: 3px;
}
.contact-container .contact-form .message textarea {
	width: calc(100% - 12px);
	height: 90px;
	border: 1px solid #CCC;
	resize: none;
	padding: 5px;
	margin-bottom: 10px;
}
.contact-container .contact-form .message button {
	width: 100px;
	height: 30px;
	background: #ED1C24;
	border: none;
	border-radius: 20px;
	margin-top: 10px;
	padding: 0;
	cursor: pointer;
	font-family: 'Airbag Regular';
	font-size: 16px;
	color: #FFF;
	text-transform: uppercase;
}
.contact-container .contact-details {
	float: right;
	margin-right: 20px;
	text-transform: uppercase;
}
.contact-container .contact-details .detail {
	float: left;
	clear: both;
	margin-bottom: 22px;
}
.contact-container .contact-details .call-center {
	margin-top: 10px;
}
.contact-container .contact-details .detail .icon {
	min-width: 21px;
	background: url(../img/icon/contact-us.png);
	float: left;
}
.contact-container .contact-details .address .icon {
	width: 13px;
	height: 21px;
	background-position: 4px 0px;
}
.contact-container .contact-details .website .icon {
	width: 21px;
	height: 21px;
	background-position: -17px 0px;
}
.contact-container .contact-details .mailto .icon {
	width: 21px;
	height: 15px;
	background-position: -42px -3px;
}
.contact-container .contact-details .detail span:last-child {
	float: left;
	margin-left: 5px;
	font-size: 16px;
	color: #999;
}
.contact-container .contact-details .detail span strong {
	display: block;
	color: #333;
}
.contact-container .contact-details .detail span a {
	color: #999;
}
#content .wrapper > h2 {
	font-family: 'Airbag Regular';
	font-size: 28px;
	font-weight: normal;
	color: #333;
	text-align: center;
	text-transform: uppercase;
	display: table;
	margin: 25px auto;
	border-bottom: 2px solid #E11E26;
	padding-bottom: 8px;
}
/* Contact Us CSS Ends Here */

/* Satu Nusa Satu Sasa CSS Starts Here */
.indonesia-map {
	width: 100%;
	height: 356px;
	position: relative;
	margin-top: 42px;
	left: -3px;
}
.indonesia-map a {
	width: 27px;
	height: 49px;
	background: url(../img/icon/place-tag.png);
	position: absolute;
	z-index: 1;
	display:none;
	opacity: 1;
	transition: opacity, 0.5s;
}

.indonesia-map a.hide {
	opacity: 0;
	transition: opacity, 0.5s;
}

.indonesia-map span {
	width: 130px;
	position: absolute;
	left: 33px;
	top: 5px;
	font-size: 18px;
	color: #333;
	display: none;
}
.indonesia-map #place-1 {
	top: -27px;
	left: -1px;
}
.indonesia-map #place-2 {
	top: 8px;
	left: 64px;
}
.indonesia-map #place-3 {
	top: 70px;
	left: 114px;
}
.indonesia-map #place-4 {
	top: 63px;
	left: 181px;
}
.indonesia-map #place-5 {
	top: 91px;
	left: 98px;
}
.indonesia-map #place-6 {
	top: 114px;
	left: 162px;
}
.indonesia-map #place-7 {
	top: 123px;
	left: 216px;
}
.indonesia-map #place-8 {
	top: 145px;
	left: 130px;
}
.indonesia-map #place-9 {
	top: 139px;
	left: 190px;
}
.indonesia-map #place-10 {
	top: 193px;
	left: 201px;
}
.indonesia-map #place-11 {
	top: 210px;
	left: 220px;
}
.indonesia-map #place-12 {
	top: 213px;
	left: 237px;
}
.indonesia-map #place-13 {
	top: 225px;
	left: 253px;
}
.indonesia-map #place-14 {
	top: 228px;
	left: 304px;
}
.indonesia-map #place-15 {
	top: 246px;
	left: 313px;
}
.indonesia-map #place-16 {
	top: 235px;
	left: 358px;
}
.indonesia-map #place-17 {
	top: 80px;
	left: 292px;
}
.indonesia-map #place-18 {
	top: 88px;
	left: 453px;
}
.indonesia-map #place-19 {
	top: 124px;
	left: 379px;
}
.indonesia-map #place-20 {
	top: 153px;
	left: 404px;
}
.indonesia-map #place-21 {
	top: 256px;
	left: 412px;
}
.indonesia-map #place-22 {
	top: 261px;
	left: 437px;
}
.indonesia-map #place-23 {
	top: 294px;
	left: 592px;
}
.indonesia-map #place-24 {
	top: 55px;
	left: 613px;
}
.indonesia-map #place-25 {
	top: 67px;
	left: 579px;
}
.indonesia-map #place-26 {
	top: 100px;
	left: 510px;
}
.indonesia-map #place-27 {
	top: 139px;
	left: 494px;
}
.indonesia-map #place-28 {
	top: 167px;
	left: 563px;
}
.indonesia-map #place-29 {
	top: 192px;
	left: 508px;
}
.indonesia-map #place-30 {
	top: 66px;
	left: 671px;
}
.indonesia-map #place-31 {
	top: 151px;
	left: 687px;
}
.indonesia-map #place-32 {
	top: 102px;
	left: 798px;
}
.indonesia-map #place-33 {
	top: 143px;
	left: 941px;
}
.indonesia-map .marker {
	position: absolute;
}
.indonesia-map .marker#marker-1 {
	width: 70px;
	height: 86px;
	background: url(../img/background/yellow-border/aceh.png);
	top: 0px;
	left: -1px;
}
.indonesia-map .marker#marker-2 {
	width: 68px;
	height: 106px;
	background: url(../img/background/yellow-border/sumatera-utara.png);
	top: 31px;
	left: 45px;
}
.indonesia-map .marker#marker-3 {
	width: 85px;
	height: 80px;
	background: url(../img/background/yellow-border/riau.png);
	top: 67px;
	left: 106px;
}
.indonesia-map .marker#marker-4 {
	width: 103px;
	height: 104px;
	background: url(../img/background/yellow-border/kep-riau.png);
	top: 38px;
	left: 183px;
}
.indonesia-map .marker#marker-5 {
	width: 69px;
	height: 81px;
	background: url(../img/background/yellow-border/sumatera-barat.png);
	top: 104px;
	left: 75px;
}
.indonesia-map .marker#marker-6 {
	width: 70px;
	height: 49px;
	background: url(../img/background/yellow-border/jambi.png);
	top: 137px;
	left: 133px;
}
.indonesia-map .marker#marker-7 {
	width: 69px;
	height: 41px;
	background: url(../img/background/yellow-border/bangka-belitung.png);
	top: 154px;
	left: 213px;
}
.indonesia-map .marker#marker-8 {
	width: 59px;
	height: 59px;
	background: url(../img/background/yellow-border/bengkulu.png);
	top: 170px;
	left: 127px;
}
.indonesia-map .marker#marker-9 {
	width: 85px;
	height: 73px;
	background: url(../img/background/yellow-border/sumatera-selatan.png);
	top: 157px;
	left: 151px;
}
.indonesia-map .marker#marker-10 {
	width: 51px;
	height: 48px;
	background: url(../img/background/yellow-border/lampung.png);
	top: 203px;
	left: 182px;
}
.indonesia-map .marker#marker-11 {
	width: 35px;
	height: 25px;
	background: url(../img/background/yellow-border/banten.png);
	top: 245px;
	left: 212px;
}
.indonesia-map .marker#marker-12 {
	width: 14px;
	height: 14px;
	background: url(../img/background/yellow-border/jakarta.png);
	top: 247px;
	left: 245px;
}
.indonesia-map .marker#marker-13 {
	width: 54px;
	height: 41px;
	background: url(../img/background/yellow-border/jawa-barat.png);
	top: 248px;
	left: 241px;
}
.indonesia-map .marker#marker-14 {
	width: 67px;
	height: 41px;
	background: url(../img/background/yellow-border/jawa-tengah.png);
	top: 257px;
	left: 289px;
}
.indonesia-map .marker#marker-15 {
	width: 17px;
	height: 14px;
	background: url(../img/background/yellow-border/yogyakarta.png);
	top: 283px;
	left: 318px;
}
.indonesia-map .marker#marker-16 {
	width: 80px;
	height: 47px;
	background: url(../img/background/yellow-border/jawa-timur.png);
	top: 265px;
	left: 338px;
}
.indonesia-map .marker#marker-17 {
	width: 116px;
	height: 109px;
	background: url(../img/background/yellow-border/kalimantan-barat.png);
	top: 82px;
	left: 292px;
}
.indonesia-map .marker#marker-18 {
	width: 111px;
	height: 143px;
	background: url(../img/background/yellow-border/kalimantan-timur.png);
	top: 33px;
	left: 397px;
}
.indonesia-map .marker#marker-19 {
	width: 110px;
	height: 91px;
	background: url(../img/background/yellow-border/kalimantan-tengah.png);
	top: 111px;
	left: 334px;
}
.indonesia-map .marker#marker-20 {
	width: 51px;
	height: 62px;
	background: url(../img/background/yellow-border/kalimantan-selatan.png);
	top: 153px;
	left: 407px;
}
.indonesia-map .marker#marker-21 {
	width: 28px;
	height: 20px;
	background: url(../img/background/yellow-border/bali.png);
	top: 292px;
	left: 411px;
}
.indonesia-map .marker#marker-22 {
	width: 72px;
	height: 25px;
	background: url(../img/background/yellow-border/nusa-tenggara-barat.png);
	top: 292px;
	left: 440px;
}
.indonesia-map .marker#marker-23 {
	width: 137px;
	height: 62px;
	background: url(../img/background/yellow-border/nusa-tenggara-timur.png);
	top: 293px;
	left: 503px;
}
.indonesia-map .marker#marker-24 {
	width: 51px;
	height: 40px;
	background: url(../img/background/yellow-border/sulawesi-utara.png);
	top: 82px;
	left: 589px;
}
.indonesia-map .marker#marker-25 {
	width: 52px;
	height: 20px;
	background: url(../img/background/yellow-border/gorontalo.png);
	top: 102px;
	left: 549px;
}
.indonesia-map .marker#marker-26 {
	width: 87px;
	height: 97px;
	background: url(../img/background/yellow-border/sulawesi-tengah.png);
	top: 96px;
	left: 516px;
}
.indonesia-map .marker#marker-27 {
	width: 28px;
	height: 59px;
	background: url(../img/background/yellow-border/sulawesi-barat.png);
	top: 143px;
	left: 499px;
}
.indonesia-map .marker#marker-28 {
	width: 52px;
	height: 62px;
	background: url(../img/background/yellow-border/sulawesi-tenggara.png);
	top: 184px;
	left: 544px;
}
.indonesia-map .marker#marker-29 {
	width: 53px;
	height: 99px;
	background: url(../img/background/yellow-border/sulawesi-selatan.png);
	top: 164px;
	left: 512px;
}
.indonesia-map .marker#marker-30 {
	width: 102px;
	height: 110px;
	background: url(../img/background/yellow-border/maluku-utara.png);
	top: 71px;
	left: 610px;
}
.indonesia-map .marker#marker-31 {
	width: 199px;
	height: 123px;
	background: url(../img/background/yellow-border/maluku.png);
	top: 182px;
	left: 639px;
}
.indonesia-map .marker#marker-32 {
	width: 110px;
	height: 94px;
	background: url(../img/background/yellow-border/papua-barat.png);
	top: 126px;
	left: 728px;
}
.indonesia-map .marker#marker-33 {
	width: 135px;
	height: 178px;
	background: url(../img/background/yellow-border/papua.png);
	top: 140px;
	left: 830px;
}
.choose-area {
	display: table;
	margin: auto;
	position: relative;
}
.choose-area > a {
	width: 100px;
	height: 100px;
	background: url(../img/icon/choose-area.png);
	display: table;
}
.choose-area > a span {
	font-size: 27px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
}
.choose-area .area-list-container {
	width: 900px;
	position: absolute;
	top: -305px;
	left: 50%;
	margin-left: -450px;
}
.area-list-container .area-list {
	border-bottom: 3px solid #FFCC33;
	display: table;
}
.area-list-container .area-list ul {
	width: 180px;
	background: #DF111C;
	float: left;
}
.area-list-container .area-list ul:nth-child(even) {
	background: #ED1C24;
}
.area-list-container .area-list ul li {
	width: inherit;
	height: 40px;
	line-height: 40px;
	border-top: 1px dotted rgba(0,0,0,.5);
	font-family: 'Dustismo Roman Regular';
	font-size: 14px;
}
.area-list-container .area-list ul li:first-child {
	border-top: none;
}
.area-list-container .area-list ul li a {
	height: inherit;
	color: #FFF;
	text-align: center;
}
.area-list-container .area-list ul li a:hover {
	background: #FFF;
	color: #EB1A24;
}
.area-list-container .area-list ul:last-child li:last-child a:hover {
	background: none;
	cursor: default;
}
.area-list-container .arrow {
	width: 0;
	height: 0;
	margin: auto;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #FFCC33;
}
#content #subheading {
	font-family: 'Dustismo Roman Regular';
	font-size: 14px;
	color: #333;
	text-align: center;
}
/* Satu Nusa Satu Sasa CSS Ends Here */

/* Spice Up CSS Starts Here */
body#spice-up {
	background: url(../img/background/spice-up-bg.jpg) no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.spice-up .wrapper {
	position: relative;
}
.spice-up .wrapper > a {
	width: 95px;
	height: 94px;
	background: rgba(0,0,0,.62);
	border-radius: 50px;
	position: absolute;
	top: 50%;
	margin-top: -76px;
	z-index: 1;
}
.spice-up .wrapper > a:hover {
	background: #DF1E26;
}
.spice-up .wrapper > a span {
	font-family: 'Airbag Regular';
	font-size: 15px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	display: block;
	margin-top: 10px;
	line-height: 15px;
}
.spice-up .wrapper > a.prev {
	left: 0px;
}
.spice-up .wrapper > a.next {
	right: 0px;
}
.spice-up .wrapper > a.prev:after, .spice-up .wrapper > a.next:after {
	content: '';
	display: inline-block;
	width: 32px;
	height: 29px;
	background: url(../img/icon/spice-up-controller.png);
	margin: 7px auto;
	display: table;
}
.spice-up .wrapper > a.prev:after {
	background-position: 0px 0px;
}
.spice-up .wrapper > a.next:after {
	background-position: -32px 0px;
}
.spice-up-container {
	position: relative;
	overflow: hidden;
	height: 499px;
	width:100%;
}
.spice-up {
	position: relative;
}

/*.container:not(.larasa) { display:none; }*/
.spice-up .container {
/*	position: absolute;*/
	width:960px;
	margin: 0 auto;
}
.spice-up .container .path{
	position: absolute;
  left: 50%;
  margin-left: -480px;
  width: 960px;
}
.spice-up .container .path > div {
	position: absolute;
	margin-left:-203px;
}
.spice-up .larasa .element-1 {
	top: -99px;
	left: 242px;
	z-index: 2;
}
.spice-up .larasa .element-2 {
	top: -84px;
	left: 914px;
	z-index: 1;
}
.spice-up .larasa .element-3 {
	top: 310px;
	left: 885px;
}
.spice-up .larasa .element-4 {
	bottom: 0px;
	left: 915px;
}
.spice-up .center {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #DF1E26;
}
.spice-up .larasa .center {
	width: 362px;
	margin-left: -181px;
	top: 133px;
}
.spice-up .center:before, .spice-up .center:after {
	display: inline-block;
	font-family: 'MyriadPro-BoldCond';
	text-transform: uppercase;
}
.spice-up .larasa .center:after {
	content: 'Bumbu Instan';
	font-size: 64px;
	margin-top: -16px;
	margin-left: 12px;
}
.spice-up .spice-up-recipes {
	position: relative;
	height: inherit;
}
.spice-up .spice-up-recipes .recipe {
	position: absolute;
}
.spice-up .spice-up-recipes .recipe a {
	width: 35px;
	height: 35px;
	background: url(../img/icon/spice-up-plus-icon.png);
	position: absolute;
	z-index: 1;
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
	transition: transform 0.25s;
}
.spice-up .spice-up-recipes .recipe a:hover {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: transform 0.25s;
}
.spice-up .spice-up-recipes .recipe .thumb {
	position: absolute;
}
.spice-up .spice-up-recipes .recipe .desc {
	width: 170px;
	position: absolute;
}
.spice-up .spice-up-recipes .recipe .desc strong {
	font-family: 'BebasNeue Regular';
	font-size: 20px;
	font-weight: normal;
	color: #DF1E26;
	line-height: 18px;
}
.spice-up .spice-up-recipes .recipe .desc span {
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Bold';*/
	font-size: 12px;
	color: #333;
	line-height: 14px;
	display: table;
	margin-top: 5px;
}
.spice-up .sauces .element-1 {
	top: -34px;
	left: 403px;
}
.spice-up .sauces .element-2 {
	top: 39px;
	left: 742px;
}
.spice-up .sauces .element-3 {
	top: 459px;
	left: 655px;
}
.spice-up .sauces .element-4 {
	top: 527px;
	left: 481px;
}
.spice-up .sauces .center {
	width: 366px;
	text-align: center;
	margin-left: -183px;
	top: 225px;
}
.spice-up .sauces .center:before {
	width: 300px;
	content: 'Sasa Saus';
	font-size: 80px;
	line-height: 70px;
}
.spice-up .center p {
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
}
.spice-up .spice-up-recipes .recipe .desc .spicy-level {
	margin-top: 7px;
}
.spice-up .tepung .element-1 {
	left: 300px;
	top: -74px;
}
.spice-up .tepung .element-2 {
	top: 376px;
	left: 642px;
	/*margin-left: -56px;*/
}
.spice-up .tepung .center {
	width: 378px;
	text-align: center;
	margin-left: -189px;
	margin-top: -115px;
}
.spice-up .tepung .center:before {
	content: 'Sasa Tepung Bumbu';
	font-size: 80px;
	margin-bottom: -14px;
	line-height: 70px;
}
.spice-up .kaldu .element-1 {
	left: 419px;
	top: 12px;
}
.spice-up .kaldu .element-2 {
	left: 767px;
	top: -72px;
}
.spice-up .kaldu .element-3 {
	top: 363px;
	left: 499px;
}
.spice-up .kaldu .element-4 {
	top: 330px;
	left: 392px;
}
.spice-up .kaldu .center {
	width: 460px;
	text-align: center;
	margin-left: -230px;
	top: 152px;
}
.spice-up .kaldu .center:before {
	content: 'Sasa Kaldu Pelezat';
	font-size: 90px;
	margin-bottom: -14px;
	line-height: 70px;
}
.spice-up .mng .element-1 {
	top: 47px;
	left: 238px;
}
.spice-up .mng .element-2 {
	left: 844px;
	top: -291px;
}
.spice-up .mng .element-3 {
	top: 324px;
	left: 734px;
}
.spice-up .mng .element-4 {
	top: 373px;
	left: 265px;
}
.spice-up .mng .center {
	width: 394px;
	text-align: center;
	margin-left: -192px;
	top: 84px;
}
.spice-up .mng .center:before {
	content: 'Sasa Gourmet Powder';
	font-size: 80px;
	margin-bottom: -14px;
	line-height: 70px;
}
.spice-up .lemira .element-1 {
    left: 239px;
    top: -86px;
}
.spice-up .lemira .element-2 {
    left: 727px;
    top: -40px;
}
.spice-up .lemira .element-3 {
	left: 832px;
	top: 383px;
}
.spice-up .lemira .element-4 {
	left: 194px;
	top: 304px;
}
.spice-up .lemira .center {
    width: 430px;
    text-align: center;
    margin-left: -210px;
    top: 140px;
}
.spice-up .lemira .center:before {
	content: "Mayonnaise Lemira";
	font-size: 80px;
	line-height: 70px;
	margin-bottom: -10px;
}
#spice-up-popup #lemira .sidebox .product-size .variant {
	margin-top: 2px;
}
#spice-up-popup #lemira .sidebox .product-size .variant div span:first-child {
	height: 56px;
	vertical-align: middle;
}
#spice-up-popup #lemira .sidebox .product-size .variant div span:last-child {
	font-size: 15px;
}
#spice-up-popup #lemira .about-product .menu-content {
	margin: 30px 30px auto;
}
#spice-up-popup #lemira .about-product .privilege div {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}
#spice-up-popup #lemira .about-product .privilege div label {
    font-family: 'BebasNeue Regular';
    font-size: 21px;
    color: #FF9900;
    margin-bottom: 5px;
}
#spice-up-popup #lemira .about-product .privilege div ul {
	font-family: 'Arial';
	font-size: 14px;
	color: #333;
}
#spice-up-popup #lemira .about-product .privilege div li {
	float: none;
	clear: both;
}
#spice-up-popup #lemira .about-product .privilege div span {
	float: left;
}
#spice-up-popup #lemira .about-product .privilege div span:first-child {
	width: 70px;
}
#spice-up-popup #lemira .about-product .privilege div span code {
	float: right;
}
#spice-up-popup #lemira .about-product .privilege div span:last-child {
	width: calc(100% - 70px);
}
#spice-up-popup #lemira .about-product .privilege div:last-child {
	margin-top: 30px;
}
.spice-up .santan .element-1 {
    left: 210px;
    top: 15px;
}
.spice-up .santan .element-2 {
    left: 277px;
    top: 285px;
}
.spice-up .santan .element-3 {
    left: 832px;
    top: 275px;
}
.spice-up .santan .element-4 {
	left: 194px;
	top: 304px;
}
.spice-up .santan .center {
    width: 500px;
    text-align: center;
    margin-left: -247px;
    top: 63px;
}
.spice-up .santan .center:before {
	width: 370px;
	content: "Sasa Santan";
	font-size: 80px;
	line-height: 70px;
	margin-bottom: -10px;
}
#spice-up-popup #santan .sidebox .product-size .variant {
	margin-top: 2px;
}
#spice-up-popup #santan .sidebox .product-size .variant div span:first-child {
	height: 56px;
}
#spice-up-popup #santan .sidebox .product-size .variant div span:last-child {
	font-size: 15px;
}
#spice-up-popup #santan .about-product .menu-content {
	margin: 30px 30px auto;
}
#spice-up-popup #santan .about-product .privilege div + div {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}
#spice-up-popup #santan .about-product .privilege div label {
    font-family: 'BebasNeue Regular';
    font-size: 21px;
    color: #FF9900;
    margin-bottom: 5px;
}
#spice-up-popup #santan .about-product .privilege div ul {
	font-family: 'Arial';
	font-size: 14px;
	color: #333;
}
#spice-up-popup #santan .about-product .privilege div li {
	float: none;
	clear: both;
}
#spice-up-popup #santan .about-product .privilege div span {
	float: left;
}
#spice-up-popup #santan .about-product .privilege div span:first-child {
	width: 70px;
}
#spice-up-popup #santan .about-product .privilege div span code {
	float: right;
}
#spice-up-popup #santan .about-product .privilege div span:last-child {
	width: calc(100% - 70px);
}


/* Santan liquid */

.spice-up .santan_liquid .element-1 {
    left: 210px;
    top: 15px;
}
.spice-up .santan_liquid .element-2 {
    left: 277px;
    top: 285px;
}
.spice-up .santan_liquid .element-3 {
    left: 832px;
    top: 275px;
}
.spice-up .santan_liquid .element-4 {
	left: 194px;
	top: 304px;
}
.spice-up .santan_liquid .center {
    width: 500px;
    text-align: center;
    margin-left: -247px;
    top: 63px;
}
.spice-up .santan_liquid .center:before {
	width: 370px;
	content: "Sasa Santan       ";
	font-size: 80px;
	line-height: 70px;
	margin-bottom: -10px;
}
#spice-up-popup #santan_liquid .sidebox .product-size .variant {
	margin-top: 2px;
}
#spice-up-popup #santan_liquid .sidebox .product-size .variant div span:first-child {
	height: 56px;
}
#spice-up-popup #santan_liquid .sidebox .product-size .variant div span:last-child {
	font-size: 15px;
}
#spice-up-popup #santan_liquid .about-product .menu-content {
	margin: 30px 30px auto;
}
#spice-up-popup #santan_liquid .about-product .privilege div + div {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}
#spice-up-popup #santan_liquid .about-product .privilege div label {
    font-family: 'BebasNeue Regular';
    font-size: 21px;
    color: #FF9900;
    margin-bottom: 5px;
}
#spice-up-popup #santan_liquid .about-product .privilege div ul {
	font-family: 'Arial';
	font-size: 14px;
	color: #333;
}
#spice-up-popup #santan_liquid .about-product .privilege div li {
	float: none;
	clear: both;
}
#spice-up-popup #santan_liquid .about-product .privilege div span {
	float: left;
}
#spice-up-popup #santan_liquid .about-product .privilege div span:first-child {
	width: 70px;
}
#spice-up-popup #santan_liquid .about-product .privilege div span code {
	float: right;
}
#spice-up-popup #santan_liquid .about-product .privilege div span:last-child {
	width: calc(100% - 70px);
}

/*end Santan liquid*/


.spice-up .terasi .element-1 {
    left: 826px;
    top: -51px;
}
.spice-up .terasi .element-2 {
    left: 1022px;
    top: 195px;
}
.spice-up .terasi .element-3 {
    left: 420px;
    top: 500px;
}
.spice-up .terasi .element-4 {
    left: 180px;
    top: 304px;
}
.spice-up .terasi .center {
    width: 515px;
    text-align: center;
    margin-left: -257px;
    top: 160px;
}
.spice-up .terasi .center:before {
	width: 375px;
	content: "Sasa Bumbu Santan";
	font-size: 80px;
	line-height: 70px;
	margin-bottom: -10px;
}
#spice-up-popup #terasi .sidebox .product-size .variant {
	margin-top: 2px;
}
#spice-up-popup #terasi .sidebox .product-size .variant div {
	margin: 0px 8px;
}
#spice-up-popup #terasi .sidebox .product-size .variant div span:first-child {
	height: 56px;
}
#spice-up-popup #terasi .sidebox .product-size .variant div span:last-child {
	font-size: 15px;
}
#spice-up-popup #terasi .about-product .menu-content {
	margin: 30px 30px auto;
}
#spice-up-popup #terasi .about-product .privilege div + div {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}
#spice-up-popup #terasi .about-product .privilege div label {
    font-family: 'BebasNeue Regular';
    font-size: 21px;
    color: #FF9900;
    margin-bottom: 5px;
}
#spice-up-popup #terasi .about-product .privilege div ul {
	font-family: 'Arial';
	font-size: 14px;
	color: #333;
	padding-left: 26px;
}
#spice-up-popup #terasi .about-product .privilege div li {
	float: none;
	clear: both;
	list-style-type: disc;
	margin-bottom: 16px;
	padding-left: 16px;
}
#spice-up-popup #terasi .about-product .privilege div span {
	float: left;
}
#spice-up-popup #terasi .about-product .privilege div span:first-child {
	width: 70px;
}
#spice-up-popup #terasi .about-product .privilege div span code {
	float: right;
}
#spice-up-popup #terasi .about-product .privilege div span:last-child {
	width: calc(100% - 70px);
}

/*sasa_lodeh*/

.spice-up .sasa_lodeh .element-1 {
    left: 826px;
    top: -51px;
}
.spice-up .sasa_lodeh .element-2 {
    left: 1022px;
    top: 195px;
}
.spice-up .sasa_lodeh .element-3 {
    left: 494px;
    top: 372px;
}
.spice-up .sasa_lodeh .element-4 {
    left: 221px;
    top: 304px;
}
.spice-up .sasa_lodeh .center {
    width: 515px;
    text-align: center;
    margin-left: -257px;
    top: 160px;
}
.spice-up .sasa_lodeh .center:before {
	width: 375px;
	content: "Sasa Bumbu Santan";
	font-size: 80px;
	line-height: 70px;
	margin-bottom: -10px;
}
#spice-up-popup #sasa_lodeh .sidebox .product-size .variant {
	margin-top: 2px;
}
#spice-up-popup #sasa_lodeh .sidebox .product-size .variant div {
	margin: 0px 8px;
}
#spice-up-popup #sasa_lodeh .sidebox .product-size .variant div span:first-child {
	height: 56px;
}
#spice-up-popup #sasa_lodeh .sidebox .product-size .variant div span:last-child {
	font-size: 15px;
}
#spice-up-popup #sasa_lodeh .about-product .menu-content {
	margin: 30px 30px auto;
}
#spice-up-popup #sasa_lodeh .about-product .privilege div + div {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}
#spice-up-popup #sasa_lodeh .about-product .privilege div label {
    font-family: 'BebasNeue Regular';
    font-size: 21px;
    color: #FF9900;
    margin-bottom: 5px;
}
#spice-up-popup #sasa_lodeh .about-product .privilege div ul {
	font-family: 'Arial';
	font-size: 14px;
	color: #333;
	padding-left: 26px;
}
#spice-up-popup #sasa_lodeh .about-product .privilege div li {
	float: none;
	clear: both;
	list-style-type: disc;
	margin-bottom: 16px;
	padding-left: 16px;
}
#spice-up-popup #sasa_lodeh .about-product .privilege div span {
	float: left;
}
#spice-up-popup #sasa_lodeh .about-product .privilege div span:first-child {
	width: 70px;
}
#spice-up-popup #sasa_lodeh .about-product .privilege div span code {
	float: right;
}
#spice-up-popup #sasa_lodeh .about-product .privilege div span:last-child {
	width: calc(100% - 70px);
}

/*end sasa_lodeh*/

/*sasa_opor*/

.spice-up .sasa_opor .element-1 {
    left: 826px;
    top: -51px;
}
.spice-up .sasa_opor .element-2 {
    left: 1022px;
    top: 195px;
}
.spice-up .sasa_opor .element-3 {
    left: 494px;
    top: 372px;
}
.spice-up .sasa_opor .element-4 {
    left: 221px;
    top: 304px;
}
.spice-up .sasa_opor .center {
    width: 515px;
    text-align: center;
    margin-left: -257px;
    top: 160px;
}
.spice-up .sasa_opor .center:before {
	width: 375px;
	content: "Sasa Bumbu Santan";
	font-size: 80px;
	line-height: 70px;
	margin-bottom: -10px;
}
#spice-up-popup #sasa_opor .sidebox .product-size .variant {
	margin-top: 2px;
}
#spice-up-popup #sasa_opor .sidebox .product-size .variant div {
	margin: 0px 8px;
}
#spice-up-popup #sasa_opor .sidebox .product-size .variant div span:first-child {
	height: 56px;
}
#spice-up-popup #sasa_opor .sidebox .product-size .variant div span:last-child {
	font-size: 15px;
}
#spice-up-popup #sasa_opor .about-product .menu-content {
	margin: 30px 30px auto;
}
#spice-up-popup #sasa_opor .about-product .privilege div + div {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}
#spice-up-popup #sasa_opor .about-product .privilege div label {
    font-family: 'BebasNeue Regular';
    font-size: 21px;
    color: #FF9900;
    margin-bottom: 5px;
}
#spice-up-popup #sasa_opor .about-product .privilege div ul {
	font-family: 'Arial';
	font-size: 14px;
	color: #333;
	padding-left: 26px;
}
#spice-up-popup #sasa_opor .about-product .privilege div li {
	float: none;
	clear: both;
	list-style-type: disc;
	margin-bottom: 16px;
	padding-left: 16px;
}
#spice-up-popup #sasa_opor .about-product .privilege div span {
	float: left;
}
#spice-up-popup #sasa_opor .about-product .privilege div span:first-child {
	width: 70px;
}
#spice-up-popup #sasa_opor .about-product .privilege div span code {
	float: right;
}
#spice-up-popup #sasa_opor .about-product .privilege div span:last-child {
	width: calc(100% - 70px);
}

/*end sasa_opor*/


/* Spice Up CSS Ends Here */

/* Sasa Login CSS Starts Here */
#content.member .wrapper, #content.blogger .wrapper {
	margin-top: 60px;
}

#content.member .wrapper.fix, #content.blogger .wrapper.fix, #content.video .wrapper.fix {
	top:50%;
	position:absolute;
	transform:translateY(-50%);
	left:0px;
	right:0px;
	margin-left: auto;
	margin-right:auto;
}
.member-container, .blogger-container {
	width: 100%;
	min-height: 400px;
	box-sizing: border-box;
}
.member-container {
	background: url(../img/users/member/background/member-repeat-bg.jpg) repeat;
}

.blogger-container .topimg {
	padding:10px;
}

.member-container .topimg {
	background:url(../img/users/member/background/member-top-bg.png) bottom right no-repeat;
	padding:10px;
}
.wrapper .container-box {
	min-height: 376px;
	border: 2px dotted #CCC;
}
.member .wrapper .container-box {
	color: #333;
}
.blogger-container .my-recipes-menu {
	line-height: 21px;
}
.blogger-container .my-recipes-menu li {
	background: url(../img/users/blogger/background/my-recipes-border-menu.jpg) no-repeat right 7px;
	font-family: 'Airbag Regular';
	font-size: 16px;
	text-transform: uppercase;
}
.blogger-container .my-recipes-menu li:last-child {
	background: none;
}
.blogger-container .my-recipes-menu li a {
	color: #FFF;
	padding: 8px 17px;
	border-bottom: 4px solid transparent;
}
.blogger-container .my-recipes-menu li a:hover, .blogger-container .my-recipes-menu li a.current {
	border-bottom: 4px solid #FFF;
	font-family: 'Airbag Regular';/*'PT Sans', sans-serif;*/
}
.blogger .wrapper .container-box {
	border: 1px dashed rgba(255,255,255,.45);
}
.container-box .content-wrapper {
	width: 500px;
	margin: auto;
	text-align: center;
}
.container-box .content .bordered-heading, .container-box .content-wrapper h2 {
	margin: 10px 0px;
	font-family: 'Airbag Regular';
	font-size: 36px;
	font-weight: normal;
	text-transform: uppercase;
}
.container-box .content-wrapper p {
	font-family: 'PT Sans', sans-serif;
	margin-top: 18px;
}
.container-box .content-wrapper .options {
	display: table;
	margin: auto;
	margin-top: 50px;
}
.container-box .content-wrapper .options a {
	width: 120px;
	height: 120px;
	background: #ED1C24;
	float: left;
	border-radius: calc(100%/2);
	transition: background 0.25s;
}
.container-box .content-wrapper .options a:hover {
	background: #FFCC00;
	transition: background 0.25s;
}
.container-box .content-wrapper .options a > div {
	width: 110px;
	height: 110px;
	margin: 4px;
	border: 1px solid #FFF;
	border-radius: calc(100%/2);
}
.container-box .content-wrapper .options a > div span {
	display: block;
}
.container-box .content-wrapper .options a > div span:first-child {
	height: 38px;
	margin-top: 25px;
}
.container-box .content-wrapper .options a > div span:last-child {
	font-size: 20px;
	color: #FFF;
	margin-top: 6px;
}
.container-box .content-wrapper .options > span {
	float: left;
	margin: 0px 10px;
	font-family: 'Airbag Regular';
	font-size: 36px;
	line-height: 120px;
}
.container-box .content {
	margin: 20px;
}
.container-box .content .bordered-heading {
	border-bottom: 2px solid #FFCC33;
	display: table;
	padding-bottom: 6px;
	max-width: 460px;
}
.member-container .container-box .content .content-block > p {
	color: #333;
	font: normal 16px 'Arial', sans-serif;
	max-width: 650px;
}
.member-container .container-box .content .content-block em {
	color: #DF1E26;
	font-family: 'Androgyne Regular', sans-serif;
}
.member-container .container-box .content .content-block .benefit-list {
	display: inline-block;
}
.member-container .container-box .content .content-block .benefit {
	box-sizing: border-box;
	float: left;
	padding: 0 15px;
	width: 33.33333333333%;
}
.member-container .container-box .content .content-block .benefit-thumb {
	display: table;
	height: 233px;
	margin: auto;
}
.member-container .container-box .content .content-block .benefit-bottom {
	display: table-cell;
	vertical-align: bottom;
}
.member-container .container-box .content .content-block .benefit-bottom img {
	max-width: 100%;
}
.member-container .container-box .content .content-block .benefit-desc p {
	color: #333;
	font: normal 12px 'Arial', sans-serif;
	text-align: center;
}
.container-box .content .register {
	margin-top: 14px;
	display: table;
}
.container-box .content .register form {
	float: left;
	padding-right: 40px; /* added by agung */
}
.member .member-container .container-box .content .register {
	width: 700px;
}
.member .container-box .content .register form {
	width: 420px;
}
.container-box .content .register label {
	width: inherit;
	display: block;
	margin-bottom: 10px;
}
.container-box .content .register label span {
	display: block;
	margin-bottom: 10px;
	font-size: 18px;
}
.container-box .content .register label input {
	width: calc(100% - 12px);
	height: 28px;
	background: none;
	border: 1px solid #CCC;
	padding: 0px 5px;
	font-family: 'PT Sans', sans-serif;/*'Bebas Neue Regular';*/
}
.container-box .content .register label.password {
	width: 200px;
	float: left;
}
.container-box .content .register label.retype {
	float: right;
}
form p.error, form label.error {
	font-family: 'PT Sans', sans-serif;/* 'Dustismo Roman Italic';*/
	font-size: 14px;
	color: #ED1C24;
	margin-top: 0;
	font-style:italic;
}
.container-box .content .register button {
	min-width: 91px;
	height: 30px;
	margin-top: 14px;
	background: #ED1C24;
	border: none;
	border-radius: 15px;
	font-family: 'Airbag Regular';
	font-size: 16px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	cursor:pointer;
	transition: background 0.25s;
}


.container-box .content .register button:hover {
	background: #FFCC33;
	transition: background 0.25s;
}


.container-box .content .register > span {
	font-family: 'Airbag Regular';
	font-size: 36px;
	text-transform: uppercase;
	float: left;
}
/* edit by agung */
.member .container-box .content .register > span {
	padding-bottom: 10px; /* margin: 65px 22px auto; commented by agung */
}
/* edit by agung */
.container-box .content .register .login-via {
	width: 170px;
	float: right; /* float: left; commented by agung*/
	position: relative;
}
.container-box .content .register .login-via.left {
	width: 170px;
	float: left; /* float: left; commented by agung*/
	position: relative;
}
.container-box .content .register .login-via a {
	width: inherit;
	height: 40px;
	margin-bottom: 20px;
	transition: background 0.25s;
}
.container-box .content .register .login-via a:hover {
	transition: background 0.25s;
}
.container-box .content .register .login-via span {
	float: left;
}
.container-box .content .register .login-via span:first-child {
	height: 20px;
	width: 35px;
	margin: 10px 0px;
	border-right: 1px solid rgba(0,0,0,.2);
	text-align: center;
}
.container-box .content .register .login-via span:last-child {
	font-size: 16px;
	color: #FFF;
	line-height: 40px;
	text-transform: uppercase;
	margin-left: 12px;
}
.container-box .content .register .login-via a.facebook {
	background: #3768C1;
}
.container-box .content .register .login-via a.facebook:hover {
	background: #294E92;
}
.container-box .content .register .login-via a.gplus {
	background: #DF4A32;
}
.container-box .content .register .login-via a.gplus:hover {
	background: #BA341D;
}
.container-box .content .register .login-via a.twitter {
	background: #45C5EF;
}
.container-box .content .register .login-via a.twitter:hover {
	background: #13ACDF;
}
.container-box .content .register .login-via a.instagram {
	background: #B5886C;
}
.container-box .content .register .login-via a.instagram:hover {
	background: #9E6F4F;
}
.container-box .content .register .forgot-password {
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Italic';*/
	font-size: 12px;
	color: #333;
	text-decoration: underline;
	transition: all 0.25s;
	font-style:italic;
}
.container-box .content .register .forgot-password:hover {
	color: #FFCC00;
	transition: all 0.25s;
}
.member .top-menu, .blogger .top-menu {
	height: 50px;
	margin-top: -50px;
	line-height: 50px;
	font-family: 'Airbag Regular';
	font-size: 16px;
}
.top-menu li {
	width: 140px;
	text-align: center;
	text-transform: uppercase;
}
.member .top-menu li:nth-of-type(2), .blogger .top-menu li:nth-of-type(2) {
	width: 150px;
}
.top-menu li a {
	position: relative;
}
.member .top-menu li a, .blogger .top-menu li a {
	color: #333;
}
.member .top-menu li a:hover, .member .top-menu li a.current {
	background: #333;
	color: #FFF;
}
.blogger .top-menu li a:hover, .blogger .top-menu li a.current {
	background: #FFF;
}
.top-menu li a:hover:before, .top-menu li a.current:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: -10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	bottom: -10px;
	z-index: 1;
	left: 50%;
}
.member .top-menu li a:hover:before, .member .top-menu li a.current:before {
	border-top: 10px solid #333;
}
.blogger .top-menu li a:hover:before, .blogger .top-menu li a.current:before {
	border-top: 10px solid #FFF;
}
.top-menu li img {
	vertical-align: sub;
	margin-right: 3px;
}
.member .container-box .content .register .profile, .blogger .container-box .content .register .profile {
	width: 700px;
}
.container-box .content .register .profile .left-form {
	width: 420px; /* width: 340px; updated by agung */
	float: left;
}
.container-box .content .register .profile .masked-upload {
	height: 28px;
	border: 1px solid #CCC;
}
.container-box .content .register .profile .masked-upload button {
	min-width: initial;
	height: 18px;
	margin: 5px 0px;
	float: right;
	background: none;
	border-left: 1px solid #CCC;
	border-radius: 0;
}
.member .container-box .content .register .profile .masked-upload button {
	color: #333;
}
.blogger .container-box .content .register .profile .masked-upload button {
	color: #FFF;
}
.container-box .content .register .profile .right-form {
	width: 340px;
	float: right;
}
.container-box .content .register .profile .right-form textarea {
	width: calc(100% - 12px);
	height: 88px;
	background: none;
	margin-bottom: 8px;
	padding: 5px;
	resize: none;
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Regular';*/
	font-size: 12px;
	color: #333;
}
.member .container-box .content .register .profile .right-form textarea {
	border: 1px solid #CCC;
}
.container-box .content .register .profile .right-form .checkbox {
	float: left;
	clear: both;
	margin: 6px 0px 0px 0px;
}
.container-box .content .register .profile .right-form .checkbox input {
	width: 12px;
	height: 12px;
	float: left;
	background: #CCC;
	margin-left: 0px;
}
.container-box .content .register .profile .right-form .checkbox span {
	float: left;
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Regular';*/
	font-size: 12px;
	margin-bottom: 0px;
}
.container-box .content .collections, .container-box .content .submittedRecipes {
	width: 700px;
}
.container-box .content .collections li, .container-box .content .submittedRecipes li {
	float: none;
	width: inherit;
	display: table;
	padding: 20px 0px;
}
.container-box .content .collections li {
	border-bottom: 1px solid #CCC;
}
.container-box .content .submittedRecipes li {
	border-bottom: 1px solid rgba(255,255,255,.10);
}
.container-box .content .collections li:first-child, .container-box .content .submittedRecipes li:first-child {
	padding-top: 0px;
}
.container-box .content .collections li:last-child, .container-box .content .submittedRecipes li:last-child {
	border-bottom: none;
}
.container-box .content .collections li a, .container-box .content .submittedRecipes li a {
	float: left;
}
.container-box .content .collections li .delete-recipe, .container-box .content .submittedRecipes li .edit-recipe {
	width: 16px;
	height: 16px;
	margin: 32px 0px;
}
.container-box .content .collections li .delete-recipe {
	background: url(../img/users/member/icon/delete-recipe.png);
}
.container-box .content .submittedRecipes li .edit-recipe {
	background: url(../img/users/blogger/icon/edit-submitted-recipe.png);
}
.container-box .content .collections li .recipe-review, .container-box .content .submittedRecipes li .recipe-review {
	float: left;
	margin-left: 12px;
}
.container-box .content .collections li img, .container-box .content .submittedRecipes li img {
	float: left;
}
.container-box .content .collections li div, .container-box .content .submittedRecipes li div {
	float: left;
	margin: 5px 0px 0px 20px;
}
.container-box .content .collections li h1, .container-box .content .submittedRecipes li h1 {
	font-size: 36px;
	margin: 0px;
	margin-bottom: 4px;
}
.container-box .content .collections li h1 {
	color: #333;
}
.container-box .content .submittedRecipes li h1 {
	color: #FFF;
}
.container-box .content .collections li span, .container-box .content .submittedRecipes li span {
	display: block;
	float: left;
	font-family: 'Arial';
	font-size: 14px;
	margin-right: 14px;
}
.container-box .content .collections li span {
	color: #CCC;
}
.container-box .content .submittedRecipes li span {
	color: #333;
}
.container-box .content .collections li span img, .container-box .content .submittedRecipes li span img {
	margin-right: 5px;
}
.blogger-container {
	background: url(../img/users/blogger/background/content.png) no-repeat top right #17181C;
}
.blogger .blogger-container .container-box .content > div {
	width: 700px;
}
.blogger-container .container-box .content p {
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Regular';*/
	font-style: italic;
}
.blogger .container-box .content .register .profile .left-form {
	width: 420px; /* width: 300px; commented by agung */
}
.blogger .container-box .content .register label input {
	border: 1px solid #595A5D;
	color: #FFF;
}
.blogger .container-box .content .register .profile .right-form {
	width: 370px;
}
.blogger textarea {
	color: #FFF !important;
	border: 1px solid #595A5D;
}
.blogger .container-box .content .register .profile .right-form .message {
	height: 158px;
	margin-bottom: 0px;
}
.blogger .container-box .content .register button {
	float: left; /* float: right; commented by agung */
	margin-top: 0px;
}
.blogger .container-box .content .register .submit-profile {
	float: left;
	margin-top: 20px;
}
.blogger .container-box .content .register .add-recipe {
	width: inherit;
}
.blogger .container-box .content .register .add-recipe .recipe-description {
	width: calc(100% - 12px);
	/*height: 48px;*/
	background: none;
	resize: none;
	padding: 5px;
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Regular';*/
	color: #FFF;
}

.blogger .container-box .content .register .add-recipe #ingred2 tbody {
	font-family: 'PT Sans', sans-serif;
    font-size: 12px;
}

.blogger .container-box .content .register .add-recipe #bahan-utama,
.blogger .container-box .content .register .add-recipe #ingred,
.blogger .container-box .content .register .add-recipe #ingred2,
.blogger .container-box .content .register .add-recipe #bumbu-sasa {
	width: inherit;
	border-collapse: collapse;
	text-align: left;
}
.blogger .container-box .content .register .add-recipe #bahan-utama thead,
.blogger .container-box .content .register .add-recipe #ingred thead,
.blogger .container-box .content .register .add-recipe #ingred2 thead,
.blogger .container-box .content .register .add-recipe #bumbu-sasa thead {
	margin-bottom: 5px;
	display: table;
	font-size: 16px;
}
.blogger .container-box .content .register .add-recipe #bahan-utama tr,
.blogger .container-box .content .register .add-recipe #ingred tr,
.blogger .container-box .content .register .add-recipe #ingred2 tr,
.blogger .container-box .content .register .add-recipe #bumbu-sasa tr {
	height: 30px;
	line-height: 30px;
}
.blogger .container-box .content .register .add-recipe #bahan-utama th,
.blogger .container-box .content .register .add-recipe #ingred th,
.blogger .container-box .content .register .add-recipe #bumbu-sasa th {
	background: #595A5D;
	padding-left: 6px;
	box-sizing: border-box;
}
.blogger .container-box .content .register .add-recipe #ingred2 thead {
	width: 100%;
}
.blogger .container-box .content .register .add-recipe #ingred2 thead tr th {
	background: #595A5D;
	padding-left: 6px;
	box-sizing: border-box;
}
.blogger .container-box .content .register .add-recipe #bahan-utama td,
.blogger .container-box .content .register .add-recipe #ingred td,
.blogger .container-box .content .register .add-recipe #bumbu-sasa td {
	border: 1px solid #595A5D;
	border-top: none;
	box-sizing: border-box;
}
.blogger .container-box .content .register .add-recipe #ingred2 td {
	border: 1px solid #595A5D;
	box-sizing: border-box;
	padding-left: 6px;
}
.blogger .container-box .content .register .add-recipe #ingred2 tbody tr td {
	width: 100%;
}
.blogger .container-box .content .register .add-recipe #bahan-utama tbody tr:first-child td,
.blogger .container-box .content .register .add-recipe #ingred tbody tr:first-child td,
.blogger .container-box .content .register .add-recipe #bumbu-sasa tbody tr:first-child td {
	border-top: 1px solid #595A5D;
}
.blogger .add-recipe #bahan-utama th, .blogger .add-recipe #bahan-utama td,
.blogger .add-recipe #ingred th, .blogger .add-recipe #ingred td,
.blogger .add-recipe #bumbu-sasa th, .blogger .add-recipe #bumbu-sasa td {
	float: left;
	height: inherit;
	margin-right: 5px;
}
.blogger .add-recipe #ingred th:first-child, .blogger .add-recipe #ingred td:first-child,
.blogger .add-recipe #bahan-utama th:first-child, .blogger .add-recipe #bahan-utama td:first-child,
.blogger .add-recipe #bumbu-sasa th:first-child, .blogger .add-recipe #bumbu-sasa td:first-child {
    width: 50px;
}
.blogger .add-recipe #bahan-utama th:nth-child(2), .blogger .add-recipe #bahan-utama td:nth-child(2),
.blogger .add-recipe #ingred th:nth-child(2), .blogger .add-recipe #ingred td:nth-child(2),
.blogger .add-recipe #bumbu-sasa th:nth-child(2), .blogger .add-recipe #bumbu-sasa td:nth-child(2) {
    width: 105px;
}
.blogger .add-recipe #bahan-utama th:nth-child(3), .blogger .add-recipe #bahan-utama td:nth-child(3),
.blogger .add-recipe #ingred th:nth-child(3), .blogger .add-recipe #ingred td:nth-child(3),
.blogger .add-recipe #bumbu-sasa th:nth-child(3), .blogger .add-recipe #bumbu-sasa td:nth-child(3) {
    width: 245px;
}
.blogger .add-recipe #bahan-utama th:last-child, .blogger .add-recipe #bahan-utama td:last-child,
.blogger .add-recipe #ingred th:last-child, .blogger .add-recipe #ingred td:last-child,
.blogger .add-recipe #bumbu-sasa th:last-child, .blogger .add-recipe #bumbu-sasa td:last-child {
    width: 285px;
    margin-right: 0px;
}
.blogger .add-recipe #bahan-utama tr input,
.blogger .add-recipe #ingred tr input,
.blogger .add-recipe #bumbu-sasa tr input,
select {
	width: inherit;
	height: 30px;
	background: none;
	box-sizing: border-box;
	border: none;
	padding: 0px 5px;
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Regular';*/
	color: #FFF;
}
.blogger .add-recipe #bahan-utama tr select option,
.blogger .add-recipe #ingred tr select option {
        background-color: #333;
}

/* agung autocomplete */
.blogger .add-recipe #bahan-utama tr .easy-autocomplete ul,
.blogger .add-recipe #ingred tr .easy-autocomplete ul,
.blogger .add-recipe #bumbu-sasa tr .easy-autocomplete ul{
	 background-color: #17181C;
	 border-left: 1px solid #595A5D;
	 border-right: 1px solid #595A5D;
	 font-family: 'PT Sans', sans-serif;
	 font-size: 12px;
	 width: 100%;
}
.blogger .add-recipe #bumbu-sasa tr .easy-autocomplete ul li:last-child {
    border-bottom: 1px solid #595A5D;
}
.blogger .add-recipe #bahan-utama tr .easy-autocomplete ul li,
.blogger .add-recipe #ingred tr .easy-autocomplete ul li,
.blogger .add-recipe #bumbu-sasa tr .easy-autocomplete ul li{
	 width: 100%;
}

.blogger .add-recipe #bahan-utama tr .easy-autocomplete-container ul li.selected,
.blogger .add-recipe #bahan-utama tr .easy-autocomplete-container ul li:hover,
.blogger .add-recipe #ingred tr .easy-autocomplete-container ul li.selected,
.blogger .add-recipe #ingred tr .easy-autocomplete-container ul li:hover,
.blogger .add-recipe #bumbu-sasa tr .easy-autocomplete-container ul li.selected,
.blogger .add-recipe #bumbu-sasa tr .easy-autocomplete-container ul li:hover {
	background-color: #595A5D;
}
/* agung end autocomplete */

/* agung new bahan */
.member .new-bahan-utama,
.member .new-bumbu-sasa,
.member .new-bumbu {
	margin-bottom: 10px;
}
.member .new-bahan-utama span,
.member .new-bumbu-sasa span,
.member .new-bumbu span {
	box-sizing: border-box;
	width: 100%;
}
.member .new-bumbu-sasa span,
.member .new-bumbu span {
	border: 1px solid #CCC;
	border-top: none;
	direction: ltr;
	display: table;
	position: relative;
}
.member .new-bumbu-sasa span:first-child,
.member .new-bumbu span:first-child {
	border-top: 1px solid #CCC;
}
.member .new-bahan-utama span input,
.member .new-bumbu-sasa span input,
.member .new-bumbu span input {
	width: 100%;
	height: 28px;
	background: none;
	border: none;
	box-sizing: border-box;
	padding: 0px 5px;
	font-family: 'PT Sans', sans-serif;
}
.member .new-bahan-utama span input {
	border: 1px solid #CCC;
}
.member .new-bumbu-sasa span .input,
.member .new-bumbu-sasa span .options,
.member .new-bumbu span .input,
.member .new-bumbu span .options {
	display: table-cell;
	vertical-align: middle;
}
.member .new-bumbu-sasa span .options,
.member .new-bumbu span .options {
	width: 53px;
}
.member .new-bumbu-sasa span .options a,
.member .new-bumbu span .options a {
	width: 16px;
	float: left;
	height: 16px;
	margin: 0 5px;
}
.member .last-message {
  margin: -5px 0 10px 0;
}
.member .last-message span {
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
}

/* agung end new bahan */

/* eko autocomplete */
.member .add-recipe #bahan-bahan tr .easy-autocomplete ul,
.member .add-recipe #ingred tr .easy-autocomplete ul,
.member .add-recipe #bumbu-sasa tr .easy-autocomplete ul,
.member .easy-autocomplete ul{
	 background-color: white;
	 border-left: 1px solid #ccc;
	 border-right: 1px solid #ccc;
	 font-family: 'PT Sans', sans-serif;
	 font-size: 12px;
	 width: 100%;
}
.member .add-recipe #bumbu-bumbu tr .easy-autocomplete ul li:last-child,
.member .add-recipe #ingred tr .easy-autocomplete ul li:last-child,
.member .add-recipe #bumbu-sasa tr .easy-autocomplete ul li:last-child,
.member .easy-autocomplete ul li:last-child {
    border-bottom: 1px solid #595A5D;
}
.member .add-recipe #bahan-bahan tr .easy-autocomplete ul li,
.member .add-recipe #ingred tr .easy-autocomplete ul li,
.member .add-recipe #bumbu-sasa tr .easy-autocomplete ul li,
.member .easy-autocomplete ul li{
	width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.member .easy-autocomplete ul li {
	padding: 5px 10px;
}

.member .add-recipe #bahan-bahan tr .easy-autocomplete-container ul li.selected,
.member .add-recipe #bahan-bahan tr .easy-autocomplete-container ul li:hover,
.member .add-recipe #ingred tr .easy-autocomplete-container ul li.selected,
.member .add-recipe #ingred tr .easy-autocomplete-container ul li:hover,
.member .add-recipe #bumbu-sasa tr .easy-autocomplete-container ul li.selected,
.member .add-recipe #bumbu-sasa tr .easy-autocomplete-container ul li:hover,
.member .easy-autocomplete-container ul li.selected,
.member .easy-autocomplete-container ul li:hover {
	background-color: #595A5D;
	color: white;
}
/* */

.blogger .add-recipe #addmore {
	float: left;
	width: 230px;
	background: none;
	border: 1px solid #FFF;
	border-radius: 0;
	margin: 5px 0px 20px 0px;
}
.blogger .add-recipe #addmore img {
	vertical-align: middle;
	margin-right: 5px;
}
.blogger .container-box .content .register .add-recipe .left-form {
	width: 340px;
	float: left;
}
.blogger .container-box .content .register .add-recipe .right-form {
	width: 340px;
	float: right;
}
.blogger .container-box .content .register .masked-upload {
	height: 28px;
	border: 1px solid #595A5D;
}
.blogger .container-box .content .register .masked-upload button {
	min-width: initial;
	height: 18px;
	margin: 5px 0px;
	float: right;
	background: none;
	border-left: 1px solid #595A5D;
	border-radius: 0;
	color: #FFF;
}
.blogger .container-box .content .register .add-recipe .reposition {
	width: calc(100% - 2px);
	height: 338px;
	border: 1px solid #5D5E61;
}
.blogger .container-box .content .register .add-recipe .Tokenize {
	width: inherit;
}
.blogger .container-box .content .register .add-recipe .TokensContainer {
	width: inherit;
	min-height: 110px;
	padding: 0;
	box-sizing: border-box;
	background: none;
	border: 1px solid #5D5D61;
}
.blogger .container-box .content .register .add-recipe .Dropdown {
	background-color: inherit;
	border: 1px solid #5D5D61;
	border-radius: 0px;
	position: relative;
	padding: 5px;
}
.blogger .container-box .content .register .add-recipe .Dropdown .Hover {
	background: #ED1C24;
}
.blogger .container-box .content .register .add-recipe .TokenSearch {
	margin-top: 0px;
}
.blogger .container-box .content .register .add-recipe .TokenSearch input {
	border: none;
}
.blogger .container-box .content .register .add-recipe .Token {
	background: #FFF;
	border: none;
}
.blogger .container-box .content .register .add-recipe .Token .Close {
	margin-top: 0;
	color: #000;
}
.blogger .container-box .content .register .add-recipe .Token span {
	float: left;
	margin: 0;
	font-family: 'BebasNeue Regular';
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
}
.blogger .container-box .content .register .add-recipe .ChosenToken {
	width: inherit;
	min-height: 110px;
	padding: 5px;
	display: table;
	border: 1px solid #595A5D;
	box-sizing: border-box;
}
.blogger .container-box .content .register .add-recipe .ChosenToken p {
	float: left;
	background: #FFF;
	margin: 0px 5px 0px 0px;
	padding: 0px 5px;
	font-family: 'BebasNeue Regular';
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color: #000;
}
.blogger .blogger-container .submitted {
	min-height: 340px;
}
.blogger .blogger-container .submitted .content > div {
	text-align: center;
	padding-top: 24px;
}
.blogger .blogger-container .submitted .content > div:before {
	content: '';
	display: inline-block;
    width: 96px;
    height: 88px;
    background: url(../img/users/member/icon/topi-koki.png);
    background-repeat: no-repeat;
}
.blogger .blogger-container .submitted .content > div p {
	font-size: 14px;
	font-style: normal;
}
.blogger .blogger-container .submitted .content > div a {
	width: 171px;
	height: 30px;
	margin: 20px auto;
	line-height: 30px;
	background: #ED1C24;
	border-radius: 15px;
	font-family: 'Airbag Regular';
	font-size: 16px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
}

.blogger .blogger-container .submitted .content > div a.dual {
	width: 171px;
	height: 30px;
	margin: 20px 10px;
	line-height: 30px;
	background: #ED1C24;
	border-radius: 15px;
	font-family: 'Airbag Regular';
	font-size: 16px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
        display: inline-block;
}

.blogger .blogger-container .submitted .content > div > span {
        text-align: center;
}

/* agung */
input.bahan-utama {
	width : 245px;
}
/* agung end */
/* Sasa Login CSS Ends Here */

/* Spice Up Popup CSS Starts Here */
#spice-up-popup {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	position: fixed;
	top: 0;
	z-index: 999999;
	display: none;
}
#spice-up-popup.larasa {

}
#spice-up-popup .wrapper {
	height: 499px;
	background: url(../img/background/spice-up-popup.jpg);
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -480px;
	margin-top: -250px;
}
#spice-up-popup .wrapper > div {
	height: inherit; /* 499px / inherit / IAN */
}
#spice-up-popup .sidebox {
	width: 303px;
	height: inherit;
	float: left;
	position: relative;
	font-family: 'BebasNeue Regular';
	text-align: center;
	text-transform: uppercase;
	box-shadow: 2px 0px 6px rgba(102,102,102,.5);

	background: rgb(228,228,228); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  rgba(228,228,228,1) 0%, rgba(229,229,229,1) 13%, rgba(236,236,236,1) 19%, rgba(238,238,238,1) 25%, rgba(240,240,240,1) 25%, rgba(250,250,250,1) 46%, rgba(250,250,250,1) 56%, rgba(247,247,247,1) 65%, rgba(244,244,244,1) 72%, rgba(242,242,242,1) 73%, rgba(239,239,239,1) 79%, rgba(235,235,235,1) 83%, rgba(236,236,236,1) 84%, rgba(229,229,229,1) 90%, rgba(228,228,228,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,228,228,1)), color-stop(13%,rgba(229,229,229,1)), color-stop(19%,rgba(236,236,236,1)), color-stop(25%,rgba(238,238,238,1)), color-stop(25%,rgba(240,240,240,1)), color-stop(46%,rgba(250,250,250,1)), color-stop(56%,rgba(250,250,250,1)), color-stop(65%,rgba(247,247,247,1)), color-stop(72%,rgba(244,244,244,1)), color-stop(73%,rgba(242,242,242,1)), color-stop(79%,rgba(239,239,239,1)), color-stop(83%,rgba(235,235,235,1)), color-stop(84%,rgba(236,236,236,1)), color-stop(90%,rgba(229,229,229,1)), color-stop(100%,rgba(228,228,228,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(229,229,229,1) 13%,rgba(236,236,236,1) 19%,rgba(238,238,238,1) 25%,rgba(240,240,240,1) 25%,rgba(250,250,250,1) 46%,rgba(250,250,250,1) 56%,rgba(247,247,247,1) 65%,rgba(244,244,244,1) 72%,rgba(242,242,242,1) 73%,rgba(239,239,239,1) 79%,rgba(235,235,235,1) 83%,rgba(236,236,236,1) 84%,rgba(229,229,229,1) 90%,rgba(228,228,228,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(229,229,229,1) 13%,rgba(236,236,236,1) 19%,rgba(238,238,238,1) 25%,rgba(240,240,240,1) 25%,rgba(250,250,250,1) 46%,rgba(250,250,250,1) 56%,rgba(247,247,247,1) 65%,rgba(244,244,244,1) 72%,rgba(242,242,242,1) 73%,rgba(239,239,239,1) 79%,rgba(235,235,235,1) 83%,rgba(236,236,236,1) 84%,rgba(229,229,229,1) 90%,rgba(228,228,228,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(229,229,229,1) 13%,rgba(236,236,236,1) 19%,rgba(238,238,238,1) 25%,rgba(240,240,240,1) 25%,rgba(250,250,250,1) 46%,rgba(250,250,250,1) 56%,rgba(247,247,247,1) 65%,rgba(244,244,244,1) 72%,rgba(242,242,242,1) 73%,rgba(239,239,239,1) 79%,rgba(235,235,235,1) 83%,rgba(236,236,236,1) 84%,rgba(229,229,229,1) 90%,rgba(228,228,228,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(228,228,228,1) 0%,rgba(229,229,229,1) 13%,rgba(236,236,236,1) 19%,rgba(238,238,238,1) 25%,rgba(240,240,240,1) 25%,rgba(250,250,250,1) 46%,rgba(250,250,250,1) 56%,rgba(247,247,247,1) 65%,rgba(244,244,244,1) 72%,rgba(242,242,242,1) 73%,rgba(239,239,239,1) 79%,rgba(235,235,235,1) 83%,rgba(236,236,236,1) 84%,rgba(229,229,229,1) 90%,rgba(228,228,228,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-8 */
}
#spice-up-popup .sidebox .product-profile {
	width: 210px;
	margin: auto;
	margin-top: 25px;
	display: table;
}
#spice-up-popup .sidebox .product-profile h4, .sidebox .product-size h4 {
	font-weight: normal;
	margin: 0px;
}
#spice-up-popup .sidebox .product-profile h4 {
	font-size: 24px;
	color: #333;
}
#spice-up-popup .sidebox .tagline {
	font-size: 14px;
	color: #E11E26;
}
#spice-up-popup .sidebox .thumb {
	display: table;
	margin: 20px auto 25px;
}
#spice-up-popup .sidebox .product-size {
	width: inherit;
	height: 114px;
	background: #E11E26;
	position: absolute;
	bottom: 0;
	color: #FFF;
	padding: 12px;
	box-sizing: border-box;
}
#spice-up-popup .sidebox .product-size h4 {
	font-size: 18px;
}
#spice-up-popup .sidebox .product-size .variant {
	display: table;
	margin: auto;
	margin-top: 10px;
}
#spice-up-popup .sidebox .product-size .variant div {
	display: block;
	float: left;
	margin: 0px 18px;
}
#spice-up-popup .sidebox .product-size .variant div span:first-child {
	height: 48px;
	display: table-cell;
	vertical-align: bottom;
}
#spice-up-popup .sidebox .product-size .variant div span:last-child {
	font-size: 17px;
	display: table-row;;
}
#spice-up-popup .about-product {
	width: 657px;
	height: inherit;
	float: left;
}
#spice-up-popup .about-product .menu {
	height: 54px;
	background: rgba(255,204,0,.2);
}
#spice-up-popup .about-product .menu ul {
	margin: auto 16px;
}
#spice-up-popup .about-product .menu li {
	width: 208px;
	float: left;
	font-family: 'BebasNeue Regular';
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
}
#spice-up-popup .about-product .menu li a {
	color: #333;
	line-height: 54px;
	position: relative;
}
#spice-up-popup .about-product .menu li a:hover, #spice-up-popup .about-product .menu li a.active {
	height: 52px;
	color: #E11E26;
	border-bottom: 2px solid #E11E26;
}
#spice-up-popup .about-product .menu li a:hover:after, #spice-up-popup .about-product .menu li a.active:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: -10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 12px solid #E11E26;
	position: absolute;
	bottom: -14px;
	left: 50%;
}

.forcepaddingtop {
	padding-top:14px;
}
#spice-up-popup .about-product .menu-content {
	margin: 20px 30px auto;
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Bold';*/
	color: #333;
}

.forcesquare li {
	list-style-type: square !important;
}

.forcedisc li {
	list-style-type: disc !important;
}

#spice-up-popup .menu-content > div {
	display: none;
	padding-top: 14px;
}
#spice-up-popup .menu-content > div:first-child {
	padding-top: 0px;
}
#spice-up-popup .about-product .tepung-bumbu {
	height: 375px;
	margin: 20px 20px auto;
}
#spice-up-popup .about-product .tepung-bumbu .suggest {
	width: auto !important;
}
#spice-up-popup .about-product .menu-content .privilege {
}
#spice-up-popup .about-product .menu-content .privilege p {
	font-size: 16px;
}
#spice-up-popup .about-product .menu-content .how-to-cook {
	display: table;
	margin: auto;
}
#spice-up-popup .about-product .how-to-cook .step {
	width: 138px;
	float: left;
	margin: 0px 24px;
	text-align: center;
	position: relative;
}
#spice-up-popup .about-product .how-to-cook .step .order {
	width: 26px;
	height: 26px;
	background: #E11E26;
	border-radius: 20px;
	position: absolute;
	left: -13px;
	z-index: 1;
}
#spice-up-popup .about-product .how-to-cook .step .order span {
	width: 20px;
	height: 20px;
	display: block;
	margin: 2px;
	border: 1px solid #FFF;
	border-radius: 10px;
	font-family: 'BebasNeue Regular';
	font-size: 16px;
	color: #FFF;
	line-height: 20px;
}
#spice-up-popup .about-product .how-to-cook .step .thumb {
	height: 94px;
	background: #FFF;
	border: 2px solid #333;
	position: relative;
	top: 13px;
	overflow: hidden;
	margin-bottom:20px;
}
#spice-up-popup .about-product .how-to-cook .step p {
	font-size: 12px;
}
#spice-up-popup .about-product .how-to-cook .no-image {
	float: none;
	width: auto;
	display: table;
	margin: auto;
	margin-bottom: 14px;
}
#spice-up-popup .about-product .how-to-cook .no-image .order {
	display: inline-table;
	vertical-align: middle;
	position: relative;
	left: 0px;
}
#spice-up-popup .about-product .how-to-cook .no-image .thumb {
	display: none;
}
#spice-up-popup .about-product .how-to-cook .no-image p {
	display: table-cell;
	vertical-align: middle;
	padding-left: 6px;
}
#spice-up-popup .about-product .menu-content .suggestions {
}

div.inline-center { text-align:center !important; }
div.inline-center div.step { float:none !important; display:inline-table !important; }
#spice-up-popup .about-product .suggestions div {
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Bold';*/
	font-size: 16px;
	margin-bottom: 20px;
}
#spice-up-popup .about-product .suggestions div label, #spice-up-popup .about-product .how-to-cook div label {
	font-family: 'BebasNeue Regular';
	font-size: 21px;
	color: #FF9900;
}
#spice-up-popup .about-product .suggestions div ul, #spice-up-popup .about-product .suggestions div ol {
/*	padding-left: 30px;/*18px;*/


}
#spice-up-popup .about-product .suggestions div li {
	float: none;
	list-style-type: decimal;
}
#spice-up-popup .about-product .suggestions div p {
	margin: 0;
}
#spice-up-popup .about-product .how-to-cook .suggest {
	width: 480px;
/*	margin-bottom: 27px;*/
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Bold';*/
	font-size: 16px;
	text-align: center;
}
#spice-up-popup .about-product .how-to-cook .cooking {
	height: 102px;
	margin: auto;
	margin-bottom: 0px;
}
#spice-up-popup .about-product .how-to-cook .suggest label {
	font-family: 'BebasNeue Regular';
	font-size: 21px;
	color: #FF9900;
}
#spice-up-popup .about-product .how-to-cook .suggest p {
	margin: 0;
}
#spice-up-popup .about-product .how-to-cook .drop-to-bottom {
	display: table;
	margin: auto;
}
#spice-up-popup .closePopup {
	width: 40px;
	height: 40px;
	background: url(../img/icon/close-popup.png);
	position: absolute;
	right: -20px;
	top: -20px;
}
/* Spice Up Popup CSS Ends Here */

/* Widget CSS Starts Here */
.login-via div {
	width: 170px;
	height: 40px;
	margin-bottom: 20px;
	position: relative;
}
.login-via div > div, .login-via div > div iframe {
	width: inherit !important;
	height: inherit !important;
}
.login-via div > div {
	position: absolute !important;
	top: 0;
	opacity: 0;
	z-index: 99999;
}
.login-via div > div > button {
	margin-top: 0 !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
	width: 9px !important;
	background-color: #808080 !important;
}
.mCSB_scrollTools .mCSB_dragger {
	width: 7px !important;
	left: 4px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 7px !important;

	background-color: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 23%, rgba(255,255,255,0.25) 26%, rgba(255,255,255,0.25) 33%, rgba(252,252,252,0.3) 35%, rgba(251,251,251,0.44) 36%, rgba(251,251,251,0.44) 45%, rgba(246,246,246,0.58) 48%, rgba(246,246,246,0.58) 57%, rgba(241,241,241,0.69) 59%, rgba(241,241,241,0.69) 68%, rgba(240,240,240,0.71) 70%, rgba(235,235,235,0.76) 71%, rgba(235,235,235,0.76) 81%, rgba(231,231,231,0.81) 83%, rgba(230,230,230,0.83) 84%, rgba(230,230,230,0.83) 90%, rgba(232,232,232,0.8) 91%, rgba(245,245,245,0.57) 93%, rgba(255,255,255,0) 94%, rgba(255,255,255,0) 100%) !important; /* FF3.6+ */
	background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(23%,rgba(255,255,255,0)), color-stop(26%,rgba(255,255,255,0.25)), color-stop(33%,rgba(255,255,255,0.25)), color-stop(35%,rgba(252,252,252,0.3)), color-stop(36%,rgba(251,251,251,0.44)), color-stop(45%,rgba(251,251,251,0.44)), color-stop(48%,rgba(246,246,246,0.58)), color-stop(57%,rgba(246,246,246,0.58)), color-stop(59%,rgba(241,241,241,0.69)), color-stop(68%,rgba(241,241,241,0.69)), color-stop(70%,rgba(240,240,240,0.71)), color-stop(71%,rgba(235,235,235,0.76)), color-stop(81%,rgba(235,235,235,0.76)), color-stop(83%,rgba(231,231,231,0.81)), color-stop(84%,rgba(230,230,230,0.83)), color-stop(90%,rgba(230,230,230,0.83)), color-stop(91%,rgba(232,232,232,0.8)), color-stop(93%,rgba(245,245,245,0.57)), color-stop(94%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))) !important; /* Chrome,Safari4+ */
	background-color: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 23%,rgba(255,255,255,0.25) 26%,rgba(255,255,255,0.25) 33%,rgba(252,252,252,0.3) 35%,rgba(251,251,251,0.44) 36%,rgba(251,251,251,0.44) 45%,rgba(246,246,246,0.58) 48%,rgba(246,246,246,0.58) 57%,rgba(241,241,241,0.69) 59%,rgba(241,241,241,0.69) 68%,rgba(240,240,240,0.71) 70%,rgba(235,235,235,0.76) 71%,rgba(235,235,235,0.76) 81%,rgba(231,231,231,0.81) 83%,rgba(230,230,230,0.83) 84%,rgba(230,230,230,0.83) 90%,rgba(232,232,232,0.8) 91%,rgba(245,245,245,0.57) 93%,rgba(255,255,255,0) 94%,rgba(255,255,255,0) 100%) !important; /* Chrome10+,Safari5.1+ */
	background-color: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 23%,rgba(255,255,255,0.25) 26%,rgba(255,255,255,0.25) 33%,rgba(252,252,252,0.3) 35%,rgba(251,251,251,0.44) 36%,rgba(251,251,251,0.44) 45%,rgba(246,246,246,0.58) 48%,rgba(246,246,246,0.58) 57%,rgba(241,241,241,0.69) 59%,rgba(241,241,241,0.69) 68%,rgba(240,240,240,0.71) 70%,rgba(235,235,235,0.76) 71%,rgba(235,235,235,0.76) 81%,rgba(231,231,231,0.81) 83%,rgba(230,230,230,0.83) 84%,rgba(230,230,230,0.83) 90%,rgba(232,232,232,0.8) 91%,rgba(245,245,245,0.57) 93%,rgba(255,255,255,0) 94%,rgba(255,255,255,0) 100%) !important; /* Opera 11.10+ */
	background-color: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 23%,rgba(255,255,255,0.25) 26%,rgba(255,255,255,0.25) 33%,rgba(252,252,252,0.3) 35%,rgba(251,251,251,0.44) 36%,rgba(251,251,251,0.44) 45%,rgba(246,246,246,0.58) 48%,rgba(246,246,246,0.58) 57%,rgba(241,241,241,0.69) 59%,rgba(241,241,241,0.69) 68%,rgba(240,240,240,0.71) 70%,rgba(235,235,235,0.76) 71%,rgba(235,235,235,0.76) 81%,rgba(231,231,231,0.81) 83%,rgba(230,230,230,0.83) 84%,rgba(230,230,230,0.83) 90%,rgba(232,232,232,0.8) 91%,rgba(245,245,245,0.57) 93%,rgba(255,255,255,0) 94%,rgba(255,255,255,0) 100%) !important; /* IE10+ */
	background-color: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 23%,rgba(255,255,255,0.25) 26%,rgba(255,255,255,0.25) 33%,rgba(252,252,252,0.3) 35%,rgba(251,251,251,0.44) 36%,rgba(251,251,251,0.44) 45%,rgba(246,246,246,0.58) 48%,rgba(246,246,246,0.58) 57%,rgba(241,241,241,0.69) 59%,rgba(241,241,241,0.69) 68%,rgba(240,240,240,0.71) 70%,rgba(235,235,235,0.76) 71%,rgba(235,235,235,0.76) 81%,rgba(231,231,231,0.81) 83%,rgba(230,230,230,0.83) 84%,rgba(230,230,230,0.83) 90%,rgba(232,232,232,0.8) 91%,rgba(245,245,245,0.57) 93%,rgba(255,255,255,0) 94%,rgba(255,255,255,0) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ) !important; /* IE6-8 */
}
/* Widget CSS Ends Here */

hr.line {
	background: rgb(117,156,203);
	border: none;
	height: 1px;
}
#content.video .wrapper.fix {
	width: 560px;
}
.list-popup-item li {
	float: none;
	font-family: 'PT Sans', sans-serif;
	list-style-type: decimal;
	font-size: 16px;
	margin-bottom: 10px;
}

span.underline {
	/*text-decoration:underline;*/
	font-weight: bold;
}
.list-popup-item {
	margin-left:23px;/*30px;*/
	padding-left:0 !important;
}

ol.list-popup-item li {
	list-style-type:decimal;
}
ul.list-popup-item li {
	list-style-type: square;
}
.saranbakwan {
	display: inline; color: #FF9900; font-weight: bold;
}
.saranbakwan:hover {
	text-decoration: underline;
}
#spice-up-popup .sidebox .product-size a {
	width: 11px;
	height: 19px;
	background: url(../img/icon/gramation-controls.png);
	position: absolute;
	bottom: 27px;
}
#spice-up-popup .sidebox .product-size a.prev {
	left: 12px;
	background-position: 0px 0px;
}
#spice-up-popup .sidebox .product-size a.next {
	right: 12px;
	background-position: -14px 0px;
}
.widthauto {
	width: auto !important;
}

/* agung start */
div.blogger .right-form span {
	display: table;
}
div.blogger .right-form span label {
	font-family: 'Arial';
	float: right;
	display: table;
}
div.blogger .right-form span label a {
}
div.blogger a.kontes-ramadhan {
	color: #2CB200;
	font-weight: bold;
}

div.blogger a.syarat-ketentuan {
	text-decoration: underline;
	font-weight: bold;
	color: #FFF;
}

div.tags-collection span a {
    width: 134px;
    height: 30px;
    padding: 0px 10px;
    margin: auto;
    margin-top: 6px;
	margin-bottom: 6px;
    line-height: 30px;
    background: #ED1C24;
    border: none;
    border-radius: 15px;
    font-family: 'BebasNeue Regular';
    font-size: 18px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.25s;
}

div.tags-collection span a img {
	margin-top: 6px;
    float: right;
}

div.tags-collection span a:hover {
	background: #FFCC33;
	transition: background 0.25s;
}

/* agung end */

/* Footer CSS Starts Here */
#footer {
    margin-top: 45px;
    color: #666;
    margin-bottom: -5px;
}

#footer.fix{
	position:fixed;
	top:100%;
	margin-top:-35px;
	width:100%;
}



#footer .wrapper {
	width: calc(100% - 60px);
}
#footer small {
	font-family: 'PT Sans', sans-serif;/*'Dustismo Roman Bold';*/
	font-size: 11px;
	float: left;
	margin-left: 10px;
	width: 70%;
}

.list-popup-item ol, .list-popup-item ul {
	margin-top: 10px;
}
#footer .right-menu {
	float: right;
	margin-right: 178px;
}
#footer .right-menu span {
	float: left;
	display: table;
	padding-right: 12px;
	line-height: 25px;
	border-right: 1px solid #B2B2B2;
}
#footer .right-menu span a {
	font-size: 18px;
	color: #666;
	text-transform: uppercase;
}
#footer .right-menu span a:hover {
	color: #ED1C24;
}
#footer .right-menu ul {
	float: left;
	margin: 1px 0px;
}
#footer .right-menu li {
	float: left;
	margin-left: 10px;
}
#footer .right-menu li a {
	background: url(../img/icon/footer-socmed.png);
}
#footer .right-menu li a.facebook {
	width: 21px;
	height: 21px;
	background-position: 0px 0px;
	margin: 1px 0px;
}
#footer .right-menu li a.facebook:hover {
	background-position: 0px -31px;
}
#footer .right-menu li a.twitter {
	width: 21px;
	height: 17px;
	background-position: -31px -2px;
	margin: 2px 0px;
}
#footer .right-menu li a.twitter:hover {
	background-position: -31px -33px;
}
#footer .right-menu li a.instagram {
    width: 20px;
    height: 20px;
    background-position: -90px 0px;
    margin: 2px 0px;
}
#footer .right-menu li a.instagram:hover {
    background-position: -90px -32px;
}
#footer .right-menu li a.youtube {
	width: 18px;
	height: 21px;
	background-position: -62px 0px;
}
#footer .right-menu li a.youtube:hover {
	background-position: -62px -31px;
}

#footer .mascot {
    height: 73px;
    width: 171px;
    position: fixed;
    bottom: -2px;
    right: 30px;
    z-index: 2
}
#footer .mascot a {
    bottom: 0;
    position: absolute;
    right: 0;
}
/*#footer .mascot a.click-me {
    right: 0;
}
#footer .mascot a.bubble-info {
    right: 0;
}*/
/* Footer CSS Ends Here */

/* Media Queries Starts Here */
#mobile-logo {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	display: none;
}
.close-dropdown {
	text-align: center;
	border-bottom: 1px solid #940C12;
	display: none;
}
.close-dropdown a {
	padding: 12px;
}
.small-menu {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	display: none;
}
.small-menu a div {
	width: 16px;
	float: left;
	margin: 4px 5px 4px 0px;
}
.small-menu a > span {
	float: left;
	font-size: 18px;
	color: #FFF;
}
.small-menu div span {
	width: inherit;
	height: 2px;
	background: #FFF;
	margin-bottom: 2px;
	display: block;
}
.small-menu div span:last-child {
	margin-bottom: 0;
}
.mobile-right-menu {
	float: right;
	display: none;
	margin: 12px 12px 12px 0px;
}
.mobile-right-menu .member-login, .mobile-right-menu .borderline, .mobile-right-menu .search-recipe {
	float: left;
}
.mobile-right-menu .borderline {
	width: 1px;
	height: 30px;
	background: #A40D14;
	margin: -2px 10px;
}
.food-from {
    height: 40px;
    background: #FC3;
    line-height: 40px;
    text-align: center;
    color: #ED1C24;
    font-size: 24px;
    font-weight: bold;
}
@media screen and (min-width: 1920px) {
	#header li.logo-spot {
		width: 251px;
		height: 196px;
		background: none;
		margin: 0;
	}
	#header li.logo-spot a {
		width: 251px;
		height: 196px;
		top: -20px;
		left: 0;
	}
	#header .wrapper:not(.cont) {
		width: 1040px;
	}
	p.bigger {
		display: block;
	}
	p.smaller {
		display: none;
	}
	.recipe-image.mobile, .middle-article-container {
		display: none;
	}
	.filter-by-tags#desktoptag {
		display: none;
	}
	.filter-by-tags#mobiletag {
		display: none;
	}
	.slide#mobiletag {
		display: none !important;
	}

	/* agung */
	div#content.member {
		padding-top: 148px;
	}
	/* agung end */
	.fullview {
		display: table;
	}
	.fullview-middle {
		display: table-cell;
		position: relative;
		top: -3rem;
		vertical-align: middle;
	}
	.spice-up .container {
		position: relative;
	}
	.spice-up .wrapper > a.prev {
		left: -8rem;
	}
	.spice-up .wrapper > a.next {
		right: -8rem;
	}
}
@media screen and (min-width: 1281px) {
	.recipe-image.mobile, .middle-article-container {
		display: none;
	}
	.filter-by-tags#desktoptag {
		display: none;
	}
	.filter-by-tags#mobiletag {
		display: none;
	}
	.slide#mobiletag {
		display: none !important;
	}
}
@media screen and (max-width: 1280px) {
	.wrapper {

	}
	p.bigger {
		display: block;
	}
	p.smaller {
		display: none;
	}
	.recipe-image.mobile, .middle-article-container {
		display: none;
	}
	.filter-by-tags#desktoptag {
		display: none;
	}
	.filter-by-tags#mobiletag {
		display: none;
    }
    .slide#mobiletag {
    	display: none !important;
    }

    #header li:last-child {
    	width: 119px;
    }
	#content.video .wrapper.fix {
		width: 560px !important;
	}
    #pinwrap {
    	width: 80%;
    }
    .video .popular-article .article-group .menu-content {
    	width: 59.1%;
    }
    .parent-details .share-to-socmed a, .video-container .share-to-socmed a, .highlight-recipe .share-to-socmed a {
    	margin: 0px 3px;
    }
    .related-recipe h2, .popular-article h2 {
    	font-size: 26px;
    }
    /* .spice-up .wrapper {
    	width: inherit !important;
    } */
    #content.member .wrapper, #content.blogger .wrapper {
		width: calc(100% - 40px) !important;
	}
	.contact-container .contact-form {
		width: 300px;
	}
    #footer small {
    	width: 75%;
    }
}
@media screen and (max-width: 960px) {

}
@media screen and (max-width: 800px) {
	/* #header {
		zoom: 0.84;
	} */
	.wrapper.fluid {
		width: 740px !important;
		min-width: inherit;
	}
	.recipe-container .wrapper {
		width: 100%;
	}
	#pinwrap {
		width: 100%;
	}
	.recipe-content {
		width: inherit;
	}
	.recipe-image .thumb {
		width: 250px;
		height: 250px;
	}
	.recipe-image .thumb .view {
		width: 250px;
		height: 250px;
	}
	.recipe-image .thumb img {
		width: 250px;
		height: 250px;
	}
	.recipe-image .full-recipe-tag {
		zoom: 0.8;
	}
	.recipe-content .about-recipe {
		width: 509px;
	}
	.recipe-content .about-recipe .ingredients, .how-to-make, .recipe-desc {
		width: 360px;
	}
	.recipe-content .top h2 {
		font-size: 44px;
	}
	.recipe-content .top .source a {
		font-size: 11px;
	}
	.recipe-content .cooking-time .number, .recipe-content h3, .recipe-content li .amount {
		font-size: 20px;
	}
	.recipe-content li .type, .recipe-desc p {
		font-size: 13px;
		padding-left:0;
	}
	.recipe-content .area-name {
		display: none;
	}
	.indonesia-map {
		height: auto;
	}
	.indonesia-map a {
		display: none !important;
	}
	.details-container > a {
		top: -20px;
	}
	.video .wrapper {
		width: calc(100% - 40px);
	}
	.video .popular-article .article-group .menu {
		height: 160px;
	}
	.video .popular-article .article-group .thumb {
		width: 160px;
	}
	.video .popular-article .article-group .menu-content {
		width: 57%;
	}
	.video .popular-article .article-group .text {
		margin: 9px auto;
		width: 170px;
	}
	.article .wrapper {
		width: calc(100% - 40px);
	}
	.article-group .text a {
		font-size: 20px;
	}
	.article-group .text p {
		font-size: 11px;
	}
	.member-container .topimg {
		background: none;
	}
	.member .member-container .container-box .content .register {
		width: 100% !important;
	}
	#content.contact {
		padding-top: 15px;
	}
	.contact .wrapper {
		width: 100%;
	}
	.contact .maps, .contact .contact-container {
		float: none;
		width: inherit;
	}
	.contact .maps {
		height: 300px;
	}
	.contact .article-container {
		width: 100%;
		height: auto;
		display: inline-block;
		padding-bottom: 30px;
	}
	.contact-container .contact-form, .contact-container .contact-details {
		width: inherit;
	}
	#footer .wrapper {
		width: calc(100% - 40px) !important;
	}
	#footer small {
		width: 70%;
	}
    #footer .mascot {
        display: none;
    }
}
@media screen and (max-width: 768px) {
	#mobiletag { display: none; height: auto; }
	#header {
		zoom: reset !important;
		width: 100vw;
		height: 50px;
		background: url(../img/background/header-small.jpg);
		border-bottom: 3px solid #A40D14;
		box-shadow: 0px 0px 3px 3px rgba(0,0,0,.39);
		z-index: 99999;
	}
	#header .wrapper {
		width: 100% !important;
	}
	#mobile-logo {
		display: block;
	}
	.mobile-right-menu {
		display: block;
		margin: 12px 20px 12px 0px;
	}
	#header ul {
		display: none;
		background: url(../img/background/header-small.jpg);
	}
	#header li {
		width: 33.33%;
		height: 65px;
		border-left: 1px solid #940C12;
		border-bottom: 1px solid #940C12;
		margin: 0;
		padding: 12px 0px;
	}
	#header li#third-menu, #header li#last-menu {
		margin-left: -3px;
	}
	#header li#fourth-menu {
		border-left: none;
	}
	#header li:last-child {
		width: 33.33%;
	}
	#header li.logo-spot {
		display: none;
	}
	#header ul li .submenu li {
		padding: 0;
	}
	#header div.wrapper > ul li:last-child:hover > ul.submenu {
		display: none !important;
	}
	li.hassub:hover #spicesub, li.hassub:hover #cookingnarysub {
		display: none !important;
	}
	.top-bar {
		width: 100%;
		left: 0;
		position: absolute;
		top: 0;
		z-index: 99999;
		margin: 0;
		border: 5px solid #E11E26;
		box-sizing: border-box;
		display: none;
	}
	.filter-by-tags#desktoptag {
		display: none;
	}
	.slide#mobiletag {
		display: block !important;
	}
	.small-menu {
		display: block;
		left: 20px;
	}
	#content {
		padding-top: 53px;
	}
	#content.video {
		padding-top: 92px;
	}
	.parent-details .share-to-socmed a, .video-container .share-to-socmed a, .highlight-recipe .share-to-socmed a {
		margin: 0px 2px;
	}
	.wrapper.fluid {
		width: 100% !important;
	}
	.recipe-container .wrapper {
		width: calc(100% - 40px);
	}
	.video .wrapper {
		width: calc(100% - 40px);
	}
	.video .popular-article .article-group .menu {
		height: 150px;
	}
	.video .popular-article .article-group .thumb {
		width: 150px;
	}
	.video .popular-article .article-group .menu-content {
		width: 57.9%;
	}
	.video .popular-article .article-group .text {
		height: 97px;
	}
	.article .wrapper {
		width: calc(100% - 40px);
		padding-top: 0 !important;
	}
	.parent-article-content .article-content {
		margin: 20px;
	}
	.member .container-box .content .register form {
		width: 405px;
	}
	.contact .article-container {
		padding-bottom: 20px;
	}
	.contact-container .contact-form {
		float: left;
		width: 50%;
	}
	.contact-container .contact-details {
		float: right;
		width: 40%;
	}
	#footer .wrapper {
		width: calc(100% - 40px);
	}
	#footer small {
		width: 59%;
		margin-left: 20px;
	}
	#footer .right-menu {
		margin-right: 20px;
	}
	.member-container .container-box .content .content-block .benefit {
		margin-bottom: 15px;
		width: 100%;
	}
}
@media screen and (max-width: 736px) {
	/* #header {
		zoom: 0.77;
	} */
	#pinwrap {
		height: 280px;
	}
	.details-container > a {
		font-size: 20px;
		top: -20px;
	}
	.wrapper > a.kembali, .vidzoom a.kembali {
		font-size: 16px;
	}
	.wrapper.fluid {
		width: 100% !important;
	}
	.recipe-container .wrapper {
		width: calc(100% - 40px);
	}
	.highlight-recipe .share-to-socmed {
		width: 132px;
	}
	.video .wrapper {
		width: calc(100% - 40px);
	}
	.video .popular-article .article-group .menu {
		height: 140px;
	}
	.video .popular-article .article-group .thumb {
		width: 140px;
	}
	.video .popular-article .article-group .menu-content {
		width: 58.9%;
	}
	.video .popular-article .article-group .text {
		height: 87px;
	}
	.recipe-content .about-recipe .ingredients, .how-to-make, .recipe-desc {
		width: 340px;
	}
	.recipe-image .thumb img {
		width: 240px;
		height: 240px;
	}
	.article .wrapper {
		width: calc(100% - 40px);
		padding-top: 0 !important;
	}
	.parent-article-content .article-content {
		margin: 20px;
	}
	.article-group .text a {
		font-size: 18px;
		line-height: 18px;
	}
	.article-group .text p {
		margin-top: 3px;
	}
	.container-box .content .register label.password {
		width: 100%;
	}
	.container-box .content .bordered-heading, .container-box .content-wrapper h2 {
		font-size: 32px;
	}
	.member .container-box .content .register form {
		width: 373px;
	}
	#footer .wrapper {
		width: calc(100% - 40px);
	}
}
@media screen and (max-width: 667px) {
	/* #header {
		zoom: 0.7;
	} */
	.wrapper {
		width: 100% !important;
	}
	.wrapper.fluid {
		width: 100% !important;
		min-width: inherit;
	}
	.wrapper > a.kembali, .vidzoom a.kembali {
		display: inline-block;
		left: 20px;
		font-size: 18px;
	}
	.wrapper > a.kembali:hover, .vidzoom a.kembali:hover {
		left: 10px;
	}
	.recipe-image {
		display: none;
	}
	.recipe-image.mobile {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		margin: auto;
		top: 0;
	}
	.recipe-image.mobile .thumb {
		width: 100%;
		height: auto;
		text-align: center;
		position: relative;
	}
	.recipe-image.mobile .thumb .view {
		display: none;
	}
	.recipe-image.mobile .thumb img {
		width: 100%;
		height: auto;
		border: none;
		border-radius: inherit;
	}
	.recipe-image.mobile .thumb .gradient {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		-webkit-transition: all, 0.25s;
		-moz-transition: all, 0.25s;
		-ms-transition: all, 0.25s;
		-o-transition: all, 0.25s;
		transition: all, 0.25s;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.82) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(35%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.82)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.82) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.82) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.82) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.82) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d1000000',GradientType=0 );
	}
	.recipe-image.mobile .thumb h2 {
		position: absolute;
		left: 20px;
		bottom: 20px;
		margin: 0;
		font-size: 36px;
		color: #FFF;
		text-align: left;
		font-weight:normal;
	}
	.recipe-image .full-recipe-tag {
		display: none !important;
	}
	.recipe-content {
		box-shadow: none;
	}
	.recipe-content .top h2, .recipe-content .top .source {
		display: none;
	}
	.recipe-content .top, .recipe-content .about-recipe {
		border-left: none;
	}
	.recipe-content .cooking-time {
		padding: 14px 0px;
	}
	.middle-article-container {
		height: 40px;
		text-align: center;
		display: block;
	}
	.middle-article-container.full-recipe {
		background: url(../img/background/full-recipe-mobile.png) no-repeat 34px -15px;
		background-color: #0078C9;
	}
	.middle-article-container.video {
		background-color: #0078C9;
	}
	.middle-article-container.video:before {
		content: '';
		display: inline-block;
		width: 18px;
		height: 21px;
		background: url(../img/background/watch-now.png) no-repeat;
		margin-right: 10px;
	}
	.middle-article-container a {
		font-size: 27px;
		color: #FFF;
		line-height: 40px;
		display: inline-block;
	}
	.bottom-article-container {
		position: relative;
	}
	.recipe-content .sidebar {
		width: auto;
		height: auto;
		position: absolute;
		top: -92px;
		right: 10px;
	}
	.recipe-content .middle-article-container + .bottom-article-container .sidebar {
		top: -132px;
	}
	.recipe-content .spot {
		width: auto;
		margin: 0px 10px;
		padding: 6px 0px;
	}
	.recipe-content .cooking-time {
		margin-left: 10px;
	}
	.recipe-content .cooking-time .centered {
		width: auto;
		margin-left: 10px;
	}
	.recipe-content .bookmarks {
		padding-top: 6px;
	}
	.recipe-content .about-recipe {
		width: calc(100% - 40px);
		float: none;
		margin: auto;
	}
	.recipe-content .about-recipe .ingredients, .how-to-make, .recipe-desc {
		width: 100% !important;
		margin-left: 0;
		margin-top: 10px;
	}
	.recipe-content .about-recipe .how-to-make {
		margin-bottom: 0;
	}
	.recipe-content .tags {
		width: auto;
		margin-left: 0;
		padding-bottom: 10px !important;
	}
	.related-recipe {
		margin-top: 10px;
	}
	#pinwrap {
		height: 270px;
	}
	.parent-article-content .article-content {
		margin: 20px;
	}
	.video .popular-article .article-group .menu {
		height: 130px;
	}
	.video .popular-article .article-group .thumb {
		width: 130px;
	}
	.video .popular-article .article-group .menu-content {
		width: 60.19%;
	}
	.video .popular-article .article-group .text {
		margin: 4px auto;
	}
	.member .container-box .content .register form {
		width: 304px;
	}
	.container-box .content .bordered-heading, .container-box .content-wrapper h2 {
		font-size: 28px;
	}
	#footer small {
		width: 60% !important;
	}
}
@media screen and (max-width: 640px) {
	.small-menu {
		left: 20px;
	}
	.mobile-right-menu {
		margin-right: 20px;
	}
	.wrapper {
		width: calc(100% - 40px) !important;
	}
	.wrapper.fluid {
		min-width: inherit !important;
	}
	.home .wrapper {
		width: 100% !important;
	}
	.wrapper > a.kembali, .vidzoom a.kembali {
		left: 20px;
	}
	.wrapper > a.kembali:hover, .vidzoom a.kembali:hover {
		left: 10px;
	}
	.article .wrapper > a.kembali, .vidzoom a.kembali {
		left: 0px;
	}
	.article .wrapper > a.kembali:hover, .vidzoom a.kembali:hover {
		left: -10px;
	}
	.recipe-image.mobile .thumb h2 {
		left: 20px;
		bottom: 20px;
	}
	.recipe-content .cooking-time {
		margin-left: 10px;
	}
	.recipe-content .sidebar {
		right: 20px;
	}
	.recipe-content .about-recipe {
		width: calc(100% - 40px);
	}
	#content.article, #content.video {
		padding-top: 52px;
	}
	#content.video {
		padding-top: 92px;
	}
	.parent-article-content .article-content {
		margin: 20px;
	}
	.video .details-container {
		height: 270px;
	}
	.video .popular-article .article-group .menu {
		float: none !important;
		width: inherit !important;
	}
	.video .popular-article .article-group .menu-content {
		width: calc(100% - 130px);
	}
	.video .popular-article .article-group .text {
		width: 400px;
		height: 77px;
		margin: 9px auto;
	}
	.article-group .text a {
		font-size: 24px;
	}
	.article-group .text p {
		font-size: inherit;
		margin-top: inherit;
	}
	.details-container, .popular-article {
		float: none;
		width: inherit;
	}
	.popular-article {
		width: calc(100% - 40px);
		margin: auto;
		clear: both;
		padding: 20px 0px 10px 0px;
	}
	.video .popular-article {
		padding-top: 0;
	}
	.related-recipe h2, .popular-article h2 {
		margin: auto;
		margin-bottom: 15px;
	}
	.popular-article .article-group .menu {
		display: inline-block;
	}
	.popular-article .article-group .menu > a {
		width: 41.37%;
		display: table-cell;
	}
	.popular-article .article-group .menu-content {
		width: 58.63%;
		display: table-cell;
		vertical-align: middle;
	}
	.article-group .menu > a img {
		display: block;
	}
	.wrapper > a.kembali, .vidzoom a.kembali {
		font-size: 20px;
	}
	.article .article-container {
		width: 100%;
		position: absolute;
		left: 0;
	}
	.container-box .content .register {
		display: block;
	}
	.member .container-box .content .register form {
		float: none;
		width: 100%;
	}
	.member .container-box .content .register > span {
		float: none;
		margin: 22px auto;
		display: block;
	}
	.container-box .content .register .login-via {
		float: none;
	}
	.blogger .add-recipe #ingred th:first-child, .blogger .add-recipe #ingred td:first-child {
		width: 50px;
	}
	.blogger .add-recipe #ingred th:nth-child(2), .blogger .add-recipe #ingred td:nth-child(2) {
		width: 90px;
	}
	.blogger .add-recipe #ingred th:nth-child(3), .blogger .add-recipe #ingred td:nth-child(3) {
		width: 285px;
	}
	.blogger .add-recipe #ingred th:last-child, .blogger .add-recipe #ingred td:last-child {
		width: 160px;
	}
	.blogger-container .my-recipes-menu li a {
		padding: 8px 17px;
	}
	.blogger .container-box .content .register .add-recipe .left-form, .blogger .container-box .content .register .add-recipe .right-form {
		width: 280px !important;
	}
	.blogger .container-box .content .register .add-recipe .right-form {
		margin-top: 0 !important;
	}
	#footer small {
		width: 60% !important;
		margin-left: 20px;
	}
	#footer .right-menu {
		margin-right: 20px;
	}
}
@media screen and (max-width: 568px) {
	.mobile-right-menu {
		margin-right: 20px;
	}
	.wrapper > a.kembali, .vidzoom a.kembali {
		left: 20px;
	}
	.wrapper > a.kembali:hover, .vidzoom a.kembali:hover {
		left: 10px;
	}
	.article .wrapper > a.kembali, .vidzoom a.kembali {
		left: 0px;
	}
	.article .wrapper > a.kembali:hover, .vidzoom a.kembali:hover {
		left: -10px;
	}
	.top-bar {
		display: none;
	}
	.center-menu .dropdown > a {
		padding: 8px 10px;
	}
	.small-menu {
		left: 20px;
	}
	.recipes-menu .search-icon {
		zoom: 0.8;
	}
	.recipe-image.mobile .thumb h2 {
		left: 20px;
		bottom: 20px;
	}
	.recipe-content .cooking-time {
		margin-left: 10px;
	}
	.recipe-content .sidebar {
		right: 10px;
	}
	.recipe-content .about-recipe {
		width: calc(100% - 40px);
	}
	#content.video {
		padding-top: 74px;
	}
	.video .details-container {
		display: none;
	}
	.video .popular-article h2 {
		display: none;
	}
	.article-group .text a {
		line-height: 27px;
	}
	.wrapper > a.kembali, .vidzoom a.kembali {
		font-size: 20px;
	}
	.parent-article-content .article-content {
		margin: 20px;
	}
	.blogger .add-recipe #ingred th:first-child, .blogger .add-recipe #ingred td:first-child {
		width: 50px;
	}
	.blogger .add-recipe #ingred th:nth-child(2), .blogger .add-recipe #ingred td:nth-child(2) {
		width: 90px;
	}
	.blogger .add-recipe #ingred th:nth-child(3), .blogger .add-recipe #ingred td:nth-child(3) {
		width: 231px;
	}
	.blogger .add-recipe #ingred th:last-child, .blogger .add-recipe #ingred td:last-child {
		width: 142px;
	}
	.blogger-container .my-recipes-menu li a {
		padding: 8px 51px;
	}
	.blogger .container-box .content .register .add-recipe .left-form, .blogger .container-box .content .register .add-recipe .right-form {
		width: 100% !important;
	}
	.blogger .container-box .content .register .add-recipe .right-form {
		margin-top: 10px !important;
	}
	#footer small {
		margin-left: 20px;
	}
	#footer .right-menu {
		margin-right: 20px;
	}

	.container-box .content-wrapper {
		width: calc(100% - 12px);
	}
}
@media screen and (min-width: 480px) and (max-width: 640px) {
	.contact .maps {
		height: 250px;
	}
	#content.member .wrapper, #content.blogger .wrapper {
		width: 100% !important;
	}
	.top-menu li {
		width: 33.3% !important;
	}
	.top-menu li img {
		margin-right: 0;
	}
	.member-container, .blogger-container {
		display: inline-block;
		padding-bottom: 10px;
	}
	.member .container-box .content .register .profile, .blogger .container-box .content .register .profile {
		width: 100%;
	}
	.container-box .content .register .profile .left-form, .container-box .content .register .profile .right-form {
		width: inherit !important;
	}
	.container-box .content .register .profile .right-form .checkbox span {
		width: calc(100% - 15px);
	}
	.container-box .content .collections, .container-box .content .submittedRecipes {
		width: 100%;
	}
	.container-box .content .collections li div, .container-box .content .submittedRecipes li div {
		width: calc(100% - 90px);
		margin: 0px 0px 0px 10px;
	}
	.container-box .content .collections li h1, .container-box .content .submittedRecipes li h1 {
		font-size: 21px;
	}
	.container-box .content .collections li .recipe-review, .container-box .content .submittedRecipes li .recipe-review {
		width: calc(100% - 28px);
	}
	.blogger-container {
		background: none;
		background-color: #17181C;
	}
	.blogger .blogger-container .topimg {
		padding: 0;
	}
	.wrapper .container-box {
		border: none !important;
	}
	.blogger .wrapper .container-box {
		padding: 20px;
	}
	.blogger-container .my-recipes-menu li {
		width: 33.3%;
		float: none;
		background-position: right center;
		display: table-cell;
		text-align: center;
	}
	.blogger .blogger-container .container-box .content > div {
		width: inherit;
	}
	.container-box .content {
		margin: 0;
	}
	.container-box .content .bordered-heading, .container-box .content-wrapper h2 {
		font-size: 36px;
	}
	.blogger .container-box .content .register .add-recipe {
		float: none;
	}
	.blogger .container-box .content .register .add-recipe .left-form, .blogger .container-box .content .register .add-recipe .right-form {
		width: 100%;
	}
	.blogger .container-box .content .register .add-recipe .right-form {
		margin-top: 10px;
	}

	/* added by agung */
	.container-box .content .register .login-via {
		width: auto;
		display: inline-block;
	}
	.container-box .content .register .login-via a, .login-via div {
		float: left;
		width: 40px;
		margin-right: 10px;
		margin-bottom: 0px;
	}
	.container-box .content .register .login-via span:first-child {
		width: inherit;
		border-right: none;
	}
	.container-box .content .register .login-via span:last-child {
		display: none;
	}
	.container-box .content-wrapper {
		width: calc(100% - 12px);
	}
	/* end added by agung */
}
@media screen and (max-width: 480px) {
	div.tags-collection span a {
		width: 134px;
		height: 30px;
		padding: 0px 10px;
		margin: auto;
		margin-top: 6px;
		margin-bottom: 6px;
		line-height: 30px;
		background: #ED1C24;
		border: none;
		border-radius: 15px;
		font-family: 'BebasNeue Regular';
		font-size: 18px;
		color: #FFF;
		text-align: center;
		text-transform: uppercase;
		transition: background 0.25s;
	}

	div.tags-collection span a img {
		margin-top: 6px;
		float: right;
	}

	div.tags-collection span a:hover {
		background: #FFCC33;
		transition: background 0.25s;
	}

	.center-menu .search-box input {
		width: 230px;
	}
	.small-menu {
		left: 20px;
	}
	.recipes-menu .search-icon {
		zoom: reset;
	}
	.wrapper > a.kembali, .vidzoom a.kembali {
		left: 20px;
	}
	.wrapper > a.kembali:hover, .vidzoom a.kembali:hover {
		left: 10px;
	}
	.article .wrapper > a.kembali, .vidzoom a.kembali {
		left: 0px;
	}
	.article .wrapper > a.kembali:hover, .vidzoom a.kembali:hover {
		left: -10px;
	}
	.recipe-image.mobile .thumb h2 {
		left: 20px;
		bottom: 20px;
	}
	.recipe-content .cooking-time {
		margin-left: 10px;
	}
	.recipe-content .sidebar {
		right: 10px;
	}
	.recipe-content .about-recipe {
		width: calc(100% - 40px);
	}
	.video .popular-article .article-group .menu {
		height: 120px;
	}
	.video .popular-article .article-group .thumb {
		width: 120px;
	}
	.video .popular-article .article-group .menu-content {
		width: calc(100% - 120px);
	}
	.video .popular-article .article-group .text {
/*		width: 290px;
		height: 67px;
		margin: 9px auto;
		*/
		width:100% !important;
		text-align:center;
		padding:0 10px;
		height:67px;
		box-sizing:border-box;
	}
	.article-group .text a {
		font-size: 22px;
	}
	.article-group .text p {
		margin-top: 3px;
		display:none;
	}
	.container-box .content .register label.password {
		width: 100%;
	}
	.container-box .content .register .login-via {
		width: auto;
		display: inline-block;
	}
	.container-box .content .register .login-via a, .login-via div {
		float: left;
		width: 40px;
		margin-right: 10px;
		margin-bottom: 0px;
	}
	.container-box .content .register .login-via span:first-child {
		width: inherit;
		border-right: none;
	}
	.container-box .content .register .login-via span:last-child {
		display: none;
	}
	#content.member {
		padding-top: 52px;
	}
	#content.member .wrapper, #content.blogger .wrapper {
		width: 100% !important;
		margin-top: 0;
	}
	.container-box .content {
		margin: 0;
	}
	.member-container .topimg {
		padding: 20px;
	}
	.contact .article-container {
		padding-bottom: 0;
	}
	.contact-container .contact-form, .contact-container .contact-details {
		float: none;
		width: inherit;
	}
	.contact-container .contact-form {
		margin-bottom: 20px;
	}
    .member .top-menu, .blogger .top-menu {
		padding-top: 60px;
	}
	.top-menu li {
		width: 25% !important;
	}
	.top-menu li img {
		margin-right: 0;
	}
	.member .top-menu li a span, .blogger .top-menu li a span {
		display: none;
	}
	.member-container, .blogger-container {
		display: inline-block;
		padding-bottom: 10px;
	}
	.member .container-box .content .register .profile, .blogger .container-box .content .register .profile {
		width: 100%;
	}
	.wrapper .container-box {
		border: none !important;
	}
	.container-box .content .register .profile .left-form, .container-box .content .register .profile .right-form {
		width: inherit !important;
	}
	.container-box .content .register .profile .right-form .checkbox span {
		width: calc(100% - 15px);
	}
	.container-box .content .collections, .container-box .content .submittedRecipes {
		width: 100%;
	}
	.container-box .content .collections li div, .container-box .content .submittedRecipes li div {
		width: calc(100% - 90px);
		margin: 0px 0px 0px 10px;
	}
	.container-box .content .collections li h1, .container-box .content .submittedRecipes li h1 {
		font-size: 21px;
	}
	.container-box .content .collections li .recipe-review, .container-box .content .submittedRecipes li .recipe-review {
		width: calc(100% - 28px);
	}
	.blogger-container {
		background: none;
		background-color: #17181C;
	}
	.blogger .blogger-container .topimg {
		padding: 0;
	}
	.blogger .wrapper .container-box {
		padding: 10px;
	}
	.blogger-container .my-recipes-menu li {
		width: 33.3%;
		float: none;
		background-position: right center;
		display: table-cell;
		text-align: center;
	}
	.blogger .blogger-container .container-box .content > div {
		width: inherit;
	}
	.container-box .content .bordered-heading, .container-box .content-wrapper h2 {
		font-size: 36px;
	}
	.blogger .container-box .content .register .add-recipe {
		float: none;
	}
	.blogger .container-box .content .register .add-recipe .left-form, .blogger .container-box .content .register .add-recipe .right-form {
		width: 100% !important;
	}
	.blogger .container-box .content .register .add-recipe .right-form {
		margin-top: 10px !important;
	}
	.blogger .add-recipe #ingred th:first-child, .blogger .add-recipe #ingred td:first-child {
		width: 50px;
	}
	.blogger .add-recipe #ingred th:nth-child(2), .blogger .add-recipe #ingred td:nth-child(2) {
		width: 90px;
	}
	.blogger .add-recipe #ingred th:nth-child(3), .blogger .add-recipe #ingred td:nth-child(3) {
		width: 180px;
	}
	.blogger .add-recipe #ingred th:last-child, .blogger .add-recipe #ingred td:last-child {
		width: 125px;
	}
	.blogger-container .my-recipes-menu li a {
		padding: 8px 37px;
	}
	#footer {
		padding-bottom: 10px;
	}
	#footer small {
		display: none;
	}
	#footer .right-menu {
		margin-right: 20px;
	}

	.container-box .content-wrapper {
		width: calc(100% - 12px);
	}
}
@media screen and (max-width: 384px) {
	.wrapper {
		width: calc(100% - 20px) !important;
	}
	.center-menu .search-box {
		border-left: none;
		margin: 8px 10px;
	}
	.center-menu .search-box input {
		width: 129px;
		margin-right: 8px;
	}
	.small-menu {
		left: 10px;
	}
	.mobile-right-menu {
		margin-right: 10px;
	}
	.center-menu .dropdown #mobiletag li a {
		height: 45px;
		line-height: 1.5;
	}
	.center-menu .dropdown #mobiletag li .tag {
		width: 149px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		border-right: 0;
	}
	.center-menu .dropdown #mobiletag li .checklist-box {
		height: 45px;
		position: relative;
	}
	.center-menu .dropdown #mobiletag li .checklist-box:before {
		display: block;
		content: '';
		border-left: 1px dotted rgba(200,23,32,.5);
		height: 45px;
	}
	.center-menu .dropdown #mobiletag li .checklist-box img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 9px;
	}
	.slide#mobiletag {
		width: 100%;
	}
	#header li, #header li:last-child {
		width: 50%;
	}
	#header li#second-menu, #header li#fourth-menu, #header li#last-menu {
		margin-left: -1px;
	}
	#header li#third-menu, #header li#fifth-menu {
		border-left: none;
		margin-left: 0;
	}
	#header li#fourth-menu {
		border-left: 1px solid #940C12;
	}
	#content.video {
		padding-top: 64px;
	}
	.wrapper > a.kembali, .vidzoom a.kembali {
		left: 10px;
	}
	.wrapper > a.kembali:hover, .vidzoom a.kembali:hover {
		left: 0;
	}
	.recipe-image.mobile .thumb h2 {
		left: 10px;
		bottom: 10px;
	}
	.recipe-content .cooking-time {
		margin-left: 0;
	}
	.recipe-content .sidebar {
		right: 0;
	}
	.recipe-content .about-recipe {
		width: calc(100% - 20px);
	}
	.recipes-menu .search-icon {
		zoom: 0.8;
	}
    .article .wrapper > a.kembali, .vidzoom a.kembali {
    	left: 0;
    }
    .article .wrapper > a.kembali:hover, .vidzoom a.kembali:hover {
    	left: -10px;
    }
	.popular-article {
		width: calc(100% - 20px);
		padding: 10px 0px 0px 0px;
	}
	.video .popular-article .article-group .menu {
		height: 115px;
		margin-bottom: 10px;
	}
	.video .popular-article .article-group .thumb {
		width: 115px;
	}
	.video .popular-article .article-group .menu-content {
		width: calc(100% - 115px);
	}
	.video .popular-article .article-group .text {
		width: 240px;
		height: 70px;
		margin: 5px auto;
	}
	.article-group .text a {
		font-size: 20px;
		line-height: 21px;
	}
	p.bigger {
		display: none;
	}
	p.smaller {
		display: block;
	}
	.parent-article-content .article-content {
		margin: 10px;
	}
	.member-container .topimg {
		padding: 10px;
	}
	.contact .maps {
		height: 200px;
	}
	.contact .content-wrapper {
		width: calc(100% - 20px) !important;
	}
	.top-menu li {
		width: 25% !important;
	}
	.blogger .container-box .content .register .add-recipe #ingred th {
		float: none;
		display: table-cell;
		text-align: center;
		padding: inherit;
	}
	.blogger .add-recipe #ingred th:first-child, .blogger .add-recipe #ingred td:first-child {
		width: 56px;
	}
	.blogger .add-recipe #ingred th:nth-child(2), .blogger .add-recipe #ingred td:nth-child(2) {
		width: 76px;
	}
	.blogger .add-recipe #ingred th:nth-child(3), .blogger .add-recipe #ingred td:nth-child(3) {
		width: 116px;
	}
	.blogger .add-recipe #ingred th:last-child, .blogger .add-recipe #ingred td:last-child {
		width: 101px;
	}
	.blogger-container .my-recipes-menu li a {
		padding: 8px 21px;
	}

	.container-box .content-wrapper {
		width: calc(100% - 12px);
	}
}
@media screen and (max-width: 360px) {
	.blogger .add-recipe #ingred th:first-child, .blogger .add-recipe #ingred td:first-child {
		width: 50px;
	}
	.blogger .add-recipe #ingred th:nth-child(2), .blogger .add-recipe #ingred td:nth-child(2) {
		width: 70px;
	}
	.blogger .add-recipe #ingred th:nth-child(3), .blogger .add-recipe #ingred td:nth-child(3) {
		width: 110px;
	}
	.blogger .add-recipe #ingred th:last-child, .blogger .add-recipe #ingred td:last-child {
		width: 95px;
	}
	.blogger-container .my-recipes-menu li a {
		padding: 8px 17px;
	}

	.container-box .content-wrapper {
		width: calc(100% - 12px);
	}
}
@media screen and (min-width: 320px) and (max-width: 360px) {
	.mobile-right-menu {
		margin-right: 10px;
	}
	.wrapper > a.kembali, .vidzoom a.kembali {
		left: 10px;
	}
	.wrapper > a.kembali:hover, .vidzoom a.kembali:hover {
		left: 0;
	}
	#content.article {
		padding-top: 52px;
	}
	.recipe-image.mobile .thumb h2 {
		left: 10px;
		bottom: 10px;
	}
	.recipe-content .cooking-time {
		margin-left: 0;
	}
	.recipe-content .sidebar {
		right: 0;
	}
	.recipe-content .about-recipe {
		width: calc(100% - 20px);
	}
	.contact-container .contact-form {
		margin-bottom: 20px;
	}
    .contact-container .top-title {
    	width: auto;
    }
    .contact-container h2 {
    	margin: 20px 0px;
    }
    .contact-container h2:before, .contact-container h2:after {
    	display: none;
    }
    .article .wrapper > a.kembali, .vidzoom a.kembali {
    	left: 0;
    }
    .article .wrapper > a.kembali:hover, .vidzoom a.kembali:hover {
    	left: -10px;
    }
    #footer .right-menu {
    	margin-right: 10px;
    }

	.container-box .content-wrapper {
		width: calc(100% - 12px);
	}
}
@media screen and (max-width: 320px) {
    .wrapper {
        width: calc(100% - 20px);
    }
	.center-menu .search-box input {
		width: 102px;
		padding: 0px 5px;
		margin-right: 5px;
	}
	.center-menu .dropdown #mobiletag li .tag {
		width: 129px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		border-right: 0;
	}
    .recipes-menu .search-icon {
    	zoom: 0.7;
    }
    .video .popular-article .article-group .text {
    	width: 176px;
    }
    .parent-article-content .article-content h2 {
    	font-size: 21px;
    }
	.blogger .add-recipe #ingred th:first-child, .blogger .add-recipe #ingred td:first-child {
		width: 40px;
	}
	.blogger .add-recipe #ingred th:nth-child(2), .blogger .add-recipe #ingred td:nth-child(2) {
		width: 60px;
	}
	.blogger .add-recipe #ingred th:nth-child(3), .blogger .add-recipe #ingred td:nth-child(3) {
		width: 100px;
	}
	.blogger .add-recipe #ingred th:last-child, .blogger .add-recipe #ingred td:last-child {
		width: 85px;
	}
	.blogger-container .my-recipes-menu li a {
		padding: 8px 10px;
	}

	.container-box .content-wrapper {
		width: calc(100% - 12px);
	}
}
/* Media Queries Ends Here */

/** Fonts Face Starts Here **/
@font-face {
    font-family: 'Airbag Regular';
    src: url('../fonts/airbag-regular.eot');
    src: url('../fonts/airbag-regular.eot#iefix') format('embedded-opentype'),
         url('../fonts/airbag-regular.woff') format('woff2'),
         url('../fonts/airbag-regular.woff') format('woff'),
         url('../fonts/airbag-regular.ttf') format('truetype'),
         url('../fonts/airbag-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Androgyne Regular';
    src: url('../fonts/androgyne_tb-webfont.eot');
    src: url('../fonts/androgyne_tb-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/androgyne_tb-webfont.woff') format('woff2'),
         url('../fonts/androgyne_tb-webfont.woff') format('woff'),
         url('../fonts/androgyne_tb-webfont.ttf') format('truetype'),
         url('../fonts/androgyne_tb-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeue Regular';
    src: url('../fonts/bebasneue.eot');
    src: url('../fonts/bebasneue.eot#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue.woff') format('woff2'),
         url('../fonts/bebasneue.woff') format('woff'),
         url('../fonts/bebasneue.ttf') format('truetype'),
         url('../fonts/bebasneue.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dustismo Roman Bold';
    src: url('../fonts/dustismo_roman_bold.eot');
    src: url('../fonts/dustismo_roman_bold.eot#iefix') format('embedded-opentype'),
         url('../fonts/dustismo_roman_bold.woff') format('woff2'),
         url('../fonts/dustismo_roman_bold.woff') format('woff'),
         url('../fonts/dustismo_roman_bold.ttf') format('truetype'),
         url('../fonts/dustismo_roman_bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dustismo Roman Regular';
    src: url('../fonts/dustismo_roman.eot');
    src: url('../fonts/dustismo_roman.eot#iefix') format('embedded-opentype'),
         url('../fonts/dustismo_roman.woff') format('woff2'),
         url('../fonts/dustismo_roman.woff') format('woff'),
         url('../fonts/dustismo_roman.ttf') format('truetype'),
         url('../fonts/dustismo_roman.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dustismo Roman Italic';
    src: url('../fonts/dustismo_roman_italic.eot');
    src: url('../fonts/dustismo_roman_italic.eot#iefix') format('embedded-opentype'),
         url('../fonts/dustismo_roman_italic.woff') format('woff2'),
         url('../fonts/dustismo_roman_italic.woff') format('woff'),
         url('../fonts/dustismo_roman_italic.ttf') format('truetype'),
         url('../fonts/dustismo_roman_italic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Impregnable Personal Use Only';
    src: url('../fonts/impregnable_personal_use_only.eot');
    src: url('../fonts/impregnable_personal_use_only.eot#iefix') format('embedded-opentype'),
         url('../fonts/impregnable_personal_use_only.woff') format('woff2'),
         url('../fonts/impregnable_personal_use_only.woff') format('woff'),
         url('../fonts/impregnable_personal_use_only.ttf') format('truetype'),
         url('../fonts/impregnable_personal_use_only.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-BoldCond';
	src: url('../fonts/MyriadPro-BoldCond.eot') format('embedded-opentype'),
		 url('../fonts/MyriadPro-BoldCond.otf')  format('opentype'),
	     url('../fonts/MyriadPro-BoldCond.woff') format('woff'),
	     url('../fonts/MyriadPro-BoldCond.ttf')  format('truetype'),
	     url('../fonts/MyriadPro-BoldCond.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Fonts Face Ends Here **/

#ajaxloadergif { position:absolute; left:0; right:0; margin:0 auto; top:50%; opacity:0; transition: opacity 0.25s; }

.connectto { display:none; }

@media screen and (max-width: 641px) {
	.connectto { display:inline; }
	#myrecipemenu { float:left !important; }
	#memberlogout { display:none; }
}

.recipes-menu .threetwo {
	width:721px;
}

.recipes-menu .threetwo img {
	width:721px;
}

strong.productsasa {
	font-weight:bold !important;
}

.recipes-menu .thumb img {
	max-width: 100%;
}

@media screen and (min-width: 1000px) {
	p.smaller {
		display: none !important;
	}
}