@font-face {
	font-family: kollektif;
	src: url(/templates/custom/fourdyindia/pohkong-com-my/fonts/Kollektif.ttf)
}

body {
	font-family: raleway, sans-serif;
	font-size: 16px;
	margin: 0;
	color: #000;
	padding: 0
}

ul,
ul li {
	margin: 0;
	list-style: none;
	padding: 0
}

a,
a:hover {
	text-decoration: none;
	color: #e6b53c
}

h1,
h2,
h3 {
	font-size: 2em;
	margin: 12px 0 25px;
	font-weight: 400;
	color: #e6b53c
}

h3 {
	font-size: 24px
}

.img-auto {
	width: auto
}

img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto
}

.zoomImg {
	display: none!important
}

p {
	margin-bottom: 15px
}

.no-padding {
	padding: 0!important
}

.no-padding-top {
	padding-top: 0!important
}

.no-padding-bottom {
	padding-bottom: 0!important
}

.no-padding-left {
	padding-left: 0!important
}

.no-padding-right {
	padding-right: 0!important
}

.margin-bottom {
	margin-bottom: 10px
}

#fContentPre .fModule,
#fContentPost .fModule {
	padding: 50px 0;
	overflow: hidden
}

.fBgDark {
	background: #09395a;
	color: #fff
}

.fBgDark a {
	color: #fff
}

.fBgDark a:hover {
	color: #fff
}

.fBgLight {
	background: #f6f8f8;
	color: #000
}

.fBgLight a {
	color: #000
}

.fBgLight a:hover {
	color: #000
}

.fBgWhite {
	background: #fff;
	color: #000
}

.fBgWhite a,
.fBgWhite a:hover {
	color: #09395a
}

.fBgColor {
	background: #e6b53c;
	color: #fff
}

.fBgColor a,
.fBgColor h3,
.fBgColor h4 {
	color: #fff;
	line-height: 120%
}

a.fButton,
input.fButton,
button.fButton,
a.f-button {
	padding: 12px 23px 13px;
	margin: 10px 0;
	text-decoration: none;
	display: inline-block;
	color: #fff;
	border-radius: 0;
	font-size: 1em;
	text-align: center;
	border: 0;
	background: #e6b53c;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

a.fButton:hover,
input.fButton:hover,
button.fButton:hover,
a.f-button:hover {
	background: #cc960f;
	color: #fff
}

a.fButtonGhost,
input.fButtonGhost {
	background: 0 0;
	color: #e6b53c;
	border: 3px solid #e6b53c
}

a.fButtonGhost:hover,
input.fButtonGhost:hover {
	background: #e4a701;
	color: #fff
}

a.fButtonGhostWhite,
input.fButtonGhostWhite {
	background: 0 0;
	color: #fff;
	border: 3px solid #fff
}

a.fButtonGhostWhite:hover,
input.fButtonGhostWhite:hover {
	background: #fff;
	color: #e4a701
}

.fNoButton a.f-button {
	display: none
}

#fContentPre .fCenter h3,
#fContentPost .fCenter h3 {
	text-align: center
}

#fContentPre .fModuleTitleWhite h3,
#fContentPost .fModuleTitleWhite h3 {
	color: #fff
}

#fMatter .fCol5 .fGalleryImages .fGalleryItem,
#fContentPost .fCol5 .fGalleryImages .fGalleryItem,
.fCol5 .fGalleryImages .fGalleryItem {
	width: 20%;
	float: left;
	padding: 2em
}

.border {
	border: 6px solid #fff;
	box-shadow: 0 0 2px 2px #ccc;
	border-radius: 3px
}

#fMatter h1,
#fContentPre .fModuleTitle h3,
#fContentPost .fModuleTitle h3,
.fModuleStoreRelatedProducts .fModuleTitle h3 {
	color: #000;
	font-size: 1.8em;
	line-height: 140%;
	text-align: center;
	margin: 15px 0 0
}

#fMatter h1:after,
#fContentPre .fModuleTitle h3:after,
#fContentPost .fModuleTitle h3:after,
.fModuleStoreRelatedProducts .fModuleTitle h3:after {
	content: url(../images/heading-bottom.png);
	display: block;
	margin: 0;
	padding: 0
}

#fMatter h4 {
	font-size: 1.4em;
	color: #000
}

#fMatter form p {
	margin-bottom: 12px
}

#fMatter ul li,
#fMatter ol li {
	margin-left: 40px
}

.fModuleEnd .fModuleTitle,
.fModuleEnd .fModuleContent,
.fModuleBoxed {
	margin: 0 auto
}

@media(max-width:319px) {
	.fModuleEnd .fModuleTitle,
	.fModuleEnd .fModuleContent,
	.fModuleBoxed {
		width: 280px
	}
}

@media(min-width:320px) {
	.fModuleEnd .fModuleTitle,
	.fModuleEnd .fModuleContent,
	.fModuleBoxed {
		width: 300px
	}
}

@media(min-width:480px) {
	.fModuleEnd .fModuleTitle,
	.fModuleEnd .fModuleContent,
	.fModuleBoxed {
		width: 470px
	}
}

@media(min-width:768px) {
	.fModuleEnd .fModuleTitle,
	.fModuleEnd .fModuleContent,
	.fModuleBoxed {
		width: 750px
	}
}

@media(min-width:992px) {
	.fModuleEnd .fModuleTitle,
	.fModuleEnd .fModuleContent,
	.fModuleBoxed {
		width: 970px
	}
}

@media(min-width:1200px) {
	.fModuleEnd .fModuleTitle,
	.fModuleEnd .fModuleContent,
	.fModuleBoxed {
		width: 1170px
	}
}

header {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	box-shadow: 8px 2px 4px 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 8px 2px 4px 0 rgba(0, 0, 0, .1);
	border-bottom: 1px solid #dedede
}

header.sticky {
	top: 0
}

header .container,
.fHeaderTop .container {
	padding: 0!important
}

.navbar-header {
	float: none;
	margin: 15px 0 0;
	padding: 0
}

.navbar-header .col-md-4 {
	padding: 0
}

.fLogo {
	position: absolute;
	margin: 0 auto;
	right: 38%;
	left: 38%;
	top: 48%
}

.fLogo img {
	text-align: center;
	margin: 0 auto;
    width: 90%;
}

.fHeaderTop {
	color: #1d1d1d;
	font-size: .9em;
	border-bottom: 1px solid #efefef;
	overflow: hidden
}

.fHeaderTop p,
ul.fSocial {
	margin: 8px 0;
	font-size: 1.2em
}

ul.fSocial li {
	display: inline;
	margin-right: 5px
}

header .fNavRight ul {
	float: right
}

header .fNavLeft li:nth-child(1) {
	margin-left: 0
}

header .fNavRight li:nth-child(3) {
	margin-right: 0
}

nav ul,
nav ul li {
	margin: 0 0 0;
	padding: 0;
	list-style: none
}

header nav {
	position: relative
}

header nav li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0
}

header nav li:nth-child(4) {
	margin-left: 33%
}

header nav ul li:nth-child(1) a {
	margin-left: 0;
	padding-left: 0
}

header nav ul li:nth-last-child(1) a {
	margin-right: 0;
	padding-right: 0
}

header nav li a {
	font-size: 1em;
	color: #000;
	padding: 15px 30px 23px;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 0;
	font-family: open sans, sans-serif
}

header nav li a:hover,
header nav li a:focus,
header nav li:hover>a {
	text-decoration: none;
	color: #000;
	background: 0 0;
	border-bottom: 0
}

header nav ul li ul li:nth-child(1) a img {
	display: block;
	z-index: 100
}

header nav ul li ul li a img,
header nav ul li ul li ul li a img {
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	width: 800px;
	z-index: 300;
	border-left: 1px solid #eee
}

header nav ul li ul li a:hover img,
header nav ul li ul li ul li a:hover img {
	display: block;
	z-index: 300!important
}

header nav ul ul {
	position: absolute;
	background: #fbfbfb;
	width: 100%;
	top: 50px;
	padding-top: 10px;
	left: 0;
	right: 0;
	display: none;
	box-shadow: 0 5px 5px 2px rgba(0, 0, 0, .4);
	height: 341px
}

header nav ul li:hover>ul {
	display: block!important
}

header nav ul li ul li:nth-child(1) ul {
	display: block;
	z-index: 100
}

header nav ul li ul li:nth-child(1) a ul li a img {
	display: none
}

header nav ul li ul li:nth-child(1) a ul li a:hover img {
	display: block
}

header nav ul ul li {
	float: none;
	margin: 0!important;
	border-bottom: none;
	padding: 0
}

header nav ul li ul li a {
	font-size: .94em;
	color: #555;
	text-transform: capitalize;
	padding: 8px 15px!important
}

header nav ul ul li a:focus,
header nav ul ul li:hover>a,
header nav ul ul li a:hover {
	color: #000;
	background: #f2f2f2;
	z-index: 400
}

header nav ul ul ul {
	left: 15%;
	width: 85%;
	z-index: 200!important;
	background: #fff;
	top: 0;
	box-shadow: none
}

header nav ul ul ul li a {
	text-transform: capitalize;
	font-weight: 400
}

header nav ul li ul li ul li a:focus,
header nav ul li ul li ul li:hover>a,
header nav ul li ul li ul li a:hover {
	z-index: 1001;
	background: #f7f7f7
}

.navbar-toggle {
	margin: 0 15px;
	background: #fdd82a;
	border: 1px solid #fdd82a;
	color: #fff
}

.navbar-toggle .icon-bar {
	background: #fff!important
}

@media(max-width:767px) {
	#fModule-1558 {
		margin: 0;
		left: 0;
		right: 0!important
	}
	.navbar-header {
		float: none;
		margin: 0;
		padding: 10px
	}
	.navbar-toggle {
		display: block
	}
	header .fLogo {
		left: 10px;
		right: 28%;
		top: 68px
	}
	header {
		top: 0
	}
	.fLogo img {
		margin: initial
	}
	header nav {
		text-align: right;
		margin: 37px 0 0
	}
	header nav ul.fMenu {
		width: 100%;
		height: auto;
		max-height: 400px;
		overflow-x: hidden
	}
	header nav li {
		float: none;
		padding: 0;
		display: inline-block;
		width: 100%;
		margin: 0
	}
	header nav li:nth-child(4) {
		margin: 0
	}
	header nav li a {
		text-align: right;
		color: #000;
		padding: 10px 15px!important;
		font-size: .9em;
		background: #fff;
		border-bottom: 0;
		margin-right: 0
	}
	header nav li:nth-child(1) a,
	header nav li:nth-child(2) a,
	header nav li:nth-child(3) a {
		pointer-events: none
	}
	header nav ul li a:focus,
	header nav ul li:hover>a,
	header nav li a:hover {
		background: #ebb636;
		border-bottom: 0
	}
	header nav ul li ul li:nth-child(1) a img,
	header nav ul li ul li a:hover img,
	header nav ul li ul li ul li a:hover img {
		display: none
	}
	header nav ul ul {
		box-shadow: 0 0 0;
		position: relative;
		left: 0;
		margin: 0;
		padding: 0;
		border-left: 0;
		border-right: 0;
		height: 100%;
		min-height: 160px;
		width: 50%;
		top: 0
	}
	header nav ul li ul li {
		width: 100%;
		margin: 0!important
	}
	header nav ul li.fNavReverse ul li a,
	header nav ul li ul li a {
		border-left: 0!important;
		margin: 0;
		background: 0 0;
		text-align: left;
		font-size: .8em;
		padding: 6px 10px;
		pointer-events: visible;
		text-align: left;
		color: #000!important
	}
	header nav li:nth-child(1) ul li a,
	header nav li:nth-child(2) ul li a,
	header nav li:nth-child(3) ul li a {
		pointer-events: visible
	}
	header nav ul ul li a:focus,
	header nav ul ul li:hover>a,
	header nav ul ul li a:hover {
		background: 0 0;
		color: #000;
		border: 0;
		border-left: 0
	}
	header nav ul ul ul {
		box-shadow: 0 0 0;
		left: 100%;
		margin: 0;
		padding: 0;
		position: absolute;
		border-left: 0;
		border-right: 0;
		width: 100%;
		top: 0;
		height: inherit;
		box-shadow: none
	}
	header nav ul ul li ul li {
		float: none;
		width: 100%;
		border-left: 0
	}
	header nav ul li ul li ul li a {
		font-size: .8em
	}
	header nav ul li ul li ul li a {
		float: none;
		border: 0;
		text-align: right!important;
		color: #000;
		text-transform: capitalize;
		width: auto;
		border: 0;
		padding: 6px 10px
	}
	header nav ul li ul li ul li a:focus,
	header nav ul li ul li ul li:hover>a,
	header nav ul li ul li ul li a:hover {
		color: #000
	}
	header nav ul li.fNavReverse ul li a img,
	header nav ul ul ul li img {
		display: none
	}
	header nav ul li ul li:nth-child(1) ul {
		display: none
	}
}

@media(min-width:768px) and (max-width:992px) {
	header nav li a {
		padding: 5px;
		margin-bottom: 18px
	}
	header nav li:nth-child(4) {
		margin-left: 35%
	}
}

.head-padding {
	padding-top: 105px
}

#fBanner {
	z-index: 1;
	position: relative
}

#fBanner .fGalleryImages {}

body.is-home #fBanner ul.fGalleryImages li.fGalleryItem {
	float: left
}

#fBanner .fBanner .fGalleryImages .fGalleryItem a.fGalleryImage img {
	margin: 0 auto;
	float: left;
	width: 100%
}

#fBanner .fGalleryImages .fGalleryItem .fGalleryText {
	position: absolute;
	color: #fff;
	width: 42%;
	left: 38%;
	right: 20%;
	top: 20%
}

#fBanner .fGalleryImages .fGalleryItem .fGalleryText h3,
#fBanner .fGalleryImages .fGalleryItem .fGalleryText h3 a {
	font-size: 1.8em;
	font-weight: 500;
	line-height: 130%;
	margin: 0 0 17px;
	color: #fff
}

#fBanner .fBannerTitle h4,
#fBanner .fGalleryImages .fGalleryItem .fGalleryText h4,
#fBanner .fGalleryImages .fGalleryItem .fGalleryText p {
	font-size: 1.2em;
	line-height: 140%;
	font-weight: 500;
	margin-bottom: 12px;
	color: #fff
}

.fBanner .unslider-arrow {
	display: none
}

.fBanner nav.unslider-nav {
	position: relative
}

.fBanner ol {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center
}

.fBanner ol li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #fff;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
	float: none!important
}

.fBanner ol.dots li.active {
	background: #fff;
	opacity: 1
}

body.is-home #fMatter {
	display: none
}

#fMatter,
#fSidebarRight {
	padding: 20px 0 15px
}

#fMatter p {
	text-align: justify;
	margin-bottom: 20px;
	font-size: 18px
}

#fMatter p.intro {
	text-align: justify;
	margin-bottom: 25px;
	font-size: 21px;
	font-weight: 700;
	color: #09395a
}

#fMatter ul {
	margin-bottom: 15px
}

#fMatter ul li {
	margin-left: 40px;
	list-style: disc
}

#fMatter ul li:before {
	color: #ec2028;
	padding-right: 10px
}

#fMatter table.col-md-1,
#fMatter table.col-md-2,
#fMatter table.col-md-3,
#fMatter table.col-md-4,
#fMatter table.col-md-5,
#fMatter table.col-md-6,
#fMatter table.col-md-7,
#fMatter table.col-md-8,
#fMatter table.col-md-9,
#fMatter table.col-md-10,
#fMatter table.col-md-11,
#fMatter table.col-md-12 {
	display: block
}

.fProductList ul.fGalleryImages .fGalleryItem .fGalleryImage img {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	border: 1px solid #dedede;
	border-bottom: none
}

.fProductList ul.fGalleryImages .fGalleryItem .fGalleryText {
	border: 1px solid #dedede;
	border-top: none
}

.fProductList ul.fGalleryImages .fGalleryItem .fGalleryText h3,
.fProductList ul.fGalleryImages .fGalleryItem .fGalleryText h3 a {
	font-size: 1.1em;
	color: #000;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 25px
}

.fFeaturesList .fGalleryImages .fGalleryItem {
	padding: 0;
	border: 1px solid #cfcfcf;
	border-left: none;
	position: relative;
	border-right: none
}

.fFeaturesList .fGalleryImages .fGalleryItem img {
	width: 100%
}

.fCollectionList ul.fGalleryImages a.fGalleryImage img {
	border: 1px solid #d5d3d3
}

.fCollectionList ul.fGalleryImages .fGalleryItem .fGalleryText {
	background: #e6b53c;
	padding: 4%;
	position: absolute;
	color: #fff;
	width: 80%;
	bottom: 4%;
	left: 9%;
	right: 8%
}

.fCollectionList ul.fGalleryImages .fGalleryItem .fGalleryText h3,
.fCollectionList ul.fGalleryImages .fGalleryItem .fGalleryText h3 a {
	color: #fff;
	text-align: center;
	margin: 0 auto 7px;
	font-size: 1.3em
}

.fCollectionList ul.fGalleryImages .fGalleryItem .fGalleryText p {
	text-align: center;
	margin: 0
}

.fImgListing .fGalleryImages .fGalleryItem a.fGalleryImage {
	margin-bottom: 30px;
	display: block
}

.fImgListing .fGalleryImages .fGalleryItem a.fGalleryImage img {
	border: 1px solid #d5d5d5
}

.fVideo {
	border-top: 1px solid #ccc
}

.fVideo .owl-wrapper-outer .owl-wrapper .owl-item {
	padding: 15px
}

.fVideo .owl-wrapper-outer .owl-wrapper .owl-item .item iframe {
	border: 1px solid #d5d5d5
}

.owl-theme .owl-controls .owl-page span {
	background: #e6b53c!important
}

.owl-theme .owl-controls {
	margin-top: -10px
}

.owl-buttons {
	display: none
}

.fCallout {
	padding: 30px 0!important;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

.fCallout .fSocial {
	overflow: hidden
}

.fCallout .fSocial li {
	margin: 0
}

.fCallout .fSocial li a {
	font-size: 1.1em;
	color: #000;
	display: block;
	text-align: center
}

.fCallout .fSocial li a .fa {
	color: #ebc361;
	font-size: 1.8em;
	display: block;
	margin-bottom: 5px;
	text-align: center
}

.fCallout .fNewsletter p {
	color: #5f5e5e;
	margin-bottom: 9px;
	font-size: 1em
}

.fCallout input {
	height: 40px;
	width: 70%;
	padding: 11px 20px;
	font-size: 1em;
	font-weight: 400
}

.fCallout button.fButton {
	margin: 0;
	width: 30%;
	text-transform: uppercase;
	font-size: .9em;
	border: 1px solid #ccc;
	padding: 9px 0;
	border-left: 0
}

.fHistory .fGalleryImages .fGalleryItem {
	position: relative
}

.fHistory .fGalleryImages .fGalleryItem .fGalleryImage img {
	text-align: center;
	border: 1px solid #ededed;
	margin: 0 auto;
	width: 100%
}

.fHistory .fGalleryImages .fGalleryItem .fGalleryText {
	overflow: hidden;
   height: 130px;
}

.fHistory .fGalleryImages .fGalleryItem .fGalleryText h3 {
	background: #e6b972;
	color: #fff;
	top: 0;
	left: 15px;
	padding: 5px 10px;
	margin: 10px auto 0;
	display: table
}

.fHistory .fGalleryImages .fGalleryItem .fGalleryText h3 a {
	color: #fff
}

.fHistory .fGalleryImages .fGalleryItem .fGalleryText p {
	text-align: center;
	margin: 10px 0 20px
}

.modal-content .modal-body .form {
	overflow: hidden
}

.modal-content .modal-body .form .form-group label {
	padding: 0;
	font-weight: 400
}

.modal-content .modal-body .form .form-group label sup,
.form .form-group label sup {
	font-size: 1.7em;
	color: #a00;
	top: 4px
}

.modal-content .modal-body h4 {
	font-size: 1.3em
}

#fFooter {
	overflow: hidden;
	padding: 30px 0
}

#fFooter a,
#fFooter p {
	font-size: .9em
}

#fFooter h3,
#fFooter h3 a,
#fFooter h4 {
	font-weight: 500;
	font-size: 1.2em;
	margin-bottom: 16px;
	color: #000;
	font-weight: 700
}

#fFooter nav ul {
	margin: 0
}

#fFooter nav ul li {
	list-style: none;
	margin: 0
}

#fFooter nav ul li a {
	padding: 2px 0;
	color: #111;
	display: block;
	font-size: .9em;
	font-weight: 400
}

#fFooter nav ul li a:hover {
	color: #000
}

#fFooter .fSocial {
	overflow: hidden;
	margin: 0 auto
}

#fFooter .fSocial li {
	margin: 0;
	float: none
}

#fFooter .fSocial li a {
	margin: 0;
	font-size: .8em;
	display: block;
	padding: 8px 0
}

#fFooter .fSocial li a .fa {
	color: #e6b53c;
	font-size: 1.3em;
	margin-right: 7px
}

.fb_iframe_widget {
	float: right
}

.form {
	display: block
}

.form-group {
	overflow: hidden
}

.form-group input,
.form-group textarea {
	margin-bottom: 15px
}

.form-group label {
	text-align: right
}

.nav-tabs.nav-justified {
	background: #f2f2f2;
	margin-bottom: 30px!important
}

.nav-tabs.nav-justified>li {
	border-right: 1px solid #ddd
}

.nav-tabs.nav-justified>li:nth-last-child(1) {
	border-right: 0
}

.nav-tabs.nav-justified>li>a {
	font-weight: 700
}

.nav-tabs.nav-justified>li>a {
	border-radius: 0;
	color: #000
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
	background: #d2a94f;
	color: #fff
}

.store-product-list-container .store-product-list {
	overflow: hidden;
	margin: 0
}

.store-product-list-container .store-product-list li,
ul.store-product-list li {
	float: left;
	width: 23%;
	text-align: center;
	border: 1px solid #e3e2e2;
	margin: 1%!important;
	overflow: hidden
}

.store-product-list-container .store-product-list li img,
.store-product-list li img {
	text-align: center;
	margin: 0 auto;
	max-width: 100%;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s
}

.store-product-list-container .store-product-list li img:hover,
.store-product-list li img:hover {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.store-product-list-container .store-product-list li h3,
.store-product-list-container .store-product-list li h3 a,
.store-product-list li h3,
.store-product-list li h3 a {
	font-size: 1em;
	color: #000;
	display: none;
	text-align: center;
	padding: 0 15px;
	height: 50px
}

.store-product-list-container .store-product-list li .content .f-button,
.store-product-list-container .store-product-list li .content .prop-price,
.store-product-list li .content .f-button,
.store-product-list li .content .prop-price {
	display: none
}

.store-product-options-form {
	display: none
}

.fModuleStoreRelatedProducts {
	padding-top: 40px
}

.fBrandCollection .store-category-list-container ul.store-category-list li {
	width: 47%;
	float: left;
	margin: 1.5%!important
}

.fBrandCollection .store-category-list-container ul.store-category-list li img {
	display: block;
	width: 100%;
	border: 1px solid #dedede
}

.fBrandCollection .store-category-list-container ul.store-category-list li .model-store-category {
	border: 0;
	padding: 0
}

.fBrandCollection .store-category-list-container ul.store-category-list li .model-store-category .content {
	display: none
}

.fBrandCollection .store-category-list-container ul.store-category-list li .model-store-category .content h3,
.fBrandCollection .store-category-list-container ul.store-category-list li .model-store-category .content h3 a {
	font-size: 1.2em
}

.store-category-list-container ul.store-category-list li {
	float: left;
	width: 100%;
	padding: 0;
	margin: 20px 0 30px!important
}

.store-category-list-container ul.store-category-list li img {
	display: none
}

.store-category-list-container ul.store-category-list li .model-store-category,
.fStoreList {
	border: 2px solid #e3e2e2;
	padding: 2.5% 5%
}

.fStoreList {
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px
}

.fStoreList .store-product-list-container .store-product-list li img {
	width: 80%
}

.store-category-list-container ul.store-category-list li .model-store-category .content h3,
.store-category-list-container ul.store-category-list li .model-store-category .content h3 a,
.fStoreList .fModuleTitle h3,
.fStoreList .fModuleTitle h3 a {
	text-align: center;
	color: #000;
	margin: 0 0 10px;
	font-size: 1.5em
}

.fStoreList .fModuleTitle h3::after {
	display: none!important
}

.fStoreList .fModuleContent .store-product-list-container .store-category-description {
	text-align: center
}

.fStoreList .fModuleContent .store-product-list-container ul.store-product-list {
	text-align: center
}

.fStoreList .fModuleContent .store-product-list-container ul.store-product-list li {
	float: none;
	border: 0;
	display: inline-block
}

.store-category-list-container ul.store-category-list li .model-store-category .content .store-category-description {
	text-align: center;
	margin-bottom: 25px;
	color: #333
}

.store-category-list-container ul.store-category-list li .model-store-category .content ul.store-product-list {
	margin: 0;
	overflow: hidden;
	text-align: center
}

.store-category-list-container ul.store-category-list li .model-store-category .content ul.store-product-list li {
	float: none;
	display: inline-block;
	border: 0;
	width: 21%;
	text-align: center;
	margin: 0 2%!important;
	overflow: hidden
}

.store-category-list-container ul.store-category-list li .model-store-category .content ul.store-product-list li img {
	display: block;
	transition: none;
	margin-bottom: 10px
}

.store-category-list-container ul.store-category-list li .model-store-category .content ul.store-product-list li img:hover {
	transform: none
}

.store-category-list-container ul.store-category-list li .model-store-category .content ul.store-product-list li .content {
	display: none
}

.store-category-list-container ul.store-category-list li .model-store-category .content a.f-button,
.fStoreList .fModuleContent .store-product-list-container a.f-button {
	margin: 0 auto;
	display: table;
	clear: both
}

.store-product-full a.store-product-image img {
	border: 1px solid #e3e2e2
}

body.view-product-view #fMatter {
	padding: 50px 0
}

body.view-product-view #fMatter h1#heading {
	display: none
}

#fMatter .store-product-full h1 {
	text-align: left;
	margin-top: 0
}

#fMatter .store-product-full h4 {
	font-size: 1.5em;
	color: #000;
	font-weight: 600
}

#fMatter .store-product-full h5 {
	font-size: 1em
}

.store-product-full .fShareIt,
.store-product-full .form-item {
	margin: 30px 0
}

.f-table-border-all,
.f-table-border-outer {
	border: 0
}

.store-product-accessory-list ul.accessory-list {
	overflow: hidden
}

#fMatter .store-product-accessory-list ul.accessory-list li {
	list-style: none;
	margin: 0 0 5px;
	padding: 7px 10px 7px 0
}

#fMatter .store-product-accessory-list ul.accessory-list li label {
	display: none
}

.f-table-striped tbody tr:nth-child(even) {
	background: #666
}

table.ui-striped tbody tr:nth-child(even) {
	background: #666
}

.store-product-images .item {
	float: left;
	width: 25%;
	margin: 3% 2%
}

.store-product-images .item:nth-child(1) {
	margin-left: 0
}

.store-product-images .item:nth-child(3) {
	margin-right: 0
}

.store-product-images .item img {
	border: 1px solid #e3e2e2
}

#region_locate_us_container .fModuleTitle {
	font-size: 1.7em;
	font-weight: 600;
	margin: 20px 0 15px
}

#region_locate_us_container label {
	margin-left: 10px
}

#region_locate_us_container .fModuleContent #outlets_address_wrapper {
	padding: 10px 20px
}

#region_locate_us_container .fModuleContent #outlets_address_wrapper img {
	width: auto;
	display: block;
	float: left;
	margin-right: 8px
}

#outlets_name {
	cursor: pointer;
	font-weight: 600
}

#outlet_address {
	display: none
}

#locate_us_map {
	border: 2px solid #ccc;
	border-radius: 2px;
	padding: 0
}

.gm-style img {
	width: 60%
}

.map_info {
	margin: 10px 0
}

.map_info_title tr td {
	font-size: 1.4em;
	font-weight: 600
}

.map_info {
	font-size: 1.05em
}

body.path---our-services #fMatter p {
	width: 70%;
	margin: 0 auto
}

.fServices .col-sm-3 {
	position: relative;
	text-align: center
}

.fServices img {
	margin: 0 auto
}

.fServices p {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	line-height: 125%;
	color: #fff;
	font-weight: 400;
	background: #e6b53c;
	padding: 15px 20px;
	margin: 0 15px;
	font-weight: 700;
	text-transform: uppercase
}

.fServices .fGalleryText h3 {
	font-size: 1.3em;
	font-weight: 300;
	text-align: center;
	color: #fff;
	font-family: open sans;
	background: #594231;
	margin: 0;
	padding: 15px
}

.fServices .fGalleryText h3 a {
	color: #fff
}

.fServices .content {
	position: absolute;
	top: 0%;
	right: 0;
	bottom: -50px;
	left: 0;
	margin: 0 15px;
	line-height: 115%;
	color: #fff;
	font-weight: 400;
	transform: translateY(350%);
	transition: transform .2s ease-out;
	background: rgba(231, 186, 66, .8);
	padding: 0 30px
}

.fServices .col-sm-3:hover .content {
	transform: translateY(0);
	bottom: 19%;
	padding: 30px;
	line-height: 140%;
	font-size: 1.1em
}

.path---pohkong-happy-love #fMatter h1 {
	display: none
}

.fHappyLoven {
	background-image: url(//www.pohkong.com.my/cdn/gallery/16/8523dc6c7f64043aafe15264808191c6.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.fCatalogShow {
	padding: 0!important
}

.fCharm {
	position: relative;
	padding: 0!important;
	overflow: visible!important
}

.fCharm p:last-child {
	bottom: -60px;
	position: absolute;
	right: 10%
}

.fCharm p {
	margin: 0!important
}

.fProductsDisplay {
	position: relative;
	padding: 0!important;
	overflow: visible!important
}

.fProductsDisplay p:last-child {
	top: 0;
	position: absolute;
	left: 10%
}

.fProductsDisplay p {
	margin: 0!important
}

.fProductsBlock ul {
	text-align: center
}

.fProductsBlock ul li {
	margin-bottom: 50px;
	display: inline-block;
	float: none;
	height: auto;
	width: 31%
}

.fAuspiciousBanner {
	position: relative;
	padding: 0!important;
	overflow: visible!important
}

.fAuspiciousBanner p:last-child {
	top: 0;
	position: absolute;
	right: 10%
}

.fAuspiciousBanner p {
	margin: 0!important
}

.fPerpetual {
	position: relative;
	padding: 0!important;
	overflow: visible!important
}

.fPerpetual p:last-child {
	top: 0;
	position: absolute;
	right: 10%
}

.fPerpetual p {
	margin: 0!important
}

.fLastModuleBanner {
	position: relative;
	padding: 0!important;
	overflow: visible!important
}

.fLastModuleBanner p:last-child {
	top: 35%;
	position: absolute;
	left: 10%
}

.fLastModuleBanner p {
	margin: 0!important
}

.fBanner {
	position: relative
}

.fBanner p {
	position: absolute;
	top: 64%;
	left: 50%
}

.fBanner p a i {
	color: #f598ac;
	font-size: 2em
}

.fProductsHappyLove,
.fProductsBlock,
.fProductsBlock2,
.fAuspiciousProducts,
.fPerpetualProduct,
.fEternity {
	padding: 50px 0 65px!important
}

.fBannerVideo {
	position: relative
}

.fBannerVideo .trigger {
	top: 50%;
	left: 0%;
	position: absolute;
	left: 47%;
	right: 47%
}

.fBannerVideo .trigger .fa-play {
	border: 1px solid #ccc;
	border-radius: 100px;
	padding: 18px 11px 16px 25px;
	font-size: 2.5em
}
/* Gold Note of hope */
/*.fGoldnoteBanner {
    background-image: url(//www.pohkong.com.my/cdn/gallery/17/3bc8a31a06c7129e6faf6a578a5b31ea.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 100px !important;
     position: static; 
    background-position: center;
}
.fGoldnoteBanner .row {
    margin: 0 !important;
}
.fVideoModule {
   padding-top: 40px;
    text-align: center;
}
    .fVideoModule  p {
        margin-top: 15px;
    font-weight: 600;
    color: #990000;
    }
.fGoldnoteBanner .fContentModule h3 {
    font-size: 7.5em;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    margin: 0 !important;
    line-height: 1;
    padding: 0;
}
.fGoldnoteBanner .fContentModule h3 span {
  font-family: 'Kite One', sans-serif;
    font-weight: 400; 
    font-size: 0.20em;
    color: #fff;
    text-transform: capitalize;
    
} 
.fGoldnoteBanner .fContentModule  h4 {
    color: #ffcc66;
    font-size: 2.5em;
    font-weight: 700;
}
    .fContentModule a.fButton {
        background-color: #fff;
    color: #000;
    font-size: 1.2em;
    padding: 12px 40px;
    border-radius: 30px;
    font-weight: 600;
margin-top: 30px;
    }*/
.fFloatingButton {
    height: auto;
    position: fixed;
    right: -83px;
    top: 40%;
    padding: 30px 0;
    width: 209px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transform: rotate(-90deg);
    z-index: 2;
}
.fGoldnoteProducts ul li img  {
    width: 60%;
    margin: 0 auto;
}
.fContest ul {text-align: center;}
.fContest ul li {
    margin-top: 50px;
    display: inline-block;
    float: none;
    height: auto;
    width: 18%;
}
/*.fGoldnoteProducts .fModuleContent {
    width: 50%;
}*/
.fGoldnoteProducts .bx-wrapper .bx-prev {
    background: url(//www.pohkong.com.my/cdn/gallery/17/a1036becc85b0702d6994d6689d8480a.png) !important;
    width: 75px !important;
    height: 75px !important;
     z-index: 1 !important;
}
.fGoldnoteProducts .bx-wrapper .bx-next {
    background: url(//www.pohkong.com.my/cdn/gallery/17/3767ed8f79c0b3c2c95b144086d1c9b3.png) !important;
    width: 75px !important;
    height: 75px !important;
    z-index: 1 !important;
}
.fGoldNoteFeatures ul li {
    text-align: center;
}
.fGoldNoteFeatures ul li img {
    width: 40% !important;
    margin: 0 auto;
}
.fGoldNoteFeatures ul li h3 {
    margin-bottom: 10px !important;
}
.fGoldNoteFeatures ul li h3 a {
    font-size: 0.90em!important;
    color: #000;
    font-weight: 700;
    line-height: 1;
}
.fGoldNoteFeatures ul li p {
    font-size: 0.95em;
    font-weight: 300;
    font-family: Arial;
    opacity: .7;
}
.fGoldNoteFeatures .bx-wrapper .bx-pager.bx-default-pager a {
        border-radius: 5px !important;
}
.fGoldnoteProducts {
    padding: 0 !important;
}
.fGoldNote {
	padding: 0!important
}

.fGoldNote p {
	text-align: center;
	font-size: 2em;
	font-family: kollektif;
	margin: 0 auto
}

.fGoldNoteIcon ul li {
	font-size: 1.6em;
	position: relative;
	margin-bottom: 30px;
	font-family: kollektif;
}

.fGoldNoteIcon ul.fListIcon {
	margin-left: 90px!important;
	margin-top: 30px!important;
}

.fListIcon li:nth-child(1) {
	list-style-image: url(//www.pohkong.com.my/cdn/gallery/17/49e18ddbafeacb38444022aa4a814788.png);
	list-style-position: outside
}

.fListIcon li:nth-child(2) {
	list-style-image: url(//www.pohkong.com.my/cdn/gallery/17/674117beae9351f44bc7ee80fdae569b.png);
	list-style-position: outside;
	margin-left: 90px
}

.fListIcon li:nth-child(3) {
	list-style-image: url(//www.pohkong.com.my/cdn/gallery/17/633d1e8899ad91e7f7b50347ea51d488.png);
	list-style-position: outside
}

.fListIcon li:nth-child(4) {
	list-style-image: url(//www.pohkong.com.my/cdn/gallery/17/e46665b511033e6234f2ff822014ec34.png);
	list-style-position: outside;
	margin-left: 90px
}

.fGoldNoteIcon ul li span {
	top: 12px;
	font-size: 1.1em!important;
	position: absolute;
	font-weight: 500;
	line-height: 1;
}

.fGoldNoteIcon ul li span small {
	font-size: 0.52em;
	font-weight: 300;
	font-family: Arial;
	opacity: .7;
}
.fNoteButton  {
	background-image: url(//www.pohkong.com.my/cdn/gallery/17/5894c38fb83022a8f09588674b71d4e1.jpg);
	background-size: cover;
	padding: 50px 0px 0px !important;
}
.fNoteButton a.fButton {
	background: #f7d441 !important;
	font-family: kollektif, Arial;
	font-size: 19px;
	color: #000;
}
.fNoteButton a span {
	color: #fff !important;
}

.fNoteButton {
	padding: 30px 0!important;
	border-top: 1px solid #80808040
}

.fNoteButton a.fButton {
    background-image: url ('//www.pohkong.com.my/cdn/gallery/17/bdfbd1a330d4a21cda5df742a1c7eda7.png') ;
    
    cursor:pointer;
}
.fNoteButton h3 {
	text-align: center;
	font-size: 2em;
	font-family: kollektif;
	font-weight: 500;
	color: #000!important
}

.fGoldNoteGallery {
	padding: 0!important
}

.fGoldNoteGallery ul li {
	padding: 0!important
}

.fGoldNoteGallery ul li img {
	height: 190px
}

.fSnapWip,
.fSteps,
.fBelongscustom {
	background-image: url(//www.pohkong.com.my/cdn/gallery/17/5894c38fb83022a8f09588674b71d4e1.jpg);
	background-size: cover;
	padding: 50px 0px 0px !important;
}

.fSteps img {
	margin: 0 auto;
	width: 175px
}

.fSteps {
	text-align: center
}

.fSteps p small {
	font-size: 12px;
}

.fSteps p {
	color: #fff !important;
	font-family: Arial;
	font-size: 18px;
}

.fSteps h3 a {
	color: #fff !important;
	font-family: Arial;
}

.fSteps h3 {
	margin-bottom: 18px!important;
	font-family: kollektif;
	font-size: 29px;
}

.fSocialNote {
	padding-top: 0!important;
	background-image: url(//www.pohkong.com.my/cdn/gallery/17/5894c38fb83022a8f09588674b71d4e1.jpg);
	background-size: cover;
	text-align: center
}

.fSocialNote p {
	display: inline-flex;
	text-align: center
}

.fSocialNote p a {
	margin: 5px
}

.fSocialNote a.fButton {
	background: #ffffff7a;
	font-family: kollektif;
	font-size: 18px;
}

.fBelongscustom {
	text-align: center;
	padding: 50px 0px !important;
}

.fBelongscustom h3 {
	font-size: 3.5em;
	font-weight: 600;
	color: #f7d441;
	font-family: kollektif;
	margin-bottom: 10px;
}

.fBelongscustom p {
	color: #fff;
	font-weight: 500;
	font-size: 1.3em;
	font-family: kollektif
}
#TermsandConditions .modal .modal-body p  {
    text-align: left;
}
@media(min-width:993px) and (max-width:1200px) {
	.fLogo {
		right: 36%;
		left: 36%;
		width: 32%
	}
	header nav li:nth-child(4) {
		margin-left: 35%
	}
	header nav li a {
		padding: 15px 18px
	}
	header nav ul li:nth-child(1) ul {
		height: 315px!important
	}
	header nav ul li ul,
	header ul li ul li:nth-child(1) ul {
		height: 278px!important
	}
	header nav ul li ul li a {
		color: #555!important
	}
	header nav ul ul ul {
		left: 17%;
		width: 83%
	}
	header nav ul li ul li a img,
	header nav ul li ul li ul li a img {
		width: 650px
	}
	.fCollectionList ul.fGalleryImages .fGalleryItem .fGalleryText p {
		font-size: .86em
	}
}

@media(min-width:768px) and (max-width:992px) {
	.fProductListHome .fGalleryImages .fGalleryItem {
		padding: 7px
	}
	.fCollectionList ul.fGalleryImages li.fGalleryItem {
		padding: 5px
	}
	.fProductList ul.fGalleryImages .fGalleryItem .fGalleryText h3,
	.fProductList ul.fGalleryImages .fGalleryItem .fGalleryText h3 a {
		padding-bottom: 15px
	}
}

@media(max-width:767px) {
	.fGoldNote p {
		font-size: 1.3em!important
	}
	.fGoldNoteIcon ul li {
		font-size: 1.2em
	}
	.fGoldNoteIcon ul.fListIcon {
		margin-left: 60px!important
	}
	.fListIcon li:nth-child(2),
	.fListIcon li:nth-child(4) {
		margin-left: 0!important
	}
	.fBelongscustom h3 {
		font-size: 3em!important
	}
	.fHeaderTop .fHeaderLeft,
	.fHeaderTop .fHeaderRight {
		float: none;
		width: 100%
	}
	.fHeaderTop {
		font-size: 1em
	}
	.fHeaderTop .fHeaderLeft p,
	.fHeaderTop .fHeaderRight p {
		text-align: center !important;
		margin: 3px 0;
		font-size: .9em
	}
    .fGoldNoteIcon ul li span small {
    font-size: 0.7em !important;
    }
    .fGoldNoteIcon ul li span {
        font-size: 0.90em !important;}
    .fListIcon li:nth-child(3) span {
        top: 25px !important;
    }
	.fHeaderTop p,
	ul.fSocial {
		font-size: 1em;
		text-align: center
	}
	.fHeaderTop .fHeaderLeft .fSocialCenter .fSocial {
		text-align: center;
		padding: 0;
		margin: 3px 0
	}
	.fHeaderTop .fHeaderLeft .fSocialCenter .fSocial li {
		display: inline-block;
		float: none
	}
	.head-padding {
		padding-top: 110px
	}
	#fMatter h1,
	#fContentPre .fModuleTitle h3,
	#fContentPost .fModuleTitle h3,
	.fModuleStoreRelatedProducts .fModuleTitle h3 {
		font-size: 1.5em
	}
	.fBanner ol.dots {
		bottom: -18px
	}
	#fContentPre .fModule,
	#fContentPost .fModule {
		padding: 30px 0
	}
	#fContentPre .fProductListHome,
	#fContentPost .fCollectionList {
		margin-top: 0;
		padding: 20px 0!important;
		border-bottom: 1px solid #e3e2e2
	}
	.fProductListHome .fGalleryImages .fGalleryItem {
		margin-bottom: 0;
		padding: 7px
	}
	.fFeaturesList .fGalleryImages li.fGalleryItem {
		margin: 0 25px;
		border: 0
	}
	.fFeaturesList .fGalleryImages li.fGalleryItem:nth-child(even) {
		border: 2px solid #ddd;
		border-bottom: 5px solid #e8bb4c;
		border-top: 0;
		margin-bottom: 20px
	}
	.fFeaturesList .fGalleryImages li.fGalleryItem:nth-child(odd) {
		border: 2px solid #ddd;
		border-bottom: 0
	}
	.fProductList ul.fGalleryImages .fGalleryItem .fGalleryText h3,
	.fProductList ul.fGalleryImages .fGalleryItem .fGalleryText h3 a {
		font-size: 1em;
		padding: 0 0 12px
	}
	.fCollectionList .fGalleryImages .fGalleryItem {
		margin-bottom: 15px
	}
	.fCallout .fSocial li a {
		font-size: .9em
	}
	.fCallout ul.fSocial {
		margin-bottom: 15px;
		width: 100%
	}
	.fCallout input {
		width: 60%
	}
	.fCallout button.fButton {
		width: 40%
	}
	.fCallout .fNewsletter p {
		margin-bottom: 4px;
		text-align: center
	}
	.fBrandCollection .store-category-list-container ul.store-category-list li {
		width: 94%;
		float: left;
		margin: 3%!important
	}
	.store-category-list-container ul.store-category-list li .model-store-category {
		padding: 5%
	}
	.store-category-list-container ul.store-category-list li .model-store-category .content ul.store-product-list li,
	.fStoreList .fModuleContent .store-product-list-container ul.store-product-list li {
		width: 44%;
		margin: 3%!important;
		border: 1px solid #f7f7f7
	}
	.store-product-list-container .store-product-list li,
	ul.store-product-list li {
		width: 47%;
		margin: 1.5%!important
	}
	body.view-product-view #fMatter h1#heading {
		display: block
	}
	#fMatter .store-product-full h1 {
		display: none
	}
	.store-product-description {
		margin-top: 15px
	}
	.fModuleStoreRelatedProducts ul.store-product-list li {
		width: 47%;
		margin: 1.5%;
		float: left
	}
	#fMatter .store-product-full h4 {
		text-align: center
	}
	#fMatter ul li {
		margin-left: 0
	}
	#fMatter,
	#fSidebarRight {
		padding: 10px 0
	}
	.fSpeakers .fGalleryImages .fGalleryItem {
		margin-bottom: 30px
	}
	.fCallout {
		padding: 30px 0
	}
	.fVenue .fa {
		font-size: 1.5em
	}
	.fVenue .fa-map-marker {
		font-size: 1.8em
	}
	body.path---our-services #fMatter p {
		width: 90%;
		margin: 0 auto
	}
	.fServices .col-sm-3 {
		padding: 15px
	}
	.fProductsBlock ul li {
		width: 100%!important
	}
	.fHappyLoven {
		text-align: center
	}
	.fHighlightedproduct {
		position: static!important;
		right: 0!important;
		left: 0!important;
		bottom: 0!important;
		top: 0!important;
	}
	.fHighlightedproduct img {
		margin: 0 auto
	}
	.fContest ul li {
	display: block !important;
		width: 100% !important;
	}
	.fNoteButton a.fButton {
		font-size: 1.1em !important;
	}
}
@media (min-width: 768px) {
.modal-dialog {
    width: 70% !important;
   
}
}

@-webkit-keyframes rightmove {
	0% {
		right: -350px
	}
	50% {
		right: 20px
	}
	100% {
		right: 0
	}
}

@-webkit-keyframes leftmove {
	0% {
		left: -350px
	}
	50% {
		left: 20px
	}
	100% {
		left: 0
	}
}

@keyframes rightmove {
	0% {
		right: -350px
	}
	50% {
		right: 20px
	}
	100% {
		right: 0
	}
}

@keyframes leftmove {
	0% {
		left: -350px
	}
	50% {
		left: 20px
	}
	100% {
		left: 0
	}
}

@-webkit-keyframes rightmove {
	0% {
		right: -350px
	}
	50% {
		right: 20px
	}
	100% {
		right: 0
	}
}

@-webkit-keyframes leftmove {
	0% {
		left: -350px
	}
	50% {
		left: 20px
	}
	100% {
		left: 0
	}
}

@keyframes rightmove {
	0% {
		right: -350px
	}
	50% {
		right: 20px
	}
	100% {
		right: 0
	}
}

@keyframes leftmove {
	0% {
		left: -350px
	}
	50% {
		left: 20px
	}
	100% {
		left: 0
	}
}