@lost gutter 10px;@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url("/fonts/material-icons/MaterialIcons-Regular.eot");src:url("/fonts/material-icons/MaterialIcons-Regular.woff2") format("woff2"),url("/fonts/material-icons/MaterialIcons-Regular.woff") format("woff"),url("/fonts/material-icons/MaterialIcons-Regular.ttf") format("truetype")}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;src:url("/fonts/material-symbols/material-symbols-rounded.woff2?3") format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:400;src:url("/fonts/inter/Inter-Regular.woff2") format("woff2"),url("/fonts/inter/Inter-Regular.woff") format("woff")}@font-face{font-family:inter;font-style:normal;font-weight:500;src:url("/fonts/inter/Inter-SemiBold.woff2") format("woff2"),url("/fonts/inter/Inter-SemiBold.woff") format("woff")}@font-face{font-family:inter;font-style:normal;font-weight:700;src:url("/fonts/inter/Inter-Bold.woff2") format("woff2"),url("/fonts/inter/Inter-Bold.woff") format("woff")}@font-face{font-family:Open Sauce One;font-style:normal;font-weight:400;src:url("/fonts/open-sauce-one/OpenSauceOne-Regular.ttf") format("truetype"),url("/fonts/open-sauce-one/OpenSauceOne-Regular.ttf") format("truetype")}@font-face{font-family:Open Sauce One;font-style:normal;font-weight:500;src:url("/fonts/open-sauce-one/OpenSauceOne-SemiBold.ttf") format("truetype"),url("/fonts/open-sauce-one/OpenSauceOne-SemiBold.ttf") format("truetype")}@font-face{font-family:Open Sauce One;font-style:normal;font-weight:600;src:url("/fonts/open-sauce-one/OpenSauceOne-Bold.ttf") format("truetype"),url("/fonts/open-sauce-one/OpenSauceOne-Bold.ttf") format("truetype")}@font-face{font-family:Open Sauce One;font-style:normal;font-weight:700;src:url("/fonts/open-sauce-one/OpenSauceOne-ExtraBold.ttf") format("truetype"),url("/fonts/open-sauce-one/OpenSauceOne-ExtraBold.ttf") format("truetype")}.fade-transition{-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.fade-enter,.fade-leave{opacity:0}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.animate-orbit{-webkit-animation:orbit 2s linear infinite;animation:orbit 2s linear infinite}.animate-dot{-webkit-animation:dot 3s steps(3) infinite;animation:dot 3s steps(3) infinite;display:inline-block;overflow:hidden;vertical-align:bottom}.animate-dot:before{content:"..."}@-webkit-keyframes jakmall-border{0%{border-color:#f2300c}50%{border-color:#008ae6}to{border-color:#592080}}@keyframes jakmall-border{0%{border-color:#f2300c}50%{border-color:#008ae6}to{border-color:#592080}}@-webkit-keyframes orbit{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes orbit{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes bump-up{0%{top:0}to{top:-5px}}@keyframes bump-up{0%{top:0}to{top:-5px}}@-webkit-keyframes dot{0%{width:.25em}to{width:1em}}@keyframes dot{0%{width:.25em}to{width:1em}}.ico-facebook{background:url("/images/desktop/sprite.png") 0 0/800px 750px no-repeat}.ico-facebook,.ico-twitter{display:inline-block;width:30px;height:30px;text-indent:-9999em}.ico-twitter{background:url("/images/desktop/sprite.png") -50px 0/800px 750px no-repeat}.ico-instagram{background:url("/images/desktop/sprite.png") -100px 0/800px 750px no-repeat}.ico-instagram,.ico-line{display:inline-block;width:30px;height:30px;text-indent:-9999em}.ico-line{background:url("/images/desktop/sprite.png") -150px 0/800px 750px no-repeat}.ico-bcaklikpay{background:url("/images/desktop/sprite.png") 0 -100px/800px 750px no-repeat;display:inline-block;width:130px;height:25px;text-indent:-9999em}.ico-visa{background:url("/images/desktop/sprite.png") -150px -100px/800px 750px no-repeat;height:30px}.ico-mastercard,.ico-visa{display:inline-block;width:46px;text-indent:-9999em}.ico-mastercard{background:url("/images/desktop/sprite.png") -200px -100px/800px 750px no-repeat;height:29px}.ico-bni{background:url("/images/desktop/sprite.png") -250px -100px/800px 750px no-repeat;width:83px;height:26px}.ico-bca,.ico-bni{display:inline-block;text-indent:-9999em}.ico-bca{background:url("/images/desktop/sprite.png") -350px -100px/800px 750px no-repeat;width:52px;height:22px}.ico-mandiri{background:url("/images/desktop/sprite.png") -450px -100px/800px 750px no-repeat;width:80px;height:24px}.ico-bri,.ico-mandiri{display:inline-block;text-indent:-9999em}.ico-bri{background:url("/images/desktop/sprite.png") -550px -100px/800px 750px no-repeat;width:95px;height:23px}.ico-mandiriecash,.ico-mega-sm{background:url("/images/desktop/sprite.png") -650px -100px/800px 750px no-repeat;display:inline-block;width:74px;height:34px;text-indent:-9999em}.border--circle{border-radius:50%}.border--1-solid-default--5{border:1px solid #eaeaea}.border--1-solid-default--20{border:1px solid #cbcbcb}.border--2-solid-default--5{border:2px solid #eaeaea}.border--2-solid-default--20{border:2px solid #cbcbcb}.jof__header{height:543px;background:url("/images/desktop/event/2019/6/jakmall-online-fair/header.png") 50%/cover no-repeat;position:relative;z-index:0;margin-bottom:100px}.jof__header__pamflet{height:105px;background:url("/images/desktop/event/2019/6/jakmall-online-fair/pamflet-1.png") 50%/contain no-repeat;-webkit-animation:changePamflet .5s linear infinite;animation:changePamflet .5s linear infinite;position:absolute;bottom:-12%;z-index:1;width:100%}.jof{background:url("/images/desktop/event/2019/6/jakmall-online-fair/background.png") 50%/cover no-repeat}.jof__body{padding:30px 0}.jof__coupon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jof__coupon__wrapper{-webkit-box-shadow:10px 0 9px -2px #644d4d;box-shadow:10px 0 9px -2px #644d4d;display:table;border:none;background-image:-webkit-gradient(linear,left top,right top,from(transparent),to(#564e4e));background-image:linear-gradient(90deg,transparent,#564e4e);margin:auto}.jof__social__media{position:absolute;bottom:15%;left:5%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;width:46%}.jof__social__media img{width:30px}.jof__socmed__logo{padding:5px 15px;border-radius:5px;font-size:14px}.jof__socmed__logo:not(:last-child){margin-right:10px}.jof__socmed__logo--ig{background-color:#ff4575}.jof__socmed__logo--tw{background-color:#0683e3}.jof__socmed__logo--fb{background-color:#0067f4}@media screen and (min-width:600px){.jof__coupon:nth-child(odd){-webkit-transform:skew(-2deg);transform:skew(-2deg)}.jof__coupon:nth-child(2n){-webkit-transform:skew(2deg);transform:skew(2deg)}.jof__coupon:nth-child(2),.jof__coupon:nth-last-child(2){-webkit-transform:skew(3deg);transform:skew(3deg)}.jof__coupon:last-child{-webkit-transform:skew(-3deg);transform:skew(-3deg)}}@media screen and (max-width:979px){.jof__social__media{width:55%;bottom:13%;left:1%}.jof__social__media img{width:20px}.jof__socmed__logo{padding:5px 10px;font-size:14px}.jof__socmed__logo:not(:last-child){margin-right:5px}}@media screen and (max-width:599px){.jof__header{height:335px;margin-bottom:80px}.jof__header__pamflet{height:22%}.jof__body{padding:0 20px 30px}.jof__coupon{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.jof__coupon--double .jof__coupon__content--normal-left{-webkit-transform:skew(-2deg);transform:skew(-2deg)}.jof__coupon--double .jof__coupon__content--normal-right{-webkit-transform:skew(2deg);transform:skew(2deg)}.jof__coupon--single:nth-child(2){-webkit-transform:skew(-2deg);transform:skew(-2deg)}.jof__coupon--single:last-child{-webkit-transform:skew(-4deg);transform:skew(-4deg)}.jof__coupon--triple-left{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.jof__coupon--triple-left .jof__coupon__content--normal-right{-webkit-transform:skew(2deg);transform:skew(2deg)}.jof__coupon--triple-left .jof__coupon--short-wl{-webkit-transform:skew(-2deg);transform:skew(-2deg)}.jof__coupon--triple-right .jof__coupon__content--normal-left{-webkit-transform:skew(2deg);transform:skew(2deg)}.jof__coupon--triple-right .jof__coupon--short-wr{-webkit-transform:skew(-2deg);transform:skew(-2deg)}.jof__coupon:nth-last-child(2){-webkit-transform:skew(2deg);transform:skew(2deg)}.jof__social__media{width:100%;left:auto;bottom:6%}.jof__socmed__logo{padding:5px;font-size:13px}}@-webkit-keyframes changePamflet{0%{background:url("/images/desktop/event/2019/6/jakmall-online-fair/pamflet-1.png") 50%/contain noFl-repeat}to{background:url("/images/desktop/event/2019/6/jakmall-online-fair/pamflet-2.png") 50%/contain no-repeat}}@keyframes changePamflet{0%{background:url("/images/desktop/event/2019/6/jakmall-online-fair/pamflet-1.png") 50%/contain noFl-repeat}to{background:url("/images/desktop/event/2019/6/jakmall-online-fair/pamflet-2.png") 50%/contain no-repeat}}