.goc-wrapcontent{
	width: 1001px;
	margin: 0 auto;
	padding: 55px 0 40px;
}
.goc-produk-info{
	margin-top: 30px;
}
.goc-produk-info p{
	color: #6aa2e2;
	font-family: 'Ubuntu Regular';
	text-align: justify;
	font-size: 12px;
	padding: 0 15px;
}
.goc-produk-info p a{
	color: #fff;
}
.goc-produk-info p a:hover{
	color: #6ecce5;
}
/*================================================================================ BANNER ==============================================================================*/
.slick-dots{
	text-align: right;
	bottom: 15px;
	right: 15px;
	width: auto;
}
.slick-dots li{
	width: 15px;
	height: 15px;
}
.slick-dots li button{
	width: 15px;
	height: 15px;
}
.slick-dots li button:before{
	width: 15px;
	height: 15px;
}
.slick-dots li.slick-active button:before {
	opacity: 1;
	color: black;
	background-color: #2ad4ff;
	border-radius: 50%;
	margin: 3px;
	width: 9px;
	height: 9px;
}
.slick-dots li{
	background-color: #fff;
	border-radius: 50%;
}
.slick-dots li button:before{
	content: '';
}
.goc-banner-slider .slick-prev{
	left: -55px !important;
	z-index: 999;
	width: 38px;
	height: 42px;
}
.goc-banner-slider .slick-next{
	right: -55px !important;
	z-index: 999;
	width: 38px;
	height: 42px;
}
.goc-banner-slider .slick-prev:before {
	content: "" !important;
	background: url(../images/layout/home/prev.png) no-repeat left top;
	background-size: 100%;
	width: 38px;
	height: 42px;
	float: left;
	position: relative;
	opacity: 1 !important;
}
.goc-banner-slider .slick-next:before {
	content: "" !important;
	background: url(../images/layout/home/next.png) no-repeat right top;
	background-size: 100%;
	width: 38px;
	height: 42px;
	float: right;
	position: relative;
	opacity: 1 !important;
}
/*============================================================================= END BANNER ==============================================================================*/

/*============================================================================= PRODUK LIST ==============================================================================*/
.goc-produk-content{
	background: rgba(0, 0, 0, 0.15);
	padding: 15px 15px 0;
	margin-bottom: 5px;
}
.goc-produk-kategori{
	background: url('../images/layout/home/bg-produk-title.jpg') no-repeat left top;
	width: 969px;
	height: 41px;
	position: relative;
	padding: 14px;
}
.goc-produk-kategori h4{
	margin: 0;
	font-family: 'Ubuntu Bold';
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
}
.goc-produk-kategori-more{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 41px;
}
.goc-produk-kategori-more span{
	display: none;
}
ul.goc-produk-kategori-list{
	list-style-type: none;
	padding: 0;
	margin: 15px 0 0;
	display: table;
	font-size: 0;
	line-height: 0;
}
ul.goc-produk-kategori-list li{
	display: inline-table;
	padding-right: 15px;
	padding-bottom: 15px;
	position: relative;
}
ul.goc-produk-kategori-list li:nth-child(5n){
	padding-right: 0;
}
ul.goc-produk-kategori-list li.goc-ribbon-new:before{
	content: '';
	background: url('../images/layout/home/ribbon.png') no-repeat center top;
	width: 45px;
	height: 66px;
	position: absolute;
	top: -9px;
	left: -9px;
}
ul.goc-produk-kategori-list li.goc-ribbon-promo:before{
	content: '';
	background: url('../images/layout/home/ribbon-promo.png') no-repeat center top;
	width: 45px;
	height: 66px;
	position: absolute;
	top: -9px;
	left: -9px;
}
/*=========================================================================== END PRODUK LIST ==============================================================================*/

/*=============================================================== RIBBON ============================================================================*/
/* common */
.ribbon {
	width: 80px;
	height: 54px;
	overflow: hidden;
	position: absolute;
	z-index: 9;
}
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #2980b9;
}
.ribbon span {
	position: absolute;
	display: block;
	width: 100px;
	color: #fff;
	font-family: 'Ubuntu Regular';
	font-size: 20px;
	line-height: 1;
	text-align: center;
}
/* top left*/
.ribbon-top-left {
	top: 0;
	left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
}
.ribbon-top-left::before {
	top: 0;
	right: 0;
}
.ribbon-top-left::after {
	bottom: 0;
	left: 0;
}
.ribbon-top-left span {
	right: 10px;
	top: 10px;
	transform: rotate(-45deg);
}
/*color*/
.ribbon-blue span{
	background-color: #3498db;
}
.ribbon-blue::before,
.ribbon-blue::after {
	border: 5px solid #2980b9;
}
.ribbon-green span{
	background-color: #79A70A;
}
.ribbon-green::before,
.ribbon-green::after {
	border: 5px solid #618805;
}
.ribbon-red span{
	background-color: #ff4002;
}
.ribbon-red::before,
.ribbon-red::after {
	border: 5px solid #ff4002;
}
/*============================================================= END RIBBON ==========================================================================*/

/*============================================================ PROMO GAMING TIPS ====================================================================*/
.goc-promo-gamingtips-content{
	background: #fff;
	padding: 15px 15px;
	margin-bottom: 5px;
}
.goc-promo-gamingtips-kategori{
	background: url('../images/layout/home/bg-promo-gamingtips-title.jpg') no-repeat left top;
	width: 969px;
	height: 41px;
	position: relative;
	padding: 14px;
}
.goc-promo-gamingtips-kategori h4{
	margin: 0;
	font-family: 'Ubuntu Bold';
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
}
ul.goc-promo-gamingtips-list{
	list-style-type: none;
	padding: 0;
	margin: 15px 0 0;
	display: table;
	font-size: 0;
	line-height: 0;
	width: 100%;
}
ul.goc-promo-gamingtips-list li{
	display: inline-table;
	position: relative;
	width: 50%;
	line-height: 1.42857143;
	cursor: pointer;
}
ul.goc-promo-gamingtips-list li:nth-child(1n){
	padding-right: 7.5px;
	padding-bottom: 15px;
}
ul.goc-promo-gamingtips-list li:nth-child(2n){
	padding-left: 7.5px;
	padding-bottom: 15px;
	padding-right: 0;
}
ul.goc-promo-gamingtips-list li .goc-promo-gamingtips-list-wrap .goc-promo-gamingtips-list-wrapcontent{
	border: 1px solid #cacaca;
	border-top: 0;
	padding: 15px;
	min-height: 75px;
}
ul.goc-promo-gamingtips-list li .goc-promo-gamingtips-list-wrap .goc-promo-gamingtips-list-wrapcontent h4{
	color: #00aeef;
	font-family: 'Ubuntu Regular';
	font-size: 18px;
	margin: 0 0 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 400px;
}
ul.goc-promo-gamingtips-list li .goc-promo-gamingtips-list-wrap .goc-promo-gamingtips-list-wrapcontent p{
	color: #707070;
	font-family: 'Ubuntu Regular';
	font-size: 14px;
	margin: 0;
}
ul.goc-promo-gamingtips-list h3{
	font-family: 'Ubuntu Regular';
	color: #00aeef;
}
.btn-promo-gaming-tips{
	color: #fff;
	background-color: #01aed6;
	border-color: #01aed6;
	border-radius: 0;
	font-size: 16px;
	padding: 10px 12px;
}
.btn-promo-gaming-tips:focus,
.btn-promo-gaming-tips:hover{
	color: #fff;
	background-color: #1298b7;
	border-color: #1298b7;
}
/*============================================================= END PROMO GAMING TIPS ==============================================================*/