body{
    background-color: #f5f5f5;
}
.entry-content{
word-wrap: break-word;
}
.img-main {
    background: url("../assets/main-icon.png") no-repeat;
    vertical-align: middle;
    display: inline-block;
}

.img-main.img-main-logo {
    width: 270px;
    height: 49px;
}

.img-main.img-main-guarantee-en {
    width: 60px;
    height: 60px;
    background-position: 0 -169px;
}

.img-main.img-main-guarantee-th {
    width: 60px;
    height: 60px;
    background-position: -60px -169px;
}

.img-main.img-main-year-en {
    width: 60px;
    height: 60px;
    background-position: -92px -49px;
}

.img-main.img-main-year-th {
    width: 60px;
    height: 60px;
    background-position: -92px -109px;
}

.img-main.img-main-delivery-en {
    width: 92px;
    height: 60px;
    background-position: 0 -49px;
}

.img-main.img-main-delivery-th {
    width: 90px;
    height: 60px;
    background-position: 0 -109px;
}

.img-main.img-main-thaimap {
    width: 134px;
    height: 250px;
    background-position: -152px -71px;
}

.img-main.img-main-trushwave {
    width: 90px;
    height: 22px;
    background-position: -152px -71px;
}

.img-product-thumbnail {
    width: 50px;
    height: 56px;
}

.img-product-smallpreview {
    width: 95px;
    height: 106px;
}

.img-product-preview {
    width: 140px;
    height: 156px;
}

.img-product-largepreview {
    width: 225px;
    height: 250px;
}

.img-product-original {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-product-delivery {
    max-width: 75px;
}

.img-product-tiny {
    max-width: 35px;
}

.img-occasion {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background: url("../assets/occasion.png") 0 0 no-repeat;
    overflow: hidden;
}

.img-occasion-birthday {
    background-position: 0 0;
}

.img-occasion-anniversary {
    background-position: -30px 0;
}

.img-occasion-congratulations {
    background-position: -60px 0;
}

.img-occasion-getwell {
    background-position: -90px 0;
}

.img-occasion-graduation {
    background-position: -120px 0;
}

.img-occasion-loveromance {
    background-position: -150px 0;
}

.img-occasion-newbaby {
    background-position: -180px 0;
}

.img-occasion-thanks {
    background-position: -210px 0;
}

.img-occasion-wedding {
    background-position: -240px 0;
}

.img-occasion-sympathy {
    background-position: -270px 0;
}

.img-occasion-forkids {
    background-position: -300px 0;
}

.img-occasion-valentine {
    background-position: -330px 0;
}

.lang-flag {
    width: 22px;
    height: 16px;
    background: url("../assets/lang-flags.png") no-repeat;
    vertical-align: middle;
    display: inline-block;
}

.lang-flag.lang-flag-en {
    background-position: 0 0;
}

.lang-flag.lang-flag-th {
    background-position: -22px 0;
}

.lang-flag.lang-flag-current {
    opacity: .3;
}

.flag {
    width: 16px;
    height: 11px;
    background: url("../assets/flags.png") no-repeat;
    vertical-align: middle;
    display: inline-block;
}

.flag.flag-ad {
    background-position: -16px 0;
}

.flag.flag-ae {
    background-position: -32px 0;
}

.flag.flag-af {
    background-position: -48px 0;
}

.flag.flag-ag {
    background-position: -64px 0;
}

.flag.flag-ai {
    background-position: -80px 0;
}

.flag.flag-al {
    background-position: -96px 0;
}

.flag.flag-am {
    background-position: -112px 0;
}

.flag.flag-an {
    background-position: -128px 0;
}

.flag.flag-ao {
    background-position: -144px 0;
}

.flag.flag-ar {
    background-position: -160px 0;
}

.flag.flag-as {
    background-position: -176px 0;
}

.flag.flag-at {
    background-position: -192px 0;
}

.flag.flag-au {
    background-position: -208px 0;
}

.flag.flag-aw {
    background-position: -224px 0;
}

.flag.flag-az {
    background-position: -240px 0;
}

.flag.flag-ba {
    background-position: 0 -11px;
}

.flag.flag-bb {
    background-position: -16px -11px;
}

.flag.flag-bd {
    background-position: -32px -11px;
}

.flag.flag-be {
    background-position: -48px -11px;
}

.flag.flag-bf {
    background-position: -64px -11px;
}

.flag.flag-bg {
    background-position: -80px -11px;
}

.flag.flag-bh {
    background-position: -96px -11px;
}

.flag.flag-bi {
    background-position: -112px -11px;
}

.flag.flag-bj {
    background-position: -128px -11px;
}

.flag.flag-bm {
    background-position: -144px -11px;
}

.flag.flag-bn {
    background-position: -160px -11px;
}

.flag.flag-bo {
    background-position: -176px -11px;
}

.flag.flag-br {
    background-position: -192px -11px;
}

.flag.flag-bs {
    background-position: -208px -11px;
}

.flag.flag-bt {
    background-position: -224px -11px;
}

.flag.flag-bv {
    background-position: -240px -11px;
}

.flag.flag-bw {
    background-position: 0 -22px;
}

.flag.flag-by {
    background-position: -16px -22px;
}

.flag.flag-bz {
    background-position: -32px -22px;
}

.flag.flag-ca {
    background-position: -48px -22px;
}

.flag.flag-catalonia {
    background-position: -64px -22px;
}

.flag.flag-cd {
    background-position: -80px -22px;
}

.flag.flag-cf {
    background-position: -96px -22px;
}

.flag.flag-cg {
    background-position: -112px -22px;
}

.flag.flag-ch {
    background-position: -128px -22px;
}

.flag.flag-ci {
    background-position: -144px -22px;
}

.flag.flag-ck {
    background-position: -160px -22px;
}

.flag.flag-cl {
    background-position: -176px -22px;
}

.flag.flag-cm {
    background-position: -192px -22px;
}

.flag.flag-cn {
    background-position: -208px -22px;
}

.flag.flag-co {
    background-position: -224px -22px;
}

.flag.flag-cr {
    background-position: -240px -22px;
}

.flag.flag-cu {
    background-position: 0 -33px;
}

.flag.flag-cv {
    background-position: -16px -33px;
}

.flag.flag-cw {
    background-position: -32px -33px;
}

.flag.flag-cy {
    background-position: -48px -33px;
}

.flag.flag-cz {
    background-position: -64px -33px;
}

.flag.flag-de {
    background-position: -80px -33px;
}

.flag.flag-dj {
    background-position: -96px -33px;
}

.flag.flag-dk {
    background-position: -112px -33px;
}

.flag.flag-dm {
    background-position: -128px -33px;
}

.flag.flag-do {
    background-position: -144px -33px;
}

.flag.flag-dz {
    background-position: -160px -33px;
}

.flag.flag-ec {
    background-position: -176px -33px;
}

.flag.flag-ee {
    background-position: -192px -33px;
}

.flag.flag-eg {
    background-position: -208px -33px;
}

.flag.flag-eh {
    background-position: -224px -33px;
}

.flag.flag-england {
    background-position: -240px -33px;
}

.flag.flag-er {
    background-position: 0 -44px;
}

.flag.flag-es {
    background-position: -16px -44px;
}

.flag.flag-et {
    background-position: -32px -44px;
}

.flag.flag-eu {
    background-position: -48px -44px;
}

.flag.flag-fi {
    background-position: -64px -44px;
}

.flag.flag-fj {
    background-position: -80px -44px;
}

.flag.flag-fk {
    background-position: -96px -44px;
}

.flag.flag-fm {
    background-position: -112px -44px;
}

.flag.flag-fo {
    background-position: -128px -44px;
}

.flag.flag-fr {
    background-position: -144px -44px;
}

.flag.flag-ga {
    background-position: -160px -44px;
}

.flag.flag-gb {
    background-position: -176px -44px;
}

.flag.flag-gd {
    background-position: -192px -44px;
}

.flag.flag-ge {
    background-position: -208px -44px;
}

.flag.flag-gf {
    background-position: -224px -44px;
}

.flag.flag-gg {
    background-position: -240px -44px;
}

.flag.flag-gh {
    background-position: 0 -55px;
}

.flag.flag-gi {
    background-position: -16px -55px;
}

.flag.flag-gl {
    background-position: -32px -55px;
}

.flag.flag-gm {
    background-position: -48px -55px;
}

.flag.flag-gn {
    background-position: -64px -55px;
}

.flag.flag-gp {
    background-position: -80px -55px;
}

.flag.flag-gq {
    background-position: -96px -55px;
}

.flag.flag-gr {
    background-position: -112px -55px;
}

.flag.flag-gs {
    background-position: -128px -55px;
}

.flag.flag-gt {
    background-position: -144px -55px;
}

.flag.flag-gu {
    background-position: -160px -55px;
}

.flag.flag-gw {
    background-position: -176px -55px;
}

.flag.flag-gy {
    background-position: -192px -55px;
}

.flag.flag-hk {
    background-position: -208px -55px;
}

.flag.flag-hm {
    background-position: -224px -55px;
}

.flag.flag-hn {
    background-position: -240px -55px;
}

.flag.flag-hr {
    background-position: 0 -66px;
}

.flag.flag-ht {
    background-position: -16px -66px;
}

.flag.flag-hu {
    background-position: -32px -66px;
}

.flag.flag-ic {
    background-position: -48px -66px;
}

.flag.flag-id {
    background-position: -64px -66px;
}

.flag.flag-ie {
    background-position: -80px -66px;
}

.flag.flag-il {
    background-position: -96px -66px;
}

.flag.flag-im {
    background-position: -112px -66px;
}

.flag.flag-in {
    background-position: -128px -66px;
}

.flag.flag-io {
    background-position: -144px -66px;
}

.flag.flag-iq {
    background-position: -160px -66px;
}

.flag.flag-ir {
    background-position: -176px -66px;
}

.flag.flag-is {
    background-position: -192px -66px;
}

.flag.flag-it {
    background-position: -208px -66px;
}

.flag.flag-je {
    background-position: -224px -66px;
}

.flag.flag-jm {
    background-position: -240px -66px;
}

.flag.flag-jo {
    background-position: 0 -77px;
}

.flag.flag-jp {
    background-position: -16px -77px;
}

.flag.flag-ke {
    background-position: -32px -77px;
}

.flag.flag-kg {
    background-position: -48px -77px;
}

.flag.flag-kh {
    background-position: -64px -77px;
}

.flag.flag-ki {
    background-position: -80px -77px;
}

.flag.flag-km {
    background-position: -96px -77px;
}

.flag.flag-kn {
    background-position: -112px -77px;
}

.flag.flag-kp {
    background-position: -128px -77px;
}

.flag.flag-kr {
    background-position: -144px -77px;
}

.flag.flag-kurdistan {
    background-position: -160px -77px;
}

.flag.flag-kw {
    background-position: -176px -77px;
}

.flag.flag-ky {
    background-position: -192px -77px;
}

.flag.flag-kz {
    background-position: -208px -77px;
}

.flag.flag-la {
    background-position: -224px -77px;
}

.flag.flag-lb {
    background-position: -240px -77px;
}

.flag.flag-lc {
    background-position: 0 -88px;
}

.flag.flag-li {
    background-position: -16px -88px;
}

.flag.flag-lk {
    background-position: -32px -88px;
}

.flag.flag-lr {
    background-position: -48px -88px;
}

.flag.flag-ls {
    background-position: -64px -88px;
}

.flag.flag-lt {
    background-position: -80px -88px;
}

.flag.flag-lu {
    background-position: -96px -88px;
}

.flag.flag-lv {
    background-position: -112px -88px;
}

.flag.flag-ly {
    background-position: -128px -88px;
}

.flag.flag-ma {
    background-position: -144px -88px;
}

.flag.flag-mc {
    background-position: -160px -88px;
}

.flag.flag-md {
    background-position: -176px -88px;
}

.flag.flag-me {
    background-position: -192px -88px;
}

.flag.flag-mg {
    background-position: -208px -88px;
}

.flag.flag-mh {
    background-position: -224px -88px;
}

.flag.flag-mk {
    background-position: -240px -88px;
}

.flag.flag-ml {
    background-position: 0 -99px;
}

.flag.flag-mm {
    background-position: -16px -99px;
}

.flag.flag-mn {
    background-position: -32px -99px;
}

.flag.flag-mo {
    background-position: -48px -99px;
}

.flag.flag-mp {
    background-position: -64px -99px;
}

.flag.flag-mq {
    background-position: -80px -99px;
}

.flag.flag-mr {
    background-position: -96px -99px;
}

.flag.flag-ms {
    background-position: -112px -99px;
}

.flag.flag-mt {
    background-position: -128px -99px;
}

.flag.flag-mu {
    background-position: -144px -99px;
}

.flag.flag-mv {
    background-position: -160px -99px;
}

.flag.flag-mw {
    background-position: -176px -99px;
}

.flag.flag-mx {
    background-position: -192px -99px;
}

.flag.flag-my {
    background-position: -208px -99px;
}

.flag.flag-mz {
    background-position: -224px -99px;
}

.flag.flag-na {
    background-position: -240px -99px;
}

.flag.flag-nc {
    background-position: 0 -110px;
}

.flag.flag-ne {
    background-position: -16px -110px;
}

.flag.flag-nf {
    background-position: -32px -110px;
}

.flag.flag-ng {
    background-position: -48px -110px;
}

.flag.flag-ni {
    background-position: -64px -110px;
}

.flag.flag-nl {
    background-position: -80px -110px;
}

.flag.flag-no {
    background-position: -96px -110px;
}

.flag.flag-np {
    background-position: -112px -110px;
}

.flag.flag-nr {
    background-position: -128px -110px;
}

.flag.flag-nu {
    background-position: -144px -110px;
}

.flag.flag-nz {
    background-position: -160px -110px;
}

.flag.flag-om {
    background-position: -176px -110px;
}

.flag.flag-pa {
    background-position: -192px -110px;
}

.flag.flag-pe {
    background-position: -208px -110px;
}

.flag.flag-pf {
    background-position: -224px -110px;
}

.flag.flag-pg {
    background-position: -240px -110px;
}

.flag.flag-ph {
    background-position: 0 -121px;
}

.flag.flag-pk {
    background-position: -16px -121px;
}

.flag.flag-pl {
    background-position: -32px -121px;
}

.flag.flag-pm {
    background-position: -48px -121px;
}

.flag.flag-pn {
    background-position: -64px -121px;
}

.flag.flag-pr {
    background-position: -80px -121px;
}

.flag.flag-ps {
    background-position: -96px -121px;
}

.flag.flag-pt {
    background-position: -112px -121px;
}

.flag.flag-pw {
    background-position: -128px -121px;
}

.flag.flag-py {
    background-position: -144px -121px;
}

.flag.flag-qa {
    background-position: -160px -121px;
}

.flag.flag-re {
    background-position: -176px -121px;
}

.flag.flag-ro {
    background-position: -192px -121px;
}

.flag.flag-rs {
    background-position: -208px -121px;
}

.flag.flag-ru {
    background-position: -224px -121px;
}

.flag.flag-rw {
    background-position: -240px -121px;
}

.flag.flag-sa {
    background-position: 0 -132px;
}

.flag.flag-sb {
    background-position: -16px -132px;
}

.flag.flag-sc {
    background-position: -32px -132px;
}

.flag.flag-scotland {
    background-position: -48px -132px;
}

.flag.flag-sd {
    background-position: -64px -132px;
}

.flag.flag-se {
    background-position: -80px -132px;
}

.flag.flag-sg {
    background-position: -96px -132px;
}

.flag.flag-sh {
    background-position: -112px -132px;
}

.flag.flag-si {
    background-position: -128px -132px;
}

.flag.flag-sk {
    background-position: -144px -132px;
}

.flag.flag-sl {
    background-position: -160px -132px;
}

.flag.flag-sm {
    background-position: -176px -132px;
}

.flag.flag-sn {
    background-position: -192px -132px;
}

.flag.flag-so {
    background-position: -208px -132px;
}

.flag.flag-somaliland {
    background-position: -224px -132px;
}

.flag.flag-sr {
    background-position: -240px -132px;
}

.flag.flag-ss {
    background-position: 0 -143px;
}

.flag.flag-st {
    background-position: -16px -143px;
}

.flag.flag-sv {
    background-position: -32px -143px;
}

.flag.flag-sx {
    background-position: -48px -143px;
}

.flag.flag-sy {
    background-position: -64px -143px;
}

.flag.flag-sz {
    background-position: -80px -143px;
}

.flag.flag-tc {
    background-position: -96px -143px;
}

.flag.flag-td {
    background-position: -112px -143px;
}

.flag.flag-tf {
    background-position: -128px -143px;
}

.flag.flag-tg {
    background-position: -144px -143px;
}

.flag.flag-th {
    background-position: -160px -143px;
}

.flag.flag-tibet {
    background-position: -176px -143px;
}

.flag.flag-tj {
    background-position: -192px -143px;
}

.flag.flag-tk {
    background-position: -208px -143px;
}

.flag.flag-tl {
    background-position: -224px -143px;
}

.flag.flag-tm {
    background-position: -240px -143px;
}

.flag.flag-tn {
    background-position: 0 -154px;
}

.flag.flag-to {
    background-position: -16px -154px;
}

.flag.flag-tr {
    background-position: -32px -154px;
}

.flag.flag-tt {
    background-position: -48px -154px;
}

.flag.flag-tv {
    background-position: -64px -154px;
}

.flag.flag-tw {
    background-position: -80px -154px;
}

.flag.flag-tz {
    background-position: -96px -154px;
}

.flag.flag-ua {
    background-position: -112px -154px;
}

.flag.flag-ug {
    background-position: -128px -154px;
}

.flag.flag-um {
    background-position: -144px -154px;
}

.flag.flag-us,
.flag.flag-en {
    background-position: -160px -154px;
}

.flag.flag-uy {
    background-position: -176px -154px;
}

.flag.flag-uz {
    background-position: -192px -154px;
}

.flag.flag-va {
    background-position: -208px -154px;
}

.flag.flag-vc {
    background-position: -224px -154px;
}

.flag.flag-ve {
    background-position: -240px -154px;
}

.flag.flag-vg {
    background-position: 0 -165px;
}

.flag.flag-vi {
    background-position: -16px -165px;
}

.flag.flag-vn {
    background-position: -32px -165px;
}

.flag.flag-vu {
    background-position: -48px -165px;
}

.flag.flag-wales {
    background-position: -64px -165px;
}

.flag.flag-wf {
    background-position: -80px -165px;
}

.flag.flag-ws {
    background-position: -96px -165px;
}

.flag.flag-xk {
    background-position: -112px -165px;
}

.flag.flag-ye {
    background-position: -128px -165px;
}

.flag.flag-yt {
    background-position: -144px -165px;
}

.flag.flag-za {
    background-position: -160px -165px;
}

.flag.flag-zanzibar {
    background-position: -176px -165px;
}

.flag.flag-zm {
    background-position: -192px -165px;
}

.flag.flag-zw {
    background-position: -208px -165px;
}

.img-payment-channel {
    background: url("../assets/payment-channel.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    overflow: hidden;
    vertical-align: middle;
}

.img-payment-channel-cash {
    width: 26px;
}

.img-payment-channel-kasikorn {
    width: 26px;
    background-position: -26px 0;
}

.img-payment-channel-uob {
    width: 26px;
    background-position: -52px 0;
}

.img-payment-channel-banktransfer {
    width: 39px;
    background-position: -78px 0;
}

.img-payment-agent {
    background: url("../assets/payment-agent.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    overflow: hidden;
    vertical-align: middle;
    -moz-transition: all .19s ease 0s;
    -o-transition: all .19s ease 0s;
    -webkit-transition: all .19s ease 0s;
    transition: all .19s ease 0s;
}

.img-payment-agent.off {
    opacity: .5;
}

.img-payment-agent-visa {
    width: 43px;
}

.img-payment-agent-visa.off {
    background-position: 0 -16px;
}

.img-payment-agent-mastercard {
    width: 28px;
    background-position: -43px 0;
}

.img-payment-agent-mastercard.off {
    background-position: -43px -16px;
}

.img-payment-agent-amex {
    width: 25px;
    background-position: -71px 0;
}

.img-payment-agent-amex.off {
    background-position: -71px -16px;
}

.img-payment-agent-discover {
    width: 30px;
    background-position: -96px 0;
}

.img-payment-agent-discover.off {
    background-position: -96px -16px;
}

.img-payment-agent-paypal {
    width: 53px;
    background-position: -126px 0;
}

.img-payment-agent-paypal.off {
    background-position: -126px -16px;
}

.img-payment-agent-jcb {
    width: 26px;
    background-position: -179px 0;
}

.img-payment-agent-jcb.off {
    background-position: -179px -16px;
}

.img-payment-agent-tesco {
    width: 31px;
    background-position: -205px 0;
}

.img-payment-agent-tesco.off {
    background-position: -205px -16px;
}

.img-payment-agent-bigc {
    width: 16px;
    background-position: -236px 0;
}

.img-payment-agent-bigc.off {
    background-position: -236px -16px;
}

.img-payment-agent-payatpost {
    width: 56px;
    background-position: -252px 0;
}

.img-payment-agent-payatpost.off {
    background-position: -252px -16px;
}

.img-payment-agent-tot {
    width: 15px;
    background-position: -308px 0;
}

.img-payment-agent-tot.off {
    background-position: -308px -16px;
}

.img-payment-agent-familymart {
    width: 54px;
    background-position: -323px 0;
}

.img-payment-agent-familymart.off {
    background-position: -323px -16px;
}

.img-payment-agent-truemoney {
    width: 29px;
    background-position: -377px 0;
}

.img-payment-agent-truemoney.off {
    background-position: -377px -16px;
}

.img-payment-agent-mpay {
    width: 16px;
    background-position: -406px 0;
}

.img-payment-agent-mpay.off {
    width: 16px;
    background-position: -406px -16px;
}

.img-payment-agent-banktransfer {
    width: 39px;
    background-position: -422px 0;
}

.img-payment-agent-banktransfer.off {
    width: 39px;
    background-position: -422px -16px;
}

.img-payment-agent-bbl {
    width: 13px;
    background-position: -461px 0;
}

.img-payment-agent-bbl.off {
    width: 13px;
    background-position: -461px -16px;
}

.img-payment-agent-scb {
    width: 15px;
    background-position: -474px 0;
}

.img-payment-agent-scb.off {
    width: 15px;
    background-position: -474px -16px;
}

.img-payment-agent-ktb {
    width: 16px;
    background-position: -489px 0;
}

.img-payment-agent-ktb.off {
    width: 16px;
    background-position: -489px -16px;
}

.img-payment-agent-bay {
    width: 16px;
    background-position: -505px 0;
}

.img-payment-agent-bay.off {
    width: 16px;
    background-position: -505px -16px;
}

.img-payment-agent-kbank {
    width: 16px;
    background-position: -521px 0;
}

.img-payment-agent-kbank.off {
    width: 16px;
    background-position: -521px -16px;
}

.img-payment-agent-tmb {
    width: 35px;
    background-position: -537px 0;
}

.img-payment-agent-tmb.off {
    width: 35px;
    background-position: -537px -16px;
}

.img-payment-agent-cenpay {
    width: 35px;
    background-position: -572px 0;
}

.img-payment-agent-cenpay.off {
    width: 35px;
    background-position: -572px -16px;
}

.img-payment-agent-unsupported {
    width: 21px;
    background-position: -628px 0;
}

.img-payment-agent-unsupported.off {
    width: 21px;
    background-position: -628px -16px;
}

.img-payment-agent-uob {
    width: 45px;
    background-position: -758px 0;
}

.img-payment-agent-uob.off {
    width: 45px;
    background-position: -758px -16px;
}

.img-payment-agent-scib {
    width: 15px;
    background-position: -803px 0;
}

.img-payment-agent-scib.off {
    width: 15px;
    background-position: -803px -16px;
}

.img-payment-agent-tbank {
    width: 24px;
    background-position: -818px 0;
}

.img-payment-agent-tbank.off {
    width: 24px;
    background-position: -818px -16px;
}

.bank-logo {
    display: inline-block;
    overflow: hidden;
    height: 16px;
    vertical-align: text-bottom;
    background: url("../assets/bank-icon.png") no-repeat scroll 0 0 transparent;
}

.bbl {
    width: 12px;
    background-position: 0 0;
}

.bay {
    width: 16px;
    background-position: -13px 0;
}

.ktb {
    width: 16px;
    background-position: -29px 0;
}

.tmb {
    width: 22px;
    background-position: -45px 0;
}

.kbank {
    width: 16px;
    background-position: -67px 0;
}

.uob {
    width: 29px;
    background-position: -83px 0;
}

.scb {
    width: 15px;
    background-position: -112px 0;
}

.tbank {
    width: 15px;
    background-position: -127px 0;
}

.kkp {
    width: 16px;
    background-position: -142px 0;
}

.ibank {
    width: 16px;
    background-position: -158px 0;
}

.gsb {
    width: 16px;
    background-position: -174px 0;
}

.lhbank {
    width: 16px;
    background-position: -190px 0;
}

.cimbt {
    width: 15px;
    background-position: -206px 0;
}

.tisco {
    width: 22px;
    background-position: -221px 0;
}

.scbl {
    width: 10px;
    background-position: -243px 0;
}

.tcrbank {
    width: 12px;
    background-position: -253px 0;
}

.ghb {
    width: 14px;
    background-position: -265px 0;
}

.alcb {
    width: 16px;
    background-position: -279px 0;
}

.sit {
    width: 17px;
    background-position: -295px 0;
}

.bank-logo-wrapper span {
    vertical-align: middle;
}

.bank-logo-wrapper span:not(:first-child) {
    margin-left: 5px;
}


/*=======*/

.ajax-loader {
    position: absolute;
    display: none;
    z-index: 999;
    opacity: .95;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
}

.ajax-loader.black {
    background-color: black;
}

.ajax-loader-10 {
    background-image: url("https://www.kingflorist.co.id/wp-content/themes/kingflorist/assetsAjax-Loader-10.gif");
    min-height: 10px;
    min-width: 10px;
}

.ajax-loader-16 {
    background-image: url("../assets/Ajax-Loader-16.gif");
    min-height: 16px;
    min-width: 16px;
}

.ajax-loader-24 {
    background-image: url("../assets/Ajax-Loader-24.gif");
    min-height: 24px;
    min-width: 24px;
}

.ajax-loader-32 {
    background-image: url("../assets/Ajax-Loader-32.gif");
    min-height: 32px;
    min-width: 32px;
}

.ajax-loader-48 {
    background-image: url("../assets/Ajax-Loader-48.gif");
    min-height: 48px;
    min-width: 48px;
}

.ajax-loader-64 {
    background-image: url("../assets/Ajax-Loader-64.gif");
    min-height: 64px;
    min-width: 64px;
}

.ajax-loader-128 {
    background-image: url("../assets/Ajax-Loader-128.gif");
    min-height: 128px;
    min-width: 128px;
}

.ajax-loader-10.black {
    background-image: url("https://www.kingflorist.co.id/wp-content/themes/kingflorist/assets/Ajax-Loader-10-black.gif");
}

.ajax-loader-16.black {
    background-image: url("../assets/Ajax-Loader-16-black.gif");
}

.ajax-loader-24.black {
    background-image: url("../assets/Ajax-Loader-24-black.gif");
}

.ajax-loader-32.black {
    background-image: url("../assets/Ajax-Loader-32-black.gif");
}

.ajax-loader-48.black {
    background-image: url("../assets/Ajax-Loader-48-black.gif");
}

.ajax-loader-64.black {
    background-image: url("../assets/Ajax-Loader-64-black.gif");
}

.ajax-loader-128.black {
    background-image: url("../assets/Ajax-Loader-128-black.gif");
}

.ajax-loader.inline {
    border: 1px solid lightgray;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.11);
    padding: 15px;
}

.ajax-loader.button-loader {
    position: initial;
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.profile-20 {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.profile-32 {
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

.profile-50 {
    width: 50px;
    height: 50px;
    vertical-align: middle;
}

.profile-100 {
    width: 100px;
    height: 100px;
    vertical-align: middle;
}

.profile-border {
    padding: 2px;
    border: 1px solid #CAC9C7;
    background-color: White;
}

.profile-curve-tiny {
    border-radius: 50%
}

.profile-curve-small {
    border-radius: 50%
}

.profile-curve-medium {
    border-radius: 50%
}

.profile-curve-large {
    border-radius: 50%
}

.profile-shadow-small {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.11);
}

.profile-shadow-medium {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.11);
}

.profile-shadow-large {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.11);
}

.link-goto-top {
    padding: .5em;
    position: fixed;
    bottom: 1em;
    right: 1em;
}

.link-goto-top span {
    display: block;
    width: 26px;
    height: 26px;
    background: url("../assets/go-to-top.png") 0 0 no-repeat;
}

.link-goto-top:hover span {
    background-position: 0 -26px;
}

.img-flag {
    background: url("../assets/culture-flag.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 11px;
    overflow: hidden;
    vertical-align: middle;
    width: 16px;
}

.img-flag-en-on {
    background-position: 0 0;
}

.img-flag-th-on {
    background-position: -16px 0;
}

.img-flag-en-off {
    background-position: 0 -11px;
}

.img-flag-th-off {
    background-position: -16px -11px;
}

.lang-input {
    background-position: 5px 10px!important;
    background-repeat: no-repeat!important;
    background-size: 16px 11px!important;
    padding-left: 27px;
    width: 277px;
    margin-bottom: 5px!important;
}

.lang-en {
    background-image: url("../assets/culture-flag-en.png")!important;
}

.lang-th {
    background-image: url("../assets/culture-flag-th.png")!important;
}

.g-button {
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    padding: .375rem 1rem;
    border: 1px solid #F26C3A;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    border-radius: .154em;
    background-color: #F7941D;
    background-image: -moz-linear-gradient(top, #F7941D, #F37716);
    background-image: -webkit-linear-gradient(top, #F7941D, #F37716);
    background-image: -o-linear-gradient(top, #F7941D, #F37716);
    background-image: linear-gradient(to bottom, #F7941D, #F37716);
    -moz-transition: all .19s ease 0s;
    -o-transition: all .19s ease 0s;
    -webkit-transition: all .19s ease 0s;
    transition: all .19s ease 0s;
    vertical-align: middle;
}

.g-button:hover {
    border: 1px solid #D3420D;
    color: #FFF;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.11);
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    background-color: #F7941D;
    background-image: -moz-linear-gradient(top, #F7941D, #F16020);
    background-image: -webkit-linear-gradient(top, #F7941D, #F16020);
    background-image: -o-linear-gradient(top, #F7941D, #F16020);
    background-image: linear-gradient(to bottom, #F7941D, #F16020);
}

.g-button:active {
    background-color: #f6f6f6;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

.g-button:focus:hover {
    box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0, 0, 0, 0.1);
}

.g-button span {
    vertical-align: middle;
}

.g-button .img-tool,
.g-button .fa {
    margin-right: 5px;
    text-shadow: inherit;
}

.g-button .fa.fa-angle-right {
    margin-right: 0;
    margin-left: 3px;
}

.g-button.symbol-only .fa {
    margin-right: 0;
    vertical-align: initial;
}

.m-button {
    font-size: 12px;
    padding: 3px 8px;
    min-width: 24px;
    border-radius: 2px;
}

.s-button {
    font-size: 11px;
    padding: 0 6px;
    min-width: 24px;
}

.ss-button {
    font-size: 11px;
    padding: 0 6px;
    height: 1.8em;
    line-height: 1.8em;
    min-width: 24px;
}

.l-button,
.l-button:focus {
    font-size: 16px;
    height: 40px;
    min-height: 0;
    min-width: 70px;
}

.sl-button,
.sl-button:focus {
    font-size: 21px;
    height: 50px;
    min-height: 0;
    min-width: 130px;
}

.g-button-blue {
    border-color: #3079ED;
    background-color: #4D90FE;
    background-image: -webkit-linear-gradient(top, #4D90FE, #4787ED);
    background-image: -moz-linear-gradient(top, #4D90FE, #4787ED);
    background-image: -o-linear-gradient(top, #4D90FE, #4787ED);
    background-image: linear-gradient(to bottom, #4D90FE, #4787ED);
}

.g-button-blue:hover {
    border-color: #2f5BB7;
    background-color: #357AE8;
    background-image: -webkit-linear-gradient(top, #4D90FE, #357AE8);
    background-image: -moz-linear-gradient(top, #4D90FE, #357AE8);
    background-image: -o-linear-gradient(top, #4D90FE, #357AE8);
    background-image: linear-gradient(to bottom, #4D90FE, #357AE8);
}

.g-button-red,
.g-button-red:focus {
    border-color: transparent;
    background-color: #D14836;
    background-image: -webkit-linear-gradient(top, #DD4B39, #D14836);
    background-image: -moz-linear-gradient(top, #DD4B39, #D14836);
    background-image: -o-linear-gradient(top, #DD4B39, #D14836);
    background-image: linear-gradient(to bottom, #DD4B39, #D14836);
}

.g-button-red:hover {
    border-color: #C53727;
    background-image: -webkit-linear-gradient(top, #DD4B39, #C53727);
    background-image: -moz-linear-gradient(top, #DD4B39, #C53727);
    background-image: -o-linear-gradient(top, #DD4B39, #C53727);
    background-image: linear-gradient(to bottom, #DD4B39, #C53727);
}

.g-button-green {
    border-color: #01A701;
    background-color: #01C302;
    background-image: -webkit-linear-gradient(top, #01DA01, #01C302);
    background-image: -moz-linear-gradient(top, #01DA01, #01C302);
    background-image: -o-linear-gradient(top, #01DA01, #01C302);
    background-image: linear-gradient(to bottom, #01DA01, #01C302);
}

.g-button-green:hover {
    border-color: #018E01;
    background-color: #01A701;
    background-image: -webkit-linear-gradient(top, #01C302, #01A701);
    background-image: -moz-linear-gradient(top, #01C302, #01A701);
    background-image: -o-linear-gradient(top, #01C302, #01A701);
    background-image: linear-gradient(to bottom, #01C302, #01A701);
}

.g-button-gray,
.g-button-gray:focus {
    color: #444;
    text-shadow: 0 1px 1px White;
    border-color: #CCC;
    background-color: #F0F0F0;
    background-image: -moz-linear-gradient(top, #FBFBFB, #F0F0F0);
    background-image: -webkit-linear-gradient(top, #FBFBFB, #F0F0F0);
    background-image: -o-linear-gradient(top, #FBFBFB, #F0F0F0);
    background-image: linear-gradient(to bottom, #FBFBFB, #F0F0F0);
}

.g-button-gray:hover {
    border-color: #AAA;
    text-shadow: 0 1px 1px White;
    color: black;
    background-color: #E5E5E5;
    background-image: -moz-linear-gradient(top, #F5F5F5, #E5E5E5);
    background-image: -webkit-linear-gradient(top, #F5F5F5, #E5E5E5);
    background-image: -o-linear-gradient(top, #FBFBFB, #E5E5E5);
    background-image: linear-gradient(to bottom, #FBFBFB, #E5E5E5);
}

.g-button:disabled,
.g-button:disabled:focus,
.g-button:disabled:hover {
    color: #888;
    cursor: not-allowed;
    text-shadow: 0 1px 1px White;
    border-color: #CCC;
    background-color: #E0E0E0;
    background-image: -moz-linear-gradient(top, #FBFBFB, #E0E0E0);
    background-image: -webkit-linear-gradient(top, #FBFBFB, #E0E0E0);
    background-image: -o-linear-gradient(top, #FBFBFB, #E0E0E0);
    background-image: linear-gradient(to bottom, #FBFBFB, #E0E0E0);
}

.g-button:disabled .img-tool,
.g-button:disabled .img-payment-channel,
.g-button:disabled .fa {
    opacity: .4;
    cursor: not-allowed;
}

.search-button,
.search-button:focus {
    height: 1.9em;
    padding: 0 .5em;
    min-width: 0;
    vertical-align: bottom;
    margin-left: -.4em;
}

.l-search-button,
.l-search-button:focus {
    padding-top: .35em;
    min-width: 3em;
}

.action-button {
    font-size: 14px;
    margin-right: 5px;
    padding: .25rem .5rem;
}

.action-button .img-tool,
.action-button .img-payment-channel,
.action-button .fa {
    margin-right: 3px;
}

.action-button,
.action-button:focus {
    text-shadow: 0 1px 1px White;
    color: #555;
    border-color: #CCC;
    background-color: #EEE;
    background-image: -moz-linear-gradient(top, #FBFBFB, #EEE);
    background-image: -webkit-linear-gradient(top, #FBFBFB, #EEE);
    background-image: -o-linear-gradient(top, #FBFBFB, #EEE);
    background-image: linear-gradient(to bottom, #FBFBFB, #EEE);
}

.action-button:hover {
    border-color: #AAA;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.11);
    text-shadow: 0 1px 1px White;
    color: black;
    background-color: #E0E0E0;
    background-image: -moz-linear-gradient(top, #F5F5F5, #E0E0E0);
    background-image: -webkit-linear-gradient(top, #F5F5F5, #E0E0E0);
    background-image: -o-linear-gradient(top, #FBFBFB, #E0E0E0);
    background-image: linear-gradient(to bottom, #FBFBFB, #E0E0E0);
    text-decoration: none;
}

.g-fieldset fieldset {
    border: 1px solid #DADADA;
    border-width: 1px 0;
    padding: 1.25em 1em 1.5em;
    border-radius: 1px;
    background-color: #F7F7F7;
}

.g-fieldset fieldset.last {
    margin-top: 15px;
}

.g-fieldset fieldset.no-top {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
    border-radius: 0 0 5px 5px;
}

.g-fieldset fieldset.no-bottom {
    border-bottom: 0;
    padding-bottom: 0;
    border-radius: 5px 5px 0 0;
}

.g-fieldset fieldset.no-bottom .fieldset-content {
    margin-bottom: 0;
}

.g-fieldset fieldset.no-bottom .fieldset-content hr.divide:last-of-type {
    margin-bottom: 0;
}

.g-fieldset legend {
    border: 1px solid Orange;
    padding: .308em 1.076em .308em .538em;
    border-radius: .154em 1.615em 1.615em .154em;
    background-color: White;
    width: initial;
    font-size: 1.2em;
    color: #45484A;
    min-width: 100px;
}

.g-fieldset legend.center {
    border-radius: 3px;
    padding: .5em .75em;
    text-align: center;
}

.g-fieldset legend .fa,
.g-fieldset legend .img-tool {
    margin-right: .385em;
}

.g-fieldset legend span,
.g-fieldset legend div {
    vertical-align: middle;
}

.g-fieldset legend .currency-unit {
    vertical-align: initial;
}

.g-fieldset legend.legend-title {
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
    color: #555;
}

.g-fieldset legend.no-legend {
    display: none;
}

.g-fieldset legend .edit-date {
    display: inline;
    margin-left: 3px;
}

.g-fieldset legend.gray {
    border-color: #EEE;
}

.g-fieldset .fieldset-content {
    color: #333;
    text-align: left;
}

.g-fieldset .fieldset-content.no-border {
    border: 0;
    margin: 0;
}

.g-fieldset .fieldset-content.no-item {
    background-color: #F7F7F7;
    line-height: 4em;
    text-align: center;
    font-style: italic;
    border: 1px solid white;
}

.g-fieldset .input-set {
    margin: 10px 0 11px;
}

.g-fieldset .input-set.input-set-secondary {
    padding-left: 23px;
}

.g-fieldset .input-set>.input-field-box:not(:first-of-type) {
    margin-top: .5rem;
}

.g-fieldset .input-label {
    display: block;
    font-weight: bold;
    color: #444;
    padding-top: 3px;
}

.g-fieldset .input-label.input-label-text {
    padding-top: 0;
}

.g-fieldset .input-label .label-right {
    font-weight: normal;
    font-size: 13px;
    float: right;
    line-height: 1.75em;
    padding-right: 10px;
}

.g-fieldset .input-field .rich-textbox-wrapper {
    margin-bottom: 15px;
}

.g-fieldset .input-field .textarea-wrapper>div:not(:last-of-type) {
    margin-bottom: 20px;
}

.g-fieldset .input-field .rich-textbox-flag {
    margin: 2px 5px 0 0;
    opacity: .8;
}

.g-fieldset .input-field label {
    width: auto;
    display: inline-block;
    font-weight: normal;
    float: none;
    text-shadow: none;
    color: inherit;
    margin-right: 10px;
}

.g-fieldset .input-field.input-flag .flag {
    margin-right: 3px;
}

.g-fieldset .input-field.input-field-text {
    padding-top: 3px;
}

.g-fieldset .input-field.input-field-box input {
    float: left;
    margin-top: 6px;
}

.g-fieldset .input-field.input-field-box .text {
    padding-left: 23px;
}

.g-fieldset .input-field.input-field-box .text .fa {
    margin-right: 3px;
}

.g-fieldset .input-field.input-field-box .text span {
    vertical-align: middle;
}

.g-fieldset .input-field.input-field-box .text strong {
    color: green;
}

.g-fieldset .input-choice {
    margin-top: 1em;
}

.g-fieldset .input-choice ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.g-fieldset .input-choice ul ul {
    display: inline-block;
    vertical-align: middle;
}

.g-fieldset .input-choice ul>li {
    border-top: 1px dotted #DDD;
    width: 98.9%;
    padding: .75em 0;
    white-space: nowrap;
    text-align: left;
}

.g-fieldset .input-choice ul li label {
    margin-left: 3px;
    text-align: left;
    margin-bottom: 0;
}

.g-fieldset .input-choice ul li p {
    margin: 0;
}

.g-fieldset .input-choice ul>li:first-child {
    border-top: 0;
    padding-top: 3px;
}

.g-fieldset .input-choice .label {
    display: inline-block;
    width: 100px;
    vertical-align: top;
    margin-top: 3px;
    font-weight: bold;
    color: #555;
}

.g-fieldset .input-choice ul ul .label {
    font-weight: normal;
}

.g-fieldset .input-choice .form-control {
    display: inline-block;
}

.g-fieldset .input-choice>li {
    border-top: 1px dotted #DDD;
    width: 98.9%;
    padding: .4em 0;
    white-space: nowrap;
}

.g-fieldset .input-choice>li .fa {
    margin-right: 5px;
}

.g-fieldset .input-desc {
    color: #777;
    margin-top: 7px;
    max-width: 450px;
    white-space: normal;
    font-size: 13px;
}

.g-fieldset .input-desc .img-tool {
    margin-right: 3px;
}

.g-fieldset .input-desc label {
    float: none;
    font-weight: normal;
    width: auto;
    color: #666;
}

.g-fieldset .input-desc ul {
    list-style: disc;
    margin-left: 1.5em;
}

.g-fieldset .input-desc.input-desc-img .img-tool,
.g-fieldset .input-desc.input-desc-img .fa {
    float: left;
    margin-top: 3px;
    margin-right: 0;
}

.g-fieldset .input-desc.input-desc-img .text-indent {
    margin-left: 16px;
}

.g-fieldset .input-desc em {
    color: #DD443C;
    font-weight: bold;
    font-style: normal;
}

.g-fieldset .input-button {
    margin-top: 1.2rem;
}

.g-fieldset .input-button button {
    margin-right: 1rem;
}

.g-fieldset .input-set input[type="text"],
.g-fieldset .input-set input[type="email"],
.g-fieldset .input-set input[type="password"],
.g-fieldset textarea {
    width: 98%
}

.g-fieldset .input-set input[type="text"].lang-input,
.g-fieldset .input-set input[type="text"].custom-list-text {
    width: 96%
}

.g-fieldset hr.divide {
    border-width: 0;
    border-top: 1px solid #F7F7F7;
    border-bottom: 1px solid #FFF;
    margin: 1.5rem auto 1rem;
    width: 98.8%
}

.g-fieldset .input-field hr {
    border-width: 0;
    border-top: 1px dotted #DDD;
    width: 98.9%;
    margin: 4px 0;
}

.g-fieldset .price-input,
.g-fieldset .unit-input,
.g-fieldset .number-input {
    width: 96px!important;
    text-align: right;
    font-size: 16px;
    display: inline-block;
}

.g-fieldset .price-input {
    color: #900;
}

.g-fieldset .number-input {
    text-align: center;
}

.g-fieldset .awbn-input,
.g-fieldset .password-input {
    width: 150px!important;
}

.g-fieldset .price-input.narrow {
    width: 85px!important;
    font-size: 14px;
}

.g-fieldset .fieldset-gray {
    background-color: #F7F7F7;
}

.g-fieldset-checkout .input-product {
    margin-bottom: 1.5rem;
}

.g-fieldset-checkout .input-product .photo img {
    border: 1px solid #DDD;
    border-radius: 4px;
    box-sizing: initial;
}

.g-fieldset-checkout .input-product .detail {
    margin-top: 7px;
}

.g-fieldset-checkout .input-product .detail .title {
    font-size: 17px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px 0 white;
}

.g-fieldset-checkout .input-product .detail .info-subject {
    font-weight: bold;
    color: #DD443C;
    padding-right: 5px;
}

.g-fieldset-checkout .input-side-info {
    margin-top: 7px;
    color: #777;
    font-size: 13px;
}

.g-fieldset-checkout .input-side-info em {
    color: #DD443C;
    font-weight: bold;
    font-style: normal;
}

.g-fieldset .two-way-select {
    margin: 10px 0 0;
}

.g-fieldset .two-way-select label {
    display: block;
    width: auto;
    margin: 0 0 5px;
    padding-top: 2px;
    text-align: left;
    color: #536265;
    font-size: 12px;
    font-weight: bold;
}

.g-fieldset .two-way-select select {
    width: 150px;
    min-height: 185px;
    margin-right: 0;
    padding: 0;
}

.g-fieldset .two-way-select option.option {
    font-weight: bold;
    color: #334D84;
}

.g-fieldset .two-way-select option.last-option {
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px dashed grey;
}

.g-fieldset .two-way-select ul {
    padding-left: 0;
}

.g-fieldset .two-way-select li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

.g-fieldset .two-way-select li.tool {
    min-width: 30px;
    text-align: center;
    white-space: pre-line;
    vertical-align: middle;
}

.g-fieldset .two-way-select li.tool div {
    display: inline-block;
    clear: both;
}

.balloon-overlay {
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
}

.balloon {
    position: absolute;
    display: none;
    z-index: 1000;
    -moz-transition: all .19s ease 0s;
    -o-transition: all .19s ease 0s;
    -webkit-transition: all .19s ease 0s;
    transition: all .19s ease 0s;
}

.balloon .balloon-content-wrapper {
    background-color: #FFF;
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.11);
    padding: .8rem .6rem;
}

.balloon .balloon-content {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    max-width: 280px;
    max-height: 250px;
    -webkit-overflow-scrolling: touch;
}

.balloon .balloon-content-wrapper.loading-16 {
    padding: 20px 30px;
    background: url("../assets/Ajax-Loader-16.gif") center center no-repeat #fff;
    min-width: 16px;
    min-height: 16px;
}

.balloon .balloon-content-wrapper.loading-32 {
    padding: 20px 30px;
    background: url("../assets/Ajax-Loader-32.gif") center center no-repeat #fff;
    min-width: 32px;
    min-height: 32px;
}

.balloon::before,
.balloon::after {
    position: absolute;
    border-style: solid;
    content: "";
    height: 0;
    width: 0;
}

.balloon.bottom::before {
    border-color: #B4B4B4 transparent transparent;
    border-width: 10px 10px 0;
    bottom: -9px;
    left: 15px;
}

.balloon.bottom::after {
    border-color: #FFF transparent transparent;
    border-width: 9px 9px 0;
    bottom: -8px;
    left: 16px;
}

.balloon.top::before {
    border-color: transparent transparent #B4B4B4;
    border-width: 0 10px 10px;
    top: -9px;
    left: 15px;
}

.balloon.top::after {
    border-color: transparent transparent #FFF;
    border-width: 0 9px 9px;
    top: -8px;
    left: 16px;
}

.balloon.left::before {
    border-color: transparent #B4B4B4 transparent;
    border-width: 10px 10px 10px 0;
    top: 15px;
    left: -9px;
}

.balloon.left::after {
    border-color: transparent #FFF transparent;
    border-width: 9px 9px 9px 0;
    top: 16px;
    left: -8px;
}

.balloon.right::before {
    border-color: transparent #B4B4B4 transparent;
    border-width: 10px 0 10px 10px;
    top: 15px;
    right: -9px;
}

.balloon.right::after {
    border-color: transparent #FFF transparent;
    border-width: 9px 0 9px 9px;
    top: 16px;
    right: -8px;
}

.balloon .lang-wrapper {
    min-width: 150px;
    text-align: left;
}

.balloon .lang-wrapper p:not(:last-child) {
    margin: 0 0 5px;
    padding: 0 0 5px;
    border-bottom: 1px dotted #C6C6C9;
}

.balloon .lang-wrapper .img-flag {
    float: left;
    margin: 3px 5px 0 0;
}

.balloon .img-close {
    position: absolute;
    top: 5px;
    right: 5px;
}

.balloon.red-theme .balloon-content-wrapper {
    color: #fff;
    background-color: #DD4B39;
    border-color: #D14836;
}

.balloon.red-theme.bottom::before {
    border-color: #D14836 transparent transparent;
}

.balloon.red-theme.bottom::after {
    border-color: #DD4B39 transparent transparent;
}

.balloon.red-theme::before {
    border-color: transparent transparent #D14836;
}

.balloon.red-theme.top::after {
    border-color: transparent transparent #DD4B39;
}

.balloon.red-theme.left::before {
    border-color: transparent #D14836 transparent;
}

.balloon.red-theme.left::after {
    border-color: transparent #DD4B39 transparent;
}

.balloon.red-theme.right::before {
    border-color: transparent #D14836 transparent;
}

.balloon.red-theme.right::after {
    border-color: transparent #DD4B39 transparent;
}

.balloon.green-theme .balloon-content-wrapper {
    color: #fff;
    background-color: #3ABB45;
    border-color: #226D28;
}

.balloon.green-theme.bottom::before {
    border-color: #226D28 transparent transparent;
}

.balloon.green-theme.bottom::after {
    border-color: #3ABB45 transparent transparent;
}

.balloon.green-theme::before {
    border-color: transparent transparent #226D28;
}

.balloon.green-theme.top::after {
    border-color: transparent transparent #3ABB45;
}

.balloon.green-theme.left::before {
    border-color: transparent #226D28 transparent;
}

.balloon.green-theme.left::after {
    border-color: transparent #3ABB45 transparent;
}

.balloon.green-theme.right::before {
    border-color: transparent #226D28 transparent;
}

.balloon.green-theme.right::after {
    border-color: transparent #3ABB45 transparent;
}

.balloon.orange-theme .balloon-content-wrapper {
    color: #fff;
    background-color: #FF8500;
    border-color: #E68200;
}

.balloon.orange-theme.bottom::before {
    border-color: #E68200 transparent transparent;
}

.balloon.orange-theme.bottom::after {
    border-color: #FF8500 transparent transparent;
}

.balloon.orange-theme::before {
    border-color: transparent transparent #E68200;
}

.balloon.orange-theme.top::after {
    border-color: transparent transparent #FF8500;
}

.balloon.orange-theme.left::before {
    border-color: transparent #E68200 transparent;
}

.balloon.orange-theme.left::after {
    border-color: transparent #FF8500 transparent;
}

.balloon.orange-theme.right::before {
    border-color: transparent #E68200 transparent;
}

.balloon.orange-theme.right::after {
    border-color: transparent #FF8500 transparent;
}

.balloon.medium-gray-theme .balloon-content-wrapper {
    color: #FFF;
    background-color: #789;
    border-color: #455A64;
}

.balloon.medium-gray-theme.bottom::before {
    border-color: #455A64 transparent transparent;
}

.balloon.medium-gray-theme.bottom::after {
    border-color: #789 transparent transparent;
}

.balloon.medium-gray-theme::before {
    border-color: transparent transparent #455A64;
}

.balloon.medium-gray-theme.top::after {
    border-color: transparent transparent #789;
}

.balloon.medium-gray-theme.left::before {
    border-color: transparent #455A64 transparent;
}

.balloon.medium-gray-theme.left::after {
    border-color: transparent #789 transparent;
}

.balloon.medium-gray-theme.right::before {
    border-color: transparent #455A64 transparent;
}

.balloon.medium-gray-theme.right::after {
    border-color: transparent #789 transparent;
}

.balloon.red-theme .balloon-content-wrapper,
.balloon.green-theme .balloon-content-wrapper,
.balloon.orange-theme .balloon-content-wrapper {
    padding-right: 2em;
}

.balloon.red-theme .img-close,
.balloon.green-theme .img-close,
.balloon.orange-theme .img-close {
    background-position: -24px 0;
}

.balloon.red-theme .img-close:hover,
.balloon.green-theme .img-close:hover,
.balloon.orange-theme .img-close:hover {
    background-position: 0 0;
}

.balloon.red-theme .img-close-medium,
.balloon.green-theme .img-close-medium,
.balloon.orange-theme .img-close-medium {
    background-position: -36px -12px;
}

.balloon.red-theme .img-close-medium:hover,
.balloon.green-theme .img-close-medium:hover,
.balloon.orange-theme .img-close-medium:hover {
    background-position: 0 -12px;
}

.html-default p,
.html-default {
    line-height: 1.4em!important;
}

.html-default p {
    margin: 1.12em 0;
}

.html-default strong {
    font-weight: bolder;
}

.html-default em {
    font-style: italic;
}

.html-default ul,
.html-default ol,
.html-default dl {
    margin: .7em 0;
    white-space: normal;
}

.html-default ol,
.html-default ul {
    margin-left: 2em;
    -webkit-padding-start: 0;
}

.html-default ul,
.html-default li {
    list-style-type: disc;
}

.html-default ol {
    list-style-type: decimal;
}

.html-default ol ul,
.html-default ul ol,
.html-default ul ul,
.html-default ol ol {
    margin-top: 0;
    margin-bottom: 0;
}

.html-default li {
    display: list-item;
}

.html-default-p>p:first-child {
    margin: 0;
}

.g-table {
    width: 100%
}

.g-table.table-top {
    margin-top: 2em;
}

.g-table.table-bottom {
    margin-bottom: 2em;
}

.g-table input[type="radio"],
.g-table input[type="checkbox"] {
    margin: 0 5px;
}

.g-table th,
.g-table .th {
    background-color: #F7F7F7;
}

.g-table th .fa:not(:last-of-type),
.g-table .th .fa:not(:last-of-type) {
    margin-right: 3px;
}

.g-table th,
.g-table td {
    text-align: center;
}

.g-table thead th,
.g-table td.th {
    padding: .5em .3em;
    font-weight: bold;
    color: #444;
    line-height: 1.5em;
}

.g-table td.price {
    text-align: right;
}

.g-table thead {
    border: 1px solid #DDD;
}

.g-table thead tr th:not(:last-of-type) {
    border-right: 1px solid #EEE;
}

.g-table thead th.sub-header,
.g-table td.th.sub-header {
    font-size: .93em;
}

.g-table thead th.one-icon,
.g-table tbody td.one-icon {
    width: 22px;
}

.g-table thead th.two-icons,
.g-table tbody td.two-icons {
    width: 47px;
}

.g-table thead th.three-icons,
.g-table tbody td.three-icons {
    width: 66px;
}

.g-table thead th.four-icons,
.g-table tbody td.four-icons {
    width: 80px;
}

.g-table thead th.edit {
    width: 85px;
}

.g-table thead th.sort {
    width: 20px;
}

.g-table thead th.checkbox {
    width: 25px;
}

.g-table thead th.medium {
    font-size: 1.15em;
    font-weight: normal;
    line-height: normal;
}

.g-table tbody {
    border: 1px solid #EEE;
    background-color: White;
    -moz-transition: all .19s ease 0s;
    -o-transition: all .19s ease 0s;
    -webkit-transition: all .19s ease 0s;
    transition: all .19s ease 0s;
}

.g-table tbody td {
    border: 1px solid #EEE;
    padding: .46em .38em;
}

.g-table tbody tr.disabled {
    background-color: #F0F0F0;
}

.g-table tbody:not(.no-hover):hover,
.g-table tbody:not(.no-hover).group:hover {
    background-color: #FEF2C8;
}

.g-table tbody td .desc {
    font-size: .92em;
    color: #777;
}

.g-table tbody.group-row {
    border-width: 3px;
    border-color: #DDD;
}

.g-table tbody.selected,
.g-table tbody.selected td,
.g-table tbody.selected div,
.g-table tbody.selected strong,
.g-table tr.selected td,
.g-table tr.selected div,
.g-table tr.selected strong {
    background-color: #D9F2FF!important;
}

.g-table tr.col-divider>td {
    vertical-align: top;
}

.g-table td.lang {
    vertical-align: top;
}

.g-table .big-title {
    font-size: 17px;
    background-color: #4B5761;
    color: #FFF;
}

.g-table .big-title .desc {
    font-size: 13px;
}

.g-table tbody.output-template {
    display: none;
}

.g-table .amount {
    text-align: right;
}

.g-table .subtotal-amount {
    font-size: 1.154em;
    background: url("../assets/modal-hoz.png");
}

.g-table .subtotal-amount .desc {
    font-size: .87em;
}

.g-table .total-amount {
    background: url("../assets/modal-hoz.png");
    font-size: 1.231em;
}

.g-table tbody td.divider {
    background-color: white!important;
    height: .25em;
}

.g-table .group-divider,
.g-table tbody:hover .group-divider {
    font-family: Athiti;
    font-size: 1.5em;
    text-align: left;
    background-color: #F7F7F7;
    color: #45484A;
    padding: 0;
}

.g-table .group-divider .divide-top-shadow {
    margin-bottom: 1em;
}

.g-table .group-divider .group-divider-content {
    padding: 0 .46em .46em;
}

.g-table .group-divider .group-divider-content span {
    vertical-align: middle;
}

.g-table .group-divider .group-divider-content .secondary {
    font-size: .74em;
}

.g-table .group-divider-current,
.g-table tbody:hover .group-divider-current {
    color: white;
    background-color: #4CAF50;
}

.g-table .big-id {
    font-size: 24px;
}

.g-table .id {
    font-size: 17px;
    width: 32px;
}

.g-table .id .secondary {
    font-size: 11px;
    color: #555;
}

.g-table .manage-icons .icon-wrapper {
    position: relative;
}

.g-table .manage-icons .icon-wrapper:not(:last-of-type) {
    margin-right: 10px;
}

.g-table .manage-icons .fa:not(:last-of-type) {
    margin-right: 6px;
}

.g-table .manage-icons .number-of {
    position: absolute;
    font-size: 9px;
    top: -2px;
    right: -12px;
    background-color: #607D8B;
    cursor: default;
}

.g-table .manage-icons-right {
    margin-right: 7px;
}

.g-table .action button {
    padding: .187rem .5rem .3rem;
}

.g-table .action button span {
    vertical-align: middle;
}

.g-table .action button .fa {
    margin-right: 0;
}

.g-table .action>.fa:not(:last-of-type) {
    margin-right: 5px;
}

.g-table .action .badges {
    margin-top: 5px;
}

.g-table .action .fa:hover {
    color: #C60;
}

.g-table td.status {
    font-size: 13px;
}

.g-table td.top {
    vertical-align: top;
}

.g-table td.detail {
    text-align: left;
    vertical-align: middle;
}

.g-table td.detail-child {
    font-size: .92em;
    padding-left: 1em;
    background-color: #F9F9F9;
}

.g-table td.detail.detail-lang {
    vertical-align: middle;
}

.g-table td.detail .fa {
    margin-right: 3px;
}

.g-table td.detail span {
    vertical-align: middle;
}

.g-table td .fa:not(:last-of-type) {
    margin-right: 3px;
}

.g-table .flag,
.r-table .flag {
    opacity: .8;
}

.g-table .has-stock {
    background-color: green;
    color: white;
}

.g-table td.product-detail .image {
    margin-bottom: 5px;
    position: relative;
    display: inline-block;
}

.g-table td.product-detail .number-of {
    position: absolute;
    right: -12px;
    top: -6px;
    font-size: 11px;
}

.g-table.stock-table td.product-detail .number-of {
    top: unset;
    bottom: -6px;
}

.g-table td.product-detail .title {
    font-size: 13px;
}

.g-table td.product-detail .quantity {
    color: #E91E63;
    font-weight: bold;
    font-size: 1.5em;
}

.g-table .custom-info {
    color: #0F5BBB;
    font-size: .92em;
    font-weight: bold;
}

.g-table .nodata {
    background: white!important;
    border-top-width: 0!important;
    border-left-width: 0!important;
}

.g-table .group-title {
    margin: 4px 0;
}

.g-table .group-title .title {
    font-size: 1.076em;
    color: #030;
}

.g-table .group-title .detail {
    font-size: .847em;
    color: #555;
}

.g-table td.date,
.g-table td.profile,
.g-table td.manage,
.g-table td.action,
.g-table td.code {
    white-space: nowrap;
}

.g-table td.profile {
    max-width: 80px;
}

.g-table td.code span {
    vertical-align: middle;
}

.g-table td.rowspan {
    border-top: 1px dotted #C6C6C9;
}

.g-table td.rowflag {
    width: 20px;
    padding-top: 4px;
}

.g-table td.notfound {
    line-height: 1.7em;
    color: #555;
    border-bottom: 1px solid #d0d1d5;
}

.g-table .divider hr {
    border-width: 0;
    border-top: 2px dashed #DFDFE1;
}

.g-table .stack-data div {
    padding: 2px;
}

.g-table .stack-data div span {
    vertical-align: middle;
}

.g-table .stack-data .flag {
    margin-right: 4px;
}

.g-table .stack-data div:not(:first-child) {
    border-top: 1px dotted #D2D2D5;
}

.g-table .stack-data .img-payment-channel {
    padding: 0;
    display: inline-block;
}

.g-table .stack-image div {
    margin: .5em;
}

.g-table .stack-image div:first-of-type {
    margin-top: 0;
}

.g-table .stack-image div:last-of-type {
    margin-bottom: 0;
}

.g-table td.update {
    background-color: #D7ECFF;
    border: 2px dashed gray;
}

.g-table hr.divider {
    border-width: 0;
    border-top: 2px dashed #DFDFE1;
    margin: 1.5em 0;
}

.g-table .single-tool .img-tool {
    margin-right: 0;
}

.g-table .one-line {
    white-space: nowrap;
}

.g-table .null-replacement {
    font-size: .83em;
}

.g-table .sender>div {
    max-width: 95px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
}

.g-table .sender .awbn {
    font-size: 11px;
    font-weight: bold;
    color: darkorange;
}

.g-table .number,
.r-table .number {
    font-size: 1.17em;
    color: darkorange;
}

.g-table tbody.disabled,
.g-table tbody.disabled .less-important,
.g-table tbody.disabled td,
.g-table tbody.disabled td.action,
.g-table tbody.disabled td strong,
.g-table tbody.disabled td .group-title .title,
.g-table tbody.disabled td .group-title .detail,
.g-table tbody.disabled div:not(.hide-content) {
    color: #777!important;
    background-color: #F0F0F0;
    font-size: 11px!important;
}

.g-table tbody.disabled .number-of,
.g-table tbody.disabled .tag {
    background-color: #AAA!important;
}

.g-table tbody.disabled .fa {
    color: #AAA!important;
    font-size: 11px!important;
}

.g-table tbody.disabled img,
.g-table tbody.disabled .flag,
.g-table tbody.disabled .img-tool,
.g-table tbody.disabled input,
.g-table tbody.disabled .img-payment-agent,
.g-table tbody.disabled .img-payment-channel {
    opacity: .4;
}

.g-table .sub-table {
    background-color: #F0F0F0;
}

.g-table .sub-table table {
    width: 100%
}

.g-table .sub-detail>td {
    padding: 0;
}

.g-table .sub-detail .sub-detail-wrapper {
    padding: 1.9em;
}

.g-table .sub-detail-wrapper .sub-table {
    margin: 0;
}

.g-table .sub-detail-wrapper .divider {
    width: 100%
}

.g-table .sub-detail-wrapper .divider>tbody {
    background-color: White;
    border-width: 0;
}

.g-table .sub-detail-wrapper .divider>tbody>tr>td {
    border-width: 0;
    padding: 1.2em 0;
    vertical-align: top;
}

.g-table .sub-detail-wrapper .divider>tbody>tr:first-child>td {
    padding-top: 0;
}

.g-table .sub-detail-wrapper .left {
    padding-right: 1.2em!important;
    width: 50%
}

.g-table .sub-detail-wrapper .right {
    padding-left: 1.2em!important;
    width: 50%
}

.g-table .sub-detail-wrapper .toolbar {
    margin: 1em 0 2.5em;
    text-align: left;
}

.g-table .sub-detail-wrapper .toolbar .action-button {
    font-size: 11px;
    color: #004B91;
}

.g-table .sub-detail .sub-table-header {
    font-size: 15px;
    color: #444;
    float: left;
    text-align: left;
    margin: 0 0 20px 10px;
    text-shadow: 1px 1px 1px White;
}

.g-table .sub-detail {
    background-color: White;
    border-top: 1px solid #DFDFE1;
}

.g-table .sub-detail .cell-divider {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.g-table .less-important {
    color: #555;
    font-size: .92em;
}

.g-table .payment-agent .creditcard-no,
.g-table .payment-agent .bank-detail {
    font-size: 11px;
}

.g-table .edit-date {
    color: #555;
    font-size: 11px;
    white-space: nowrap;
}

.g-table .edit-date .date,
.g-table .edit-date .time {
    display: block;
}

.g-table .area {
    min-width: 90px;
    max-width: 90px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.g-table .fullname {
    min-width: 150px;
    max-width: 150px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.g-table .summary-divider {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    font-size: 13px;
    text-align: center;
    background-color: #E8EBED;
}

.g-table .summary-divider-total {
    font-size: 15px;
    border: 1px solid #d0d1d5;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 0;
    padding: .9375em .468rem;
}

.g-table .summary-divider hr {
    border-style: dashed;
    border-top-width: 2px;
}

.g-table .summary-divider .card-box {
    margin: 0 .468rem;
    padding: .468rem;
}

.g-table .summary-divider .title {
    font-weight: bold;
    color: #00695C;
    line-height: 2em;
}

.g-table .row-action {
    text-align: left;
    border-width: 0;
    padding: 0;
}

.g-table .row-action .filter {
    margin: 0;
    border-width: 0;
    border-radius: 0;
}

.g-table .row-action .filter .filter-content {
    padding: 1.85em .7em;
}

.g-table-green thead th {
    color: #030;
    background-color: #FAFFFA;
}

.g-table-purple thead th {
    color: #1d0032;
    background-color: #fcf8fe;
}

caption .right-side {
    font-family: initial;
    float: right;
    vertical-align: middle;
    padding: 0;
}

caption .right-side .img-close-wrapper {
    margin-top: -2px;
    margin-right: -5px;
    padding: 0;
}

caption .right-side button,
caption .right-side button:focus {
    font-size: 13px;
}

caption span {
    vertical-align: middle;
}

caption .fa {
    margin-right: 5px;
}

caption div {
    vertical-align: middle;
    display: inline-block;
}

caption {
    text-align: left;
    font-size: 1.3em;
    background-color: white;
    padding: .5em .33em .4em .9375em;
    border-radius: 2px 2px 0 0;
    border-bottom-width: 0;
    min-height: 1.46em;
    color: #444;
    font-family: Athiti, sans-serif;
}

caption.light-blue {
    background-color: #f4faff;
    text-shadow: 1px 1px 2px white;
    border-left: 2px solid #BBDEFB;
}

caption.light-green {
    background-color: #D1ECED;
}

caption.light-green2 {
    background-color: #E8F5E9;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, .8);
}

caption.light-green3 {
    background-color: #def8f2;
}

caption.peach {
    background-color: #FCE4C0;
}

caption.gray {
    border-left: 2px solid #DDD;
    background-color: #F9F9F9;
    text-shadow: 1px 1px 2px white;
}

caption.bright-peach {
    background-color: #ffbf79;
}

caption.large {
    font-size: 1.3em;
}

caption.small {
    font-size: 1.08em;
}

.g-table th .sort-order {
    position: relative;
    display: inline-block;
    padding-right: 13px;
}

.g-table .sort-order-off,
.g-table .sort-order-ascending,
.g-table .sort-order-descending {
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 16px;
    background: url("../assets/sort-order.png") no-repeat left 2px;
}

.g-table .sort-order-ascending {
    background-position: -10px 2px;
}

.g-table .sort-order-descending {
    background-position: -20px 2px;
}

.g-table-small {
    font-size: .92em;
}

.s-table,
.s-table thead th {
    padding: 1px;
}

.s-table tfoot td {
    padding: 6px 4px;
    border: 1px solid #C6C6C9;
    text-align: left;
}

.s-table .edit-date {
    display: inline-block;
}

.r-table {
    width: 100%;
    border-collapse: collapse;
}

.r-table caption .desc {
    display: block;
    margin-left: 20px;
    font-size: 13px;
    text-shadow: none;
    color: #666;
}

.r-table th,
.r-table td {
    padding: .5rem .75rem .5rem .5rem;
}

.r-table th {
    border-bottom: 1px solid white;
}

.r-table td span {
    vertical-align: middle;
}

.r-table td .flag {
    margin-right: 3px;
}

.r-table td .img-payment-channel:not(:last-of-type) {
    margin-right: 3px;
}

.r-table th {
    text-align: right;
    font-weight: bold;
    background: #F7F7F7;
    padding-right: 10px;
    color: #444;
    border-right: 0;
    width: 200px;
}

.r-table th.multi-line {
    vertical-align: top;
}

.r-table thead th {
    vertical-align: inherit;
    width: initial;
    text-align: center;
}

.r-table td.divide {
    padding: 6px;
    border: 0;
    background-color: transparent;
}

.r-table td {
    text-align: left;
    padding-left: 10px;
    background-color: White;
    border-left: none;
}

.r-table .fa {
    margin-right: 5px;
}

.r-table tbody:first-of-type tr:first-of-type th,
.r-table tbody:first-of-type tr:first-of-type td {
    padding-top: 1em;
}

.r-table .room-status {
    font-size: 13px;
    font-weight: bold;
}

.r-table th.flag {
    width: 23px;
    display: table-cell;
}

.r-table th.title-flag {
    width: 167px;
}

.r-table th.title-flag {
    border-right-width: 0;
}

.r-table .less-important {
    color: #555;
    font-size: 11px;
}

.r-table .profile-wrapper {
    display: inline-block;
}

.r-table .profile-wrapper:not(:first-of-type) {
    margin-left: 3px;
}

.r-table .edit-date {
    font-size: 13px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.r-table .input-desc {
    color: #777;
    font-size: 13px;
    margin-top: 7px;
    max-width: 450px;
}

.r-table .input-desc-img .fa {
    float: left;
    margin-top: 3px;
    margin-right: 0;
}

.r-table .input-desc-img .text-indent {
    margin-left: 21px;
}

.r-table .money {
    text-align: right;
}

.r-table .discount-price {
    font-weight: normal;
}

.r-table.stat-table th {
    width: 130px;
}

.r-table .grand-total {
    font-size: 1.16em;
}

.r-table td.grand-total {
    background: url("../assets/modal-hoz.png");
}

.r-table td .fix-height {
    max-height: 180px;
    overflow: auto;
}

.r-table td .button-group {
    margin-top: 1em;
}

.r-table td .button-group button:not(:first-of-type) {
    margin-left: 1em;
}

.r-table td.different {
    background-color: #F7F7F7;
}

.table-fix {
    table-layout: fixed;
}

.table-no-hover>tbody:hover {
    background-color: inherit;
}

.table-no-border>tbody,
.table-no-border>tbody>tr>td {
    border-width: 0;
}

.table-no-row-border tbody td {
    border: 0;
    padding: .92em .38em;
}

.chart-table {
    margin-top: 2em;
}

.chart-table .summary {
    font-size: 1.5em;
}

.popup-table .profile {
    vertical-align: top;
}

.fluid-table .thead {
    border: 1px solid #D7D7D7;
    color: #393939;
    background-color: #F7F7F7;
    font-weight: bold;
    text-shadow: .07em .07em .23em #FFF;
    text-align: center;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.fluid-table .thead>div {
    padding: .5em .3em;
}

.fluid-table .thead>div:not(:last-of-type) {
    border-right: 1px solid #EEE;
}

.fluid-table .thead+.tbody {
    border-top: 0;
}

.fluid-table .tbody {
    border: 1px solid #EEE;
    border-top: 0;
    text-align: center;
}

.fluid-table .tbody:last-of-type {
    border-bottom: 1px solid #EEE;
}

.fluid-table .tbody>div {
    padding: .7em .5em;
}

.fluid-table .tbody .secondary {
    font-size: 11px;
    color: #555;
}

.fluid-table .tbody .id {
    font-size: 17px;
}

.fluid-table .thead>div.clearfix,
.fluid-table .tbody>div.clearfix {
    padding: 0;
}

.fluid-table .top {
    margin-top: 1em;
}

.fluid-table .group-divider {
    text-align: left;
    background-color: #F7F7F7;
    color: #45484A;
    padding: 0!important;
    border-bottom: 0;
}

.fluid-table .group-divider .divide-top-shadow {
    margin-bottom: 1em;
    padding: 0;
}

.fluid-table .group-divider .group-divider-content {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    padding: .5em .46em .75em;
}

.fluid-table .group-divider .group-divider-content span {
    vertical-align: middle;
}

.fluid-table .group-divider .group-divider-content .secondary {
    font-size: .74em;
}

.fluid-table .date {
    white-space: nowrap;
}

.fluid-table .amount {
    white-space: nowrap;
    text-align: right;
}

.fluid-table .detail {
    text-align: left;
}

.fluid-table strong {
    color: #555;
}

.fluid-table .sum-label {
    border-left: none;
    border-bottom: none!important;
}

.fluid-table .sum-label .sum-label-th {
    color: #393939;
    text-align: right;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.fluid-table .sum-label .sum-label-td {
    border-bottom: 1px solid #EEE;
    border-left: 1px solid #EEE;
}

.fluid-table .fa {
    margin-right: 5px;
}

.fluid-table .stack-data div {
    padding: 2px;
}

.fluid-table .stack-data div span {
    vertical-align: middle;
}

.fluid-table .stack-data .flag {
    margin-right: 4px;
}

.fluid-table .stack-data div:not(:first-child) {
    border-top: 1px dotted #D2D2D5;
}

.fluid-table .stack-data .img-payment-channel {
    padding: 0;
    display: inline-block;
}

.fluid-table.table-no-row-border .tbody>div:not(:last-of-type) {
    border-right: 0;
}

.fluid-table .tr {
    border: 1px solid #EEE;
    border-bottom: 0;
}

.fluid-table>.tr:last-of-type {
    border-bottom: 1px solid #EEE;
}

.fluid-table .tr .th,
.fluid-table .tr .td {
    padding: .5em .3em;
}

.fluid-table .tr .th span,
.fluid-table .tr .td span {
    vertical-align: middle;
}

.fluid-table .tr .th {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding-right: 10px;
    text-align: right;
    background-color: #F7F7F7;
    border-right: 1px solid #D7D7D7;
    font-weight: bold;
}

.fluid-table .tr .td {
    padding-left: 10px;
}

.g-table .price-input {
    font-size: 14px;
}

.r-table .two-way-select {
    margin: 10px 0 0;
}

.r-table .two-way-select label {
    display: block;
    width: auto;
    margin: 0 0 5px;
    padding-top: 2px;
    text-align: left;
    color: #536265;
    font-size: 12px;
    font-weight: bold;
}

.r-table .two-way-select select {
    width: 250px;
    min-height: 180px;
    height: 450px;
    margin-right: 0;
    padding: 0;
}

.r-table .two-way-select option.option {
    font-weight: bold;
    color: #334D84;
}

.r-table .two-way-select option.last-option {
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px dashed grey;
}

.r-table .two-way-select ul {
    padding-left: 0;
}

.r-table .two-way-select li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

.r-table .two-way-select li.tool {
    min-width: 30px;
    text-align: center;
    white-space: pre-line;
    vertical-align: middle;
}

.r-table .two-way-select li.tool div {
    display: inline-block;
    clear: both;
}

.region.bg-central {
    background-color: #ECEFF1;
}

.region.bg-north {
    background-color: #D1C4E9;
}

.region.bg-northeast {
    background-color: #C5E1A5;
}

.region.bg-south {
    background-color: #BBDEFB;
}

.stocklevel.border {
    border-radius: 3px;
    border-width: 3px;
    border-style: solid;
}

.stocklevel.border-normal {
    border-radius: initial;
    border-width: 0;
    border-style: initial;
}

.stocklevel.border-alert {
    border-color: #FDD835;
}

.stocklevel.border-lastitem {
    border-color: #FF9800;
}

.stocklevel.border-overstock {
    border-color: red;
}

.stocklevel.bg-normal {
    background-color: #4CAF50;
}

.stocklevel.bg-alert {
    background-color: #FDD835;
}

.stocklevel.bg-lastitem {
    background-color: #FF9800;
}

.stocklevel.bg-overstock {
    background-color: red;
}

.orderstatus.bg {
    color: white;
}

.orderstatus.bg-waitingforpayment {
    background-color: red;
}

.orderstatus.bg-additionalpaymentreceived {
    background-color: green;
}

.orderstatus.bg-redelivery,
.orderstatus.bg-replaced,
.orderstatus.bg-refunding,
.orderstatus.bg-refunded,
.orderstatus.bg-cancelling,
.orderstatus.bg-canceled {
    background-color: orange;
}

.kasikorntransactionstatus.text-authorized {
    color: #1976D2;
}

.kasikorntransactionstatus.text-settled {
    color: green;
}

.kasikorntransactionstatus.text-voided {
    color: red;
}

.boolean.bg {
    color: white;
}

.boolean.bg-false {
    background-color: red;
}

.boolean.bg-true {
    background-color: green;
}

.boolean.text-false {
    color: red;
}

.boolean.text-true {
    color: green;
}

.supportpriority.bg-high {
    background-color: #E91E63;
    color: white;
}

.supportpriority.text-high {
    color: #e91e63;
}

.supportpriority.text-normal {
    color: #333;
}

.supportstatus.text-new {
    color: red;
}

.supportstatus.text-open {
    color: #607D8B;
}

.supportstatus.text-pending {
    color: #9c27b0;
}

.supportstatus.text-solved {
    color: green;
}

.supportstatus.text-reopen {
    color: #FF9800;
}

.filter {
    margin: 0 0 .54em 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: .25rem;
}

.filter,
.filter input {
    font-size: 13px;
}

.filter .form-control {
    display: initial;
}

.filter .date-input {
    background-position: right .3rem top .45rem;
}

.filter .title {
    font-weight: bold;
    color: #455A64;
    padding-bottom: 7px;
}

.filter .divider {
    padding: .3em;
}

.filter input[type="radio"],
.filter input[type="checkbox"],
.filter .fa {
    margin-right: .23em;
}

.filter .filter-content {
    padding: .8em .7em;
}

.filter .filter-group {
    display: inline-block;
    vertical-align: middle;
}

.filter .filter-group>label,
.filter .filter-group>span,
.filter .filter-group>a,
.filter .filter-group>div,
.filter .filter-group label span {
    vertical-align: middle;
}

.filter .filter-group:not(:last-of-type) {
    padding-right: .77em;
    border-right: 1px solid #CCC;
}

.filter .filter-group:not(:first-of-type) {
    padding-left: .9375rem;
}

.filter .filter-group label:not(:first-child) {
    margin-bottom: .2em;
}

.filter .filter-group label.no-margin {
    margin-left: 0;
}

.filter .filter-choice {
    display: inline-block;
    color: #004B91;
}

.filter .filter-choice a:hover {
    text-decoration: none;
}

.filter .choice-border {
    border: 1px solid #CCC;
    padding: .23em .38em;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .7);
    -moz-transition: all .19s ease 0s;
    -o-transition: all .19s ease 0s;
    -webkit-transition: all .19s ease 0s;
    transition: all .19s ease 0s;
}

.filter .choice-border:hover {
    background-image: -webkit-linear-gradient(top, #FAFAFA, #E9E9E9);
    background-image: -moz-linear-gradient(top, #FAFAFA, #E9E9E9);
    background-image: -o-linear-gradient(top, #FAFAFA, #E9E9E9);
    background-image: linear-gradient(to bottom, #FAFAFA, #E9E9E9);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
    cursor: pointer;
}

.filter .choice-border:hover a {
    color: #C60;
}

.filter .choice-border:active {
    border-color: #DBDBDB;
    background-image: -webkit-linear-gradient(top, #EDEDED, #DBDBDB);
    background-image: -moz-linear-gradient(top, #EDEDED, #DBDBDB);
    background-image: -o-linear-gradient(top, #EDEDED, #DBDBDB);
    background-image: linear-gradient(to bottom, #EDEDED, #DBDBDB);
}

.filter .true {
    border-color: transparent;
    background-color: #C53727;
    background-image: -webkit-linear-gradient(top, #DD4B39, #C53727);
    background-image: -moz-linear-gradient(top, #DD4B39, #C53727);
    background-image: -o-linear-gradient(top, #DD4B39, #C53727);
    background-image: linear-gradient(to bottom, #DD4B39, #C53727);
    color: white;
}

.filter .true:hover,
.filter .true:active {
    border: 1px solid #992B1E;
    background-color: #AF3123;
    background-image: -webkit-linear-gradient(top, #DD4B39, #AF3123);
    background-image: -moz-linear-gradient(top, #DD4B39, #AF3123);
    background-image: -o-linear-gradient(top, #DD4B39, #AF3123);
    background-image: linear-gradient(to bottom, #DD4B39, #AF3123);
    cursor: pointer;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

.filter .true:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
}

.filter .filter-choice label {
    cursor: pointer;
    font-weight: normal;
    line-height: normal;
}

.filter .filter-choice input[type="radio"] {
    display: none;
}

.filter .choice-border.disabled,
.filter .choice-border:hover.disabled,
.filter .choice-border:active.disabled {
    color: #888;
    border: 1px solid #CCC;
    box-shadow: none;
    background-image: -moz-linear-gradient(top, #FAFAFA, #F4F4F4);
    background-image: -webkit-linear-gradient(top, #FAFAFA, #F4F4F4);
    background-image: -o-linear-gradient(top, #FAFAFA, #F4F4F4);
    background-image: linear-gradient(to bottom, #FAFAFA, #F4F4F4);
}

.filter .no-info {
    font-style: italic;
}

.filter .no-info .fa {
    float: left;
    vertical-align: initial;
}

.filter .no-info .content {
    text-indent: 1.54em;
}

.filter input {
    vertical-align: middle;
}

.filter .filter-group.not-display {
    display: none;
    border-right-width: 0;
}

.filter .filter-group.no-border {
    border-right-width: 0;
}

.filter hr {
    border: 0;
    margin-top: 1em;
}

.filter .g-button {
    min-width: 72px;
}

.filter .g-nav li:after {
    content: ''
}

.filter-action {
    font-size: 13px;
}

.filter-top {
    margin-top: 2.5em;
}

.filter-bottom {
    margin-bottom: 2.5em;
}

.filter-gray {
    background: #F6F7F8;
}

.filter-gray .custom-list .custom-list-text {
    background: white;
}

.filter-dark {
    background-color: #455A64;
    border-top: 0;
    border-bottom: 0;
}

.filter-white {
    background-color: white;
}

.filter-small {
    background-color: #F4F4F4;
    font-size: .83em;
}

.filter-small .filter-content {
    padding: .58em 0 .66em 0;
    text-align: center;
}

.filter-right {
    text-align: right;
}

.filter-center {
    text-align: center;
}

.side-border {
    border-left-width: 5px;
    border-left-style: solid;
}

.side-border-blue {
    border-left-color: #5EA8DE;
    border-right-color: #B9C3D0;
}

.side-border-gray {
    border-left-color: #B9C3D0;
    border-right-color: #B9C3D0;
}

.side-border-middle-gray {
    border-left-color: #96A3B6;
    border-right-color: #96A3B6;
}

.side-border-dark-gray {
    border-left-color: #78909C;
}

.side-border-green {
    border-left-color: #388E3C;
}

.side-border-orange {
    border-left-color: orange;
    border-right-color: orange;
}

.side-border-warning {
    border-left-color: red;
    border-right-color: red;
}

.side-border-warning .filter-content {
    background-color: #ffd!important;
}

.filter-tab {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
    margin-bottom: 2em;
    color: #444;
    padding: 0;
}

.filter-tab .custom-list .custom-list-text {
    color: #222;
}

.filter-tab .custom-list .custom-list-text .num-in-list {
    font-weight: normal;
    color: #777;
}

.filter-tab .filter-content {
    padding: .85em .77em;
}

.filter-tab-with-sub-tab {
    margin-bottom: 2.85em;
}

html {
    font-size: 15px;
    line-height: 1.428em;
}

body {
    color: #2C2E30;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

a {
    -moz-transition: all .19s ease 0s;
    -o-transition: all .19s ease 0s;
    -webkit-transition: all .19s ease 0s;
    transition: all .19s ease 0s;
    color: #004B91;
}

a:active {
    color: #004B91;
}

a:hover,
.dropdown-item:focus,
.dropdown-item:hover {
    color: #C60;
}

a.no-change:hover {
    color: #004B91;
    text-decoration: none;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: .38em;
    padding: 0;
    vertical-align: middle;
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

input:not([type="radio"]):not([type="checkbox"]):not([readonly]):not([disabled]):hover,
textarea:hover,
.form-control:not([readonly]):not([disabled]):hover {
    border: 1px solid #bbb;
    border-top: 1px solid #aaa;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #FBFBFB;
}

input:not([type="radio"]):not([type="checkbox"]):not([readonly]):not([disabled]):focus,
textarea:focus,
.form-control:not([readonly]):not([disabled]):focus {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #4d90fe;
    background-color: #ffffd7;
    color: inherit;
}

.input-group-btn>.btn {
    line-height: 1.5;
}

caption {
    caption-side: top;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "\f105";
    font-family: 'FontAwesome'
}

.form-control {
    color: #3D4043;
    line-height: 1.428em;
    padding-top: .41rem;
    padding-bottom: .41rem;
}

select.form-control:not([size]):not([multiple]) {
    display: inline-block;
    width: initial;
}

.tag.tag-success {
    background-color: #008000;
}

.tag.tag-default {
    background-color: #607D8B;
}

.tag.tag-warning {
    background-color: #FF9800;
}

.tag.tag-danger {
    background-color: red;
}

.tag.tag-update {
    background-color: #03A9F4;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
    padding-left: 0;
    padding-right: 0;
}

.input-validation-error {
    border-color: #DD4B39;
}

.field-validation-error {
    color: #DD4B39;
    font-size: 13px;
    display: block;
    margin-top: 5px;
    max-width: 98%
}

.field-validation-valid {
    display: none;
}

.validation-summary-errors {
    background: #FFFFF7;
    border: 1px solid #FC6;
    border-left-width: .57em;
    margin: 0 0 1.52em;
    padding: .76em;
    border-radius: .2em;
    text-align: left;
}

.validation-summary-valid {
    display: none;
}

.validation-summary-errors span:first-child {
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
    color: #c40000;
}

.validation-summary-errors ul {
    margin: .4em .4em .4em 0;
    color: #373a3c;
}

.validation-summary-errors li {
    display: list-item;
    list-style-type: disc;
}

.g-nav {
    margin: 0;
    padding: 0;
}

.g-nav li {
    display: inline-block;
}

.g-nav li:after {
    content: ' | '
}

.g-nav li:last-child:after {
    content: ''
}

.g-nav li.current a {
    color: #c60;
}

.unit-input {
    text-align: center;
    width: 3.5em;
}

.date-input {
    min-width: 8.5em;
    max-width: 10.5em;
    background-image: url("../assets/date.png");
    background-position: right .3rem top .6rem;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-right: 20px;
    display: inline-block;
}

.date-input[readonly] {
    background-color: white;
}

.datetime-input {
    background-image: url("../assets/time.png");
    background-position-x: 97%;
    background-position-y: 42%;
    background-position: right .3em top .5em;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 11.5em!important;
    color: Black;
    text-align: left;
}

.price {
    color: #900;
}

.price-negative {
    color: red!important;
}

.price-positive {
    color: green!important;
}

.discount-price {
    font-weight: bold;
    color: #C00;
}

.ordinal {
    font-size: .769em;
    vertical-align: super;
}

.null-replacement {
    color: #555;
}

.currency-symbol {
    padding-right: 1px;
    font-weight: normal;
}

.currency-unit {
    padding-left: 3px;
}

.currency-unit-percent {
    padding-left: 0;
}

.required {
    padding-left: 3px;
    color: #DD443C;
    font-weight: bold;
    vertical-align: sub;
    font-size: 1.2em;
    font-family: 'Times New Roman', Times, serif!important;
}

.divide-top-shadow {
    background: -moz-linear-gradient(top, rgba(150, 150, 150, .1), transparent);
    background: -o-linear-gradient(top, rgba(150, 150, 150, .1), transparent);
    background: -webkit-linear-gradient(top, rgba(150, 150, 150, .1), transparent);
    background: linear-gradient(top, rgba(150, 150, 150, .1), transparent);
    height: 3px;
    top: 0;
    display: block;
}

.divide-bottom-shadow {
    background: -moz-linear-gradient(top, transparent, rgba(150, 150, 150, .1));
    background: -o-linear-gradient(top, transparent, rgba(150, 150, 150, .1));
    background: -webkit-linear-gradient(top, transparent, rgba(150, 150, 150, .1));
    background: linear-gradient(top, transparent, rgba(150, 150, 150, .1));
    height: 3px;
    top: 0;
}

.divide-left-shadow {
    background: -moz-linear-gradient(left, transparent, rgba(150, 150, 150, .1));
    background: -o-linear-gradient(left, transparent, rgba(150, 150, 150, .1));
    background: -webkit-linear-gradient(left, transparent, rgba(150, 150, 150, .1));
    background: linear-gradient(left, transparent, rgba(150, 150, 150, .1));
    width: 3px;
    top: 0;
}

.card-box-wrapper {
    padding: 1em;
    background-color: #F9F9F9;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.11);
    white-space: normal;
}

.card-box {
    padding: .77em;
    background-color: white;
    border: 1px solid #DADFE2;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.11);
}

.number-of-wrapper {
    position: relative;
}

.number-of-wrapper .number-of {
    top: -5px;
    position: absolute;
    left: -12px;
    font-size: 10px;
}

.number-of {
    font-size: .92em;
    line-height: 1.31em;
    font-weight: bold;
    display: inline-block;
    color: #FFF;
    padding: .09em .4545em;
    margin-right: .5em;
    border-radius: .81em;
    background-color: #808080;
    text-shadow: none;
    font-family: Arial, sans-serif!important;
}

.number-of.number-of-red {
    background-color: red;
}

.number-of.number-of-green {
    background-color: green;
}

.number-of.number-of-orange {
    background-color: #FF8500;
}

.number-of.number-of-grey {
    background-color: grey;
}

.number-of.number-of-legend {
    display: inline-block;
    color: gray;
    margin-right: .5em;
    width: 8px;
    height: 8px;
    background-color: gray;
    vertical-align: middle;
}

.number-of.number-of-badge {
    font-size: 10px;
    position: absolute;
    border: 1px solid #FFF;
    margin-right: 0;
    z-index: 2;
}

.page-break {
    display: none;
}

hr.thick {
    border-top: 1px dashed #cacaca;
    margin-top: 3rem;
    border-style: dashed;
}

.g-recaptcha {
    margin-top: 2em;
    max-width: 100%;
    overflow: hidden;
}

.jquery-alert-box {
    display: none;
    margin: 1em 0;
}

.jquery-alert-box p {
    font-size: 13px;
}

.notification-msg {
    font-size: 16px;
    margin: 0 0 1.52em;
    padding: .76em;
    border-radius: .2em;
    text-align: left;
}

.notification-msg .msg-header {
    margin-bottom: .48em;
}

.notification-msg .msg-header .fa {
    margin-left: 5px;
    float: left;
    margin-top: 4px;
}

.notification-msg .msg-header .header-detail {
    margin-left: 27px;
    display: block;
}

.notification-msg ul {
    margin: .29em .76em;
    color: black;
}

.notification-msg li {
    display: list-item;
    list-style-type: disc;
    font-size: 14px;
    line-height: 1.4em;
    color: #333;
    font-weight: normal;
    padding: 1px 0;
}

.notification-msg li strong {
    font-weight: bold;
    color: #ff5200;
}

.notification-msg li label {
    font-weight: bold;
}

.notification-msg li em {
    color: red;
}

.notification-msg .edit-date {
    display: inline-block;
    margin-left: 5px;
}

.notification-msg-header-only {
    padding: 14px 5px;
}

.notification-msg-header-only .msg-header {
    margin-bottom: 0;
}

.notification-msg-error {
    background: #FFFFF7;
    border: 1px solid #FC6;
    border-left-width: .57em;
}

.notification-msg-error .msg-header {
    color: #c40000;
}

.notification-msg-success {
    background: #ECFAEC;
    border: 1px solid #AEDFA1;
    border-left-width: .57em;
}

.notification-msg-success .msg-header {
    color: #1A9938;
}

.notification-msg-success .msg-header-only {
    color: #033C0C;
}

.notification-msg-info {
    background: white;
    border: 1px solid #5890FF;
    border-left-width: .57em;
    text-shadow: 1px 1px 0 white;
}

.notification-msg-info .msg-header {
    color: #555;
}

.notification-msg-info.notification-msg-medium .msg-header {
    font-weight: normal;
}

.notification-msg-info .msg-header-only {
    color: #555;
}

.notification-msg-medium {
    font-size: 13px;
}

.notification-msg-medium .msg-header {
    font-weight: bold;
    font-family: Arial, sans-serif;
}

.notification-msg-medium .msg-header .fa {
    margin-top: 1px;
}

.notification-msg-medium li {
    font-size: 13px;
}

.notification-msg-medium li .g-button {
    vertical-align: bottom;
}

.notification-msg-small {
    font-size: 12px;
}

.notification-msg-small .msg-header {
    font-weight: bold;
    font-family: Arial, sans-serif;
}

.notification-msg-small li {
    font-size: 11px;
}

.notification-msg-white {
    border-width: 0;
    background-color: white;
}

.notification-msg-top {
    margin-top: 1.52em;
}

.notification-msg-header-center .msg-header {
    text-align: center;
}

.notification-msg-header-center .msg-header .fa {
    margin-left: 0;
    margin-right: 5px;
    margin-top: 0;
    float: initial;
}

.notification-msg-header-center .msg-header .header-detail {
    vertical-align: middle;
    display: inline-block;
    margin-left: 0;
}

.notification-msg-header-center .msg-header .header-detail a {
    text-decoration: underline;
}

.notification-msg-no-icon .fa {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, Arial, sans-serif;
}

.dropdown-menu {
    border-radius: 0 0 .25rem .25rem;
}

.dropdown-item {
    padding: 3px 15px;
    -webkit-transition: all .19s ease;
    -moz-transition: all .19s ease;
    transition: all .19s ease;
}

span[rel='html-balloon'],
div[rel='html-balloon'],
span[rel='balloon'],
div[rel='balloon'] {
    cursor: help;
    color: #004B91;
}

.tooltip .tooltip-inner {
    background-color: #789;
    max-width: 250px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.11);
}

.tooltip.in {
    opacity: .97;
}

.tooltip.tooltip-bottom .tooltip-arrow,
.tooltip.bs-tether-element-attached-top .tooltip-arrow {
    border-bottom-color: #789;
}

.tooltip.tooltip-right .tooltip-arrow,
.tooltip.bs-tether-element-attached-left .tooltip-arrow {
    border-right-color: #789;
}

.tooltip.tooltip-top .tooltip-arrow,
.tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
    border-top-color: #789;
}

.tooltip.tooltip-left .tooltip-arrow,
.tooltip.bs-tether-element-attached-right .tooltip-arrow {
    border-left-color: #789;
}

.fl-tooltip {
    text-align: left;
    font-size: 13px;
}

.fl-tooltip ul {
    margin-bottom: 0;
}

.price-detail .prefix {
    padding-right: 4px;
    font-size: 11px;
    opacity: .8;
}

.price-detail>span {
    vertical-align: middle;
}

.price-detail .discount {
    text-decoration: line-through;
}

.price-detail .discount-value {
    font-weight: bold;
    color: #C00;
    margin-left: 3px;
}

.price-detail .discount-expire {
    font-size: 11px;
    color: #666;
}

.price-detail .discount .price {
    color: inherit;
}

.product-listing {
    text-align: center;
    padding-left: 0;
    list-style: none;
}

.product-listing li {
    border: 1px solid white;
    padding-top: 10px;
    padding-bottom: 15px;
    border-radius: 3px;
    -moz-transition: all .19s ease 0s;
    -o-transition: all .19s ease 0s;
    -webkit-transition: all .19s ease 0s;
    transition: all .19s ease 0s;
}

.product-listing li:hover,
.product-listing li:focus,
.product-listing .more a:hover,
.product-listing .more a:focus {
    box-shadow: 0 0 5px rgba(221, 170, 196, 0.3);
    border: 1px solid #DDAAC4;
}

.product-listing .product-type {
    padding: 0;
}

.product-listing .product-type:first-of-type h2 {
    margin-top: 0;
}

.product-listing h2 {
    text-align: left;
    margin: 1em initial initial;
}

.product-listing .product-type:hover {
    box-shadow: none;
    border: 1px solid white;
}

.product-listing .image {
    margin-bottom: 5px;
    display: inline-block;
    position: relative;
}

.product-listing .image .badges {
    position: absolute;
    top: -10px;
    left: -10px;
}

.product-listing .image .badges .label {
    min-width: 3.2em;
    min-height: 1.45em;
    line-height: 1.45em;
}

.product-listing .title {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    text-transform: capitalize;
}

.product-listing .delivery-detail {
    font-size: 11px;
    color: #607D8B;
}

.product-listing .delivery-detail span {
    vertical-align: middle;
}

.product-listing .delivery-detail .fa {
    margin-right: 3px;
}

.product-listing .more:hover,
.product-listing .more:focus {
    box-shadow: none;
    border-color: white;
}

.product-listing .more a {
    font-size: 100px;
    font-weight: bold;
    padding-bottom: 12px;
    display: block;
    color: #CCC;
    width: 100%;
    margin: 17px 0 0;
    background-color: #F0F0F0;
    border: 1px solid white;
}

.recently-viewed {
    margin: 4rem 0 1rem;
}

.recently-viewed .header {
    color: #607D8B;
    padding-bottom: .25em;
    border-bottom: 1px dotted #CCC;
    border-left: 3px solid white;
    text-indent: 2px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 2rem;
    font-size: 16px;
}

.recently-viewed .header span {
    vertical-align: middle;
}

.recently-viewed .header .fa {
    margin-right: 6px;
}

.product-filter {
    padding: 10px 10px 16px;
    margin-bottom: 3rem;
    border: 1px solid #DDD;
    border-bottom-color: #c3c3c3;
    background-color: #F7F7F7;
    border-radius: 3px;
}

.product-filter label {
    display: block;
    color: #555;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    margin-bottom: 0;
}

.product-filter select {
    max-width: 100%
}

.shadow-top {
    background: -moz-linear-gradient(top, rgba(150, 150, 150, .1), transparent);
    background: -o-linear-gradient(top, rgba(150, 150, 150, .1), transparent);
    background: -webkit-linear-gradient(top, rgba(150, 150, 150, .1), transparent);
    background: linear-gradient(top, rgba(150, 150, 150, .1), transparent);
    height: 3px;
    top: 0;
}

.shadow-bottom {
    background: -moz-linear-gradient(top, transparent, rgba(150, 150, 150, .1));
    background: -o-linear-gradient(top, transparent, rgba(150, 150, 150, .1));
    background: -webkit-linear-gradient(top, transparent, rgba(150, 150, 150, .1));
    background: linear-gradient(top, transparent, rgba(150, 150, 150, .1));
    height: 3px;
    top: 0;
}

.prev-step {
    padding: .9375em;
    border: 1px solid #C9C9C9;
    border-radius: 4px;
    margin-bottom: 2.5em;
    background: url("../assets/diag_pattern.png");
}

.prev-step .left-side {
    float: left;
}

.prev-step .right-side {
    float: right;
}

.prev-step .fa-angle-left {
    margin-right: 5px;
}

.prev-step .input-desc {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    font-size: 11px;
    color: #666;
}

.currency-converter {
    font-size: 12px;
}

.currency-converter .fa {
    margin-right: 2px;
}

.currency-converter span {
    vertical-align: middle;
}

.currency-converter-tooltip {
    text-align: right;
}

.currency-converter-tooltip p {
    text-align: center;
    margin: .45rem 0;
}

.currency-converter-tooltip ul {
    list-style: none;
    font-family: Consolas, "Courier New", Courier, monospace;
}

.g-table thead {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.container {
    padding-right: 0;
    padding-left: 0;
}
.container-mar{
    margin-top:-46px;
    padding-top: 40px;
}
.main-container {
    margin-bottom: 15px;
}

header .top-nav {
    font-size: 13px;
    background-color: #F7F7F7;
    padding: 3px 0 2px;
    color: #888;
    text-align: center;
}

header .top-nav ul {
    display: inline-block;
    vertical-align: top;
}

header .top-nav address {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0;
}

header .top-nav address .fa {
    margin-right: 4px;
}

header .top-nav .tool li::after {
    color: #D5D5D5;
}

header .top-nav .tool>li>a {
    line-height: 22px;
}

header .top-nav .tool .dropdown-menu {
    font-size: 13px;
}

header .top-nav .lang {
    padding-left: 10px;
}

header .top-nav .lang li::after {
    content: ''
}

header .logo {
    text-align: center;
}

header .logo a {
    display: inline-block;
    margin: 9px 0 0;
}

header .logo .slogan {
    font-size: 11px;
    text-transform: uppercase;
    color: #767676;
    margin-bottom: 1em;
}

header .search-wrapper {
    text-align: center;
}

header .search-wrapper .search {
    display: inline-block;
    max-width: 230px;
    vertical-align: middle;
}

header .search-wrapper .search .fa {
    vertical-align: initial;
    margin-right: 0;
}

header .mini-cart-info {
    display: inline-block;
    vertical-align: middle;
}

header .mini-cart-info button {
    position: relative;
    height: initial;
    min-width: initial;
    padding: .375rem .6rem;
    margin-right: 0;
}

header .mini-cart-info .number-of {
    text-shadow: none;
    top: 1px;
    left: 21px;
    border: 0;
}

header .mini-cart-info .fa {
    margin-right: 0;
}

header .mini-cart-info .fa-caret-down {
    margin-left: 6px;
}

header nav {
    margin-top: .9rem;
}

header nav .main-tabs {
    text-align: center;
    font-weight: bold;
    border-bottom: 0;
}

header nav .main-tabs .nav-item {
    float: none;
    display: inline-block;
}

header nav .main-tabs .nav-item .tag-new {
    font-family: Arial, Helvetica, sans-serif!important;
    position: absolute;
    right: 8px;
    top: -8px;
    background-color: #E91E63;
    z-index: 100;
    font-size: 10px;
    text-shadow: none;
}

header nav .main-tabs .nav-item+.nav-item {
    margin-left: -2px;
    position: relative;
}

header nav .main-tabs .nav-link {
    color: #fd9f18;
    background: #fff1d9;
    text-shadow: 1px 1px 0 #FCFCFC;
    padding: 7px 9px 5px;
    border-color: #ffda7c;
    border-radius: 5px 5px 0 0;
    border-bottom: 0;
}

header nav .main-tabs .nav-link.nav-link-promote {
    color: white;
    text-shadow: none;
    background: #E91E63;
    border-color: #C2185B;
}

header nav .main-tabs .nav-link span {
    vertical-align: middle;
}

header nav .main-tabs .nav-link .fa {
    margin-right: 5px;
}

header nav .main-tabs .nav-link.active,
header nav .main-tabs .nav-link.active:hover,
header nav .main-tabs .nav-link:hover,
header nav .main-tabs .nav-item.open .nav-link,
header nav .main-tabs .nav-item.open .nav-link:focus,
header nav .main-tabs .nav-item.open .nav-link:hover {
    color: white;
    border-color: #b19152;
    background-color: #ddaac4;
    text-shadow: none;
    padding: 7px 9px 5px;
}

header nav .main-tabs .dropdown-menu {
    margin-top: 0;
    border-color: #ffda7c;
    background-color: #fff1d9;
}

header nav .main-tabs .dropdown-item {
    font-weight: bold;
    color: #fd9f18;
    text-shadow: 1px 1px 0 #FCFCFC;
    position: relative;
}

header nav .main-tabs .dropdown-item.nav-link-promote {
    color: #E91E63;
}

header nav .main-tabs .dropdown-item:focus,
header nav .main-tabs .dropdown-item:hover,
header nav .main-tabs .dropdown-item.active {
    background-color: white;
    color: #fd9f18;
}

header nav .sub-nav {
    font-size: 13px;
    font-weight: bold;
    background-color: #ddaac4;
    margin-top: 1px;
    text-align: center;
    margin-bottom: 0;
    padding: 5px 1px;
}

header nav .sub-nav a {
    color: white;
}

header nav .sub-nav li:not(:first-of-type) {
    margin-left: 3px;
}

header nav li:after {
    font-weight: normal;
    color: white;
}

.content-wrapper {
    padding-bottom: 2rem;
    /*margin-top:20px;*/
}

.content-wrapper .breadcrumb {
    padding-top: .3rem;
    padding-bottom: .3rem;
    font-size: 13px;
    border-top: 1px solid #E6CCEC;
    border-radius: initial;
    margin-bottom: 0;
    margin-left:0;
    background-color: #F7F7F7;
}

.content-wrapper .time {
    font-size: 13px;
    text-align: right;
    padding-right: .9375rem;
    background: #e7f1f0;
    background: -moz-linear-gradient(90deg, #e7f1f0 0, #f2fcfa 20%);
    background: -webkit-linear-gradient(90deg, #e7f1f0 0, #f2fcfa 20%);
    background: linear-gradient(180deg, #e7f1f0 0, #f2fcfa 20%);
    border-top: solid 1px #d4e7e4;
    color: #666;
    line-height: 24px;
}

.content-wrapper .time .flag {
    margin-right: 5px;
}

.content-wrapper h1 {
    font-size: 22px;
    font-weight: normal;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    color: #444;
    text-align: center;
    line-height: 1.4em;
    margin-bottom: 1.5rem;
}

.content-wrapper .content {
    padding: .9375rem .4687rem;
    padding-bottom: 0;
}

.content-wrapper .service-hilight {
    background-color: #EFF0F6;
    margin-bottom: 2.5rem;
}

.content-wrapper .service-hilight li {
    font-size: 15px;
    text-align: center;
    position: relative;
    padding: 1em 0;
}

.content-wrapper .service-hilight li:not(:last-child) {
    border-bottom: 2px solid white;
}

.content-wrapper .service-hilight li::before {
    content: "";
    position: absolute;
    left: 49%;
    top: -6px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 5px;
}

.content-wrapper .service-hilight li:first-child::before {
    display: none;
}

.content-wrapper .service-hilight .header {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin: 0;
    padding-bottom: 3px;
    padding-top: 15px;
    border-bottom: 1px solid #E0E0E0;
    text-transform: capitalize;
    background: 0;
    height: auto;
}

.content-wrapper .service-hilight li .desc {
    color: #636363;
    border-top: 1px solid #F7F7F7;
    padding-top: 1em;
}

.content-wrapper h2 {
    font-size: 22px;
    color: #AD5599;
    margin: 1.8em 0 1.5em;
    padding-bottom: .25em;
    border-bottom: 1px dotted #CCC;
    text-transform: uppercase;
    border-left: 3px solid white;
    text-indent: 2px;
}

.content-wrapper h2 .remark {
    font-size: 16px;
}

.content-wrapper h2.browse {
    border-left-color: #7CB5DD;
}

.content-wrapper h2.browse .fa {
    color: #7CB5DD;
}

.content-wrapper h2.today {
    border-left-color: #F19C7E;
}

.content-wrapper h2.today .fa {
    color: #F19C7E;
}

.content-wrapper h2.pop {
    border-left-color: #98CC9F;
}

.content-wrapper h2.pop .fa {
    color: #98CC9F;
}

.content-wrapper h2.new {
    border-left-color: #EF9DA2;
}

.content-wrapper h2.new .fa {
    color: #EF9DA2;
}

.content-wrapper h2.where {
    border-left-color: #9A8BC0;
}

.content-wrapper h2.where .fa {
    color: #9A8BC0;
}

.content-wrapper h2 span {
    vertical-align: middle;
}

.content-wrapper h2 .fa {
    margin-right: 10px;
}

.content-wrapper h3 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #1F797C;
    font-size: 18px;
    line-height: 1.8em;
    text-align: center;
}

.content-wrapper .occasion .occasion-item {
    text-align: center;
    margin-bottom: 1rem;
    -webkit-transition: all .19s ease;
    -moz-transition: all .19s ease;
    -o-transition: all .19s ease;
    transition: all .19s ease;
}

.content-wrapper .occasion .img-occasion {
    opacity: .7;
}

.content-wrapper .occasion a {
    color: #555;
}

.content-wrapper .occasion a:hover {
    color: #C60;
}

.content-wrapper .occasion .occasion-title {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 10px 0;
    border-bottom: 0;
    text-decoration: none;
}

.content-wrapper .delivery-area {
    margin-top: 2.5rem;
}

.content-wrapper .delivery-area .map {
    text-align: center;
    padding-top: 1em;
}

.content-wrapper .delivery-area .product-filter {
    padding-top: 16px;
}

.content-wrapper .delivery-area .product-filter select {
    vertical-align: middle;
}

.content-wrapper .delivery-area .product-filter .g-button {
    padding: .4em 1em;
}

.content-wrapper .wording {
    margin-bottom: 2.5em;
}

.shop-content h1 {
    text-align: left;
}

.shop-content .num-result {
    margin-bottom: 1em;
}

.shop-content .num-result em {
    font-style: normal;
    font-weight: bold;
    color: #F57C00;
}

.shop-content .eariest-date {
    display: inline;
}

.shop-content .eariest-date em {
    color: green;
}

.item-content {
    margin-bottom: 2rem;
}

.item-content h1 {
    text-align: left;
    margin-bottom: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif!important;
}

.item-content .sku {
    font-size: 13px;
    margin-bottom: 2em;
    text-indent: 2px;
    color: #555;
}

.item-content .sku strong {
    color: #777;
    padding-right: 3px;
}

.item-content .left-container {
    padding: 0 1rem;
}

.item-content .left-container .img-product-original {
    margin: 0 auto;
    cursor: zoom-in;
}

.item-content .left-container .more-images {
    text-align: center;
    margin-top: .5rem;
}

.item-content .left-container .more-images a {
    margin-top: 1rem;
    display: inline-block;
    border: 1px solid #EEE;
    border-radius: 1px;
}

.item-content .left-container .more-images a:not(:last-of-type) {
    margin-right: 8px;
}

.item-content .left-container .more-images img {
    border-radius: 1px;
    cursor: zoom-in;
}

.item-content .right-container {
    margin-top: 2rem;
    padding: 0;
    position: relative;
}

.item-content .right-container .sold-badge {
    position: absolute;
    background-color: #70C4F9;
    text-align: center;
    border-radius: 50%;
    padding: .8em .7em;
    text-transform: uppercase;
    left: 0;
    top: -70px;
    font-size: 13px;
}

.item-content .right-container .sold-badge span {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif!important;
}

.item-content .right-container .promote {
    margin-top: 2rem;
}

.item-content .right-container .promote .notification-msg-medium .msg-header {
    font-weight: normal;
}

.item-content .eariest-date {
    padding: 10px;
    border: 1px solid #DDD;
    background-color: #F7F7F7;
    border-radius: 3px 3px 0 0;
    color: #444;
    text-align: center;
}

.item-content .eariest-date em {
    font-weight: bold;
    color: green;
    font-style: normal;
}

.item-content .eariest-date span {
    display: block;
    font-size: 11px;
    color: #777;
}

.item-content .product-spec {
    border: 1px solid #ddd;
    border-top-width: 0;
}

.item-content .product-spec .product-spec-left {
    border-right: 1px solid #ddd;
}

.item-content .product-spec>div {
    padding: 8px;
}

.item-content .product-spec .clearfix {
    padding: 0;
}

.item-content .product-spec .product-spec-info {
    border-top: 1px solid #ddd;
}

.item-content .product-spec .free {
    color: #FF6B00;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
}

.item-content .product-spec .subject {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

.item-content .product-spec .currency-converter {
    margin-top: 8px;
}

.item-content .product-spec .label-stock,
.item-content .product-spec .label {
    line-height: 1.1em;
    letter-spacing: initial;
    text-transform: none;
    margin-left: 5px;
    font-size: 11px;
}

.item-content .price-detail {
    font-size: 21px;
    line-height: 1em;
}

.item-content .price-detail .discount-expire {
    font-size: 13px;
    color: green;
    font-style: italic;
    margin-top: 2px;
}

.item-content .price-detail .prefix {
    font-size: 13px;
}

.item-content .product-note {
    margin-top: 2rem;
    background-color: #F7F7F7;
    padding: .9375rem;
    border-radius: 3px;
}

.item-content .product-note .header {
    font-weight: bold;
}

.item-content .buy-now {
    margin-top: 2rem;
    border: 1px solid #EDD9E9;
    border-radius: 3px 3px 0 0;
}

.item-content .buy-now .header {
    border-bottom: 1px solid #EDD9E9;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 18px;
    padding: 8px 2px;
    text-align: center;
    color: #A51F7B;
    text-shadow: 1px 1px 1px white;
    background-color: #fdf9fb;
    background-image: -moz-linear-gradient(top, #fae4ef, #fdf9fb);
    background-image: -webkit-linear-gradient(top, #fae4ef, #fdf9fb);
    background-image: linear-gradient(to bottom, #fae4ef, #fdf9fb);
    text-transform: uppercase;
}

.item-content .buy-now .body {
    padding: 20px 8px 20px 15px;
}

.item-content .buy-now .step {
    color: #6E4497;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    margin-bottom: 9px;
    font-size: 17px;
}

.item-content .buy-now ul li:not(:first-of-type) {
    margin-top: 1.3rem;
}

.item-content .buy-now .step .number-of {
    background-color: #B866A2;
    margin-right: .45em;
}

.item-content .buy-now .step button {
    margin-left: -3px;
}

.item-content .buy-now .step-content {
    padding-left: 30px;
}

.item-content .buy-now .step-content>div:not(:first-of-type) {
    margin-top: 9px;
}

.item-content .buy-now .step-content select {
    width: 80%
}

.item-content .buy-now .step-content .note {
    font-size: 13px;
}

.item-content .buy-now .step-content label {
    display: inline;
}

.item-content .buy-now .step-content .date-input {
    width: 11em;
}

.item-not-found-content {
    padding-top: 2rem;
}

.zip-search .g-fieldset fieldset {
    padding-bottom: 1.25em;
}

.zip-search .question {
    margin-bottom: .9375rem;
    font-size: 13px;
}

.zip-search .question a {
    text-decoration: underline;
}

.zip-search .input-group {
    max-width: 200px;
}

.zip-search .result {
    margin: .9375rem 0 0;
}

.zip-search .notification-msg {
    margin-bottom: 0;
}

.zip-search .notification-msg .msg-header .header-detail {
    font-weight: normal;
}

.zip-search .notification-msg-header-only {
    padding: 7px 5px;
}

.zip-search .zip-district-wrapper {
    margin-top: .9375rem;
}

.zip-search .zip-district {
    margin-bottom: 1px;
    padding: .5rem;
    background-color: white;
    border-radius: 3px;
}

.zip-search .zip-district .unavailable {
    font-size: 13px;
}

.account-content {
    margin-bottom: 2rem;
}

.account-content h1 {
    text-align: left;
}

.account-content h2 {
    margin: .5em 0 1.5em;
    font-size: 21px!important;
    text-indent: initial;
    text-transform: initial;
    border-left: initial;
}

.account-content .cart-signin {
    text-align: center;
    font-size: 13px;
    margin-bottom: 1rem;
    color: #555;
}

.account-content .cart-signin a {
    text-decoration: underline;
}

.account-content .cart-empty .header-detail {
    color: #444;
}

.account-content .row .col-block:not(:first-of-type) {
    margin-top: 3rem;
}

.account-content .wording a {
    text-decoration: underline;
}

.account-content .menu .nav-item {
    text-align: center;
}

.account-content .menu .nav-item:not(:last-of-type) {
    margin-bottom: 1.5em;
}

.account-content .menu .nav-item .g-button {
    min-width: 85%
}

.account-content .menu .nav-item a:hover,
.account-content .menu .nav-item a:focus {
    text-decoration: none;
}

.account-content-center h1 {
    text-align: center;
}

.account-order-summary {
    margin-top: 3rem;
}

.account-order-summary .tbody {
    font-size: 21px;
    color: #666;
}

.account-order-summary .discount {
    color: green;
}

.account-order-listing {
    margin-top: 3em;
}

.account-order-listing .thead>div,
.account-order-listing .tbody>div {
    padding: .92em .38em;
}

.account-order-listing .item-amount {
    text-align: left;
    padding-top: 0!important;
}

.account-order-listing .item-amount strong {
    color: #777;
}

.survey-content h1,
.survey-content .wording {
    text-align: center;
}

.survey-content .wording strong {
    color: green;
}

.survey-content .fluid-table {
    margin-top: 2em;
}

.survey-content .topic {
    text-align: left;
    padding: 1em .5em;
    font-size: 20px;
    color: #AD5599;
}

.survey-content .topic.topic-top {
    border-top: 1px solid #EEE;
}

.survey-content .action {
    margin-top: 2em;
}

.survey-content .rating {
    font-size: 13px;
    padding-top: 1em;
    border-top: 1px dotted #DDD;
}

.survey-content .question {
    font-size: 16px;
    background-color: #F7F7F7;
    padding: 5px 3px;
}

.survey-content input[type="radio"] {
    margin-right: 0;
}

.survey-content label {
    margin-bottom: 0;
    margin-top: 4px;
}

.survey-content .no {
    padding: 5px 0;
    font-size: 16px;
}

.order-detail {
    margin-top: 2.5rem;
}

.order-detail>.fluid-table:not(:first-of-type) {
    margin-top: 2em;
}

.order-detail .order-summary {
    margin-bottom: 2em;
}

.order-detail .order-summary .order-number {
    font-size: 21px;
    color: #1E88E5;
}

.order-detail .order-summary .order-status {
    font-size: 18px;
    color: #00796B;
}

.order-detail .order-summary .price {
    font-size: 18px;
    background-color: #F6F7F8;
}

.order-detail .gift-message {
    padding: .9375rem;
    margin-bottom: .9375rem;
    background-color: #F7F7F7;
    border-radius: 3px;
    border: 1px solid #E7E7E7;
}

.order-detail .total-amount {
    font-size: 21px;
    background-color: #F7F7F7;
}

.order-detail .quantity {
    color: #E91E63;
    font-weight: bold;
    font-size: 1.3em;
}

.help-content {
    margin-bottom: 2rem;
}

.help-content h1 {
    text-align: left;
}

.help-content .wording a {
    text-decoration: underline;
}

.help-content .ticket-number {
    font-weight: bold;
    color: #2196F3;
}

.help-content .wording-404 {
    margin-top: 3.5em;
}

.help-content .wording-404>div {
    text-align: center;
}

.help-content .wording-404 .g-button {
    min-width: 80%
}

.help-content .help-side-content {
    margin-top: 2.8125rem;
}

.help-content .help-side-content ul,
.help-content .help-side-content ol {
    padding-left: 1.5em;
    margin-bottom: 0;
}

.help-content-center h1 {
    text-align: center;
}

.help-detail h1 {
    text-transform: capitalize;
}

.help-detail h2 {
    margin-bottom: .8em;
    border-bottom: 0;
    text-transform: initial;
    text-indent: initial;
    border-left: 0;
}

.checkout-content {
    margin-bottom: 2rem;
}

.checkout-content h1 {
    text-align: left;
}

.checkout-content .step-title {
    margin-top: 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #E4E4E4;
    background: #f6f6f6;
    background: -moz-linear-gradient(90deg, #f6f6f6 30%, #fff 70%);
    background: -webkit-linear-gradient(90deg, #f6f6f6 30%, #fff 70%);
    background: -o-linear-gradient(90deg, #f6f6f6 30%, #fff 70%);
    background: linear-gradient(180deg, #f6f6f6 30%, #fff 70%);
    padding: 15px 10px;
    color: #7A4BA8;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 #FFF;
    font-size: 24px;
    text-transform: none;
}

.checkout-content .step-title .number-of {
    text-shadow: none;
    background-color: #B866A2;
}

.checkout-content .step-title .step-title-hint {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #777;
    text-shadow: none;
}

.checkout-content .step-title .step-title-hint .fa {
    margin-right: 3px;
}

.checkout-content .step-title .step-title-hint span {
    vertical-align: middle;
}

.checkout-content .checkout-form-tab {
    display: inline-block;
    background-color: #f7f7f7;
    border: 1px solid #dadada;
    border-bottom: 0;
    margin-left: .9375rem;
    margin-top: 1rem;
    padding: 7px 15px 5px;
    border-radius: 3px 3px 0 0;
    font-size: 18px;
    color: #777;
    text-shadow: 1px 1px 1px white;
}

.checkout-content .checkout-form-item {
    border: 1px solid #DADADA;
    padding: 1.5rem 1.2rem 2.5rem;
    border-radius: 2px;
    background-color: #F7F7F7;
    margin-bottom: 2rem;
    margin-top: -1px;
}

.checkout-content .checkout-form .prev-address {
    margin: 1em 0 1.5em;
}

.checkout-content .checkout-form .prev-address .select-button {
    font-weight: normal;
    font-size: 14px;
    line-height: 1.25em;
    width: 98%
}

.checkout-content .checkout-form .prev-address .address-wrapper {
    font-size: 13px;
    margin-top: .9375rem;
    width: 99%;
    display: none;
}

.checkout-content .checkout-form .prev-address .address-wrapper .address {
    padding: .5rem;
    background-color: white;
    border-radius: 3px;
    border-bottom: 1px solid #ECEFF1;
}

.checkout-content .checkout-form .prev-address .address-wrapper .address strong {
    color: #555;
}

.checkout-content .checkout-form .prev-address .address-wrapper .address .use-button {
    text-align: right;
    text-transform: uppercase;
}

.checkout-content .checkout-form .prev-address .address-wrapper .address:not(:last-of-type) {
    margin-bottom: 5px;
}

.checkout-content .checkout-form-item:last-of-type {
    margin-bottom: 0;
}

.checkout-content .checkout-form-item:first-of-type {
    margin-top: 1.5rem;
}

.order-confirmation {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.order-confirmation h1 {
    margin-top: 1em;
    text-align: center;
    color: #1976D2;
}

.order-confirmation .wording {
    border: 1px solid #e5e6e9;
    padding: 15px;
    margin-top: 2em;
    background-color: #F7F7F7;
    border-radius: 3px;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    margin-bottom: 4em;
}

.order-confirmation .wording em {
    color: red;
    font-weight: bold;
    font-style: normal;
}

.order-confirmation h2 {
    margin-top: 2.2em;
    padding-bottom: inherit;
    border-bottom: 0;
    text-transform: initial;
}

.order-confirmation .order-button {
    border: 3px dashed #FFC756;
    margin: 30px 0 0;
    padding: 30px 5px 26px;
    text-align: center;
    background-color: #FFFFF7;
    border-radius: 6px;
}

.order-confirmation .order-button .g-button {
    font-size: 21px;
    min-height: 2.5em;
    height: initial;
    line-height: 2.5em;
    padding: .385em;
    font-weight: normal;
    min-width: 85%;
    margin: 0 .385em;
}

.order-confirmation .order-button .g-button a {
    color: white;
    text-decoration: none;
}

.order-confirmation .order-button .detail {
    margin: 13px auto 0;
    max-width: 500px;
    line-height: 1.4em;
}

.order-confirmation .order-button .img-payment-agent {
    margin-right: 5px;
}

.order-confirmation .order-button .detail a {
    text-decoration: underline;
}

.order-confirmation .bank-account-wrapper {
    margin-top: 2em;
}

.order-confirmation .continue {
    margin-top: 4em;
}

.order-confirmation .continue button {
    width: 100%
}

.bank-account-table .account-name {
    text-align: center;
    font-size: 16px;
    padding: 1em 0;
    color: #1976D2;
}

.bank-account-table .account-name em {
    font-style: normal;
    font-weight: bold;
    color: #FF7043;
}

.bank-account-table tbody {
    font-size: 13px;
}

.bank-account-table .account-number {
    font-size: 16px;
}

.checkout-step {
    font-size: 13px;
    text-align: center;
    margin: 1.5rem 0 1rem;
}

.checkout-step ol {
    display: inline-block;
    border-bottom: 1px solid #D2C1E2;
}

.checkout-step li {
    display: inline-block;
    line-height: 2.5em;
}

.checkout-step li:not(:last-of-type) {
    margin-right: 10px;
}

.checkout-step span {
    vertical-align: middle;
}

.checkout-step .number-of {
    background-color: #c0c0c0;
}

.checkout-step .number-of.active {
    background-color: green;
}

.checkout-step .fa,
.checkout-step .number-of {
    margin-right: 5px;
}

.cart-summary {
    padding: .75rem .6rem 1.25rem;
    margin-top: 1.5rem;
    border: 1px solid #DADADA;
    border-radius: 2px;
    background-color: #F7F7F7;
}

.cart-summary .title {
    font-weight: bold;
    border-bottom: 1px solid #DADADA;
    color: #666;
    text-shadow: 1px 1px 1px white;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.cart-summary .subject {
    font-weight: bold;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.cart-summary .detial {
    text-align: right;
}

.cart-summary .body {
    background-color: white;
    padding: .935rem;
}

.cart-summary .body .subtotal {
    font-size: 13px;
}

.cart-summary .body .subtotal:not(:first-of-type) {
    margin-top: 3px;
}

.cart-summary .total {
    margin-top: .5rem;
}

.cart-summary .sum-price {
    font-size: 19px;
}

.cart-summary .note {
    color: #777;
    text-align: right;
}

.payment-form {
    margin-top: 1.5rem;
}

.payment-form button {
    width: 200px;
}

.payment-form>div {
    padding: 1rem 0;
}

.payment-form>div:not(:first-of-type) {
    border-top: 1px dotted #D2D2D2;
}

.payment-form .logo {
    margin-top: 7px;
    display: block;
    white-space: nowrap;
    display: block;
    margin-left: 5px;
}

.payment-form .img-payment-agent {
    margin-right: 3px;
}

.payment-form .note {
    color: #777;
    font-size: 13px;
    margin-top: 7px;
}

.payment-form hr {
    margin: .9375rem 0 0;
    border-top: 0;
}

.full-cart {
    margin-bottom: 2rem;
}

.full-cart .thead>div {
    padding: .5em .3em;
    border: 1px solid #D7D7D7;
    color: #393939;
    background-color: #F7F7F7;
    font-weight: bold;
    text-shadow: .07em .07em .23em #FFF;
    text-align: center;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.full-cart .thead .no-border {
    border-left: none;
}

.full-cart .tbody {
    border: 1px solid #D7D7D7;
    border-top: 0;
    padding: .9375rem 0;
}

.full-cart .tbody.block {
    display: block;
}

.full-cart .tbody>div {
    padding: 0 .9375rem;
}

.full-cart .tbody {
    border: 1px solid #D7D7D7;
    border-top: 0;
    padding: .9375rem 0;
}

.full-cart .tbody.block {
    display: block;
}

.full-cart .tbody>div {
    padding: 0 .9375rem;
}

.full-cart .tbody .product-img {
    text-align: center;
}

.full-cart .tbody .product-img .remove-button {
    min-width: 50px;
    line-height: normal;
    height: 25px;
    max-height: 25px;
    margin: .5em 0 0;
    padding: 0 .5em;
    font-size: 11px;
    text-transform: uppercase;
}

.full-cart .tbody .title {
    text-transform: capitalize;
    margin-top: 1.5rem;
}

.full-cart .tbody .title a {
    font-size: 16px;
}

.full-cart .tbody .title .price-detail {
    display: inline;
}

.full-cart .tbody .detail {
    text-align: left;
}

.full-cart .tbody .district strong {
    color: #455A64;
}

.full-cart .tbody .subject-label {
    font-weight: bold;
    margin-top: 1rem;
}

.full-cart .tbody .form-control {
    display: inline;
}

.full-cart .tbody.coupon {
    border-bottom: 0;
    padding-bottom: 0;
}

.full-cart .tbody.coupon .coupon-detail {
    padding: .9375rem;
    text-align: center;
    color: #017101;
    background: #ECFAEC;
    border: 0;
    font-size: 13px;
}

.full-cart .tbody.member-discount,
.full-cart .tbody.member-discount>div {
    border-top: 0;
    padding-top: 0;
}

.full-cart .tbody .coupon-input {
    border: 0;
}

.full-cart .tbody .coupon-input .code {
    font-weight: bold;
    color: green;
}

.full-cart .tbody .coupon-input .coupon-label {
    text-align: left;
}

.full-cart .tbody .coupon-input .input-group {
    max-width: 170px;
}

.full-cart .tbody .coupon-form input,
.full-cart .tbody .coupon-form button {
    font-size: 13px;
    text-transform: uppercase;
    padding-left: .5rem;
    padding-right: .5rem;
    line-height: 1.5;
}

.full-cart .tbody .coupon-form button {
    height: 33px;
}

.full-cart .tbody .coupon-form button .fa {
    vertical-align: text-bottom;
}

.full-cart .tbody .sum-label {
    border: 0;
    color: #393939;
    text-align: right;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-top: 1rem;
    border-top: 1px solid #D7D7D7;
    padding-top: 1rem;
}

.full-cart .tbody .total-amount,
.full-cart .tbody .discount-price {
    margin-top: 1rem;
    border-top: 1px solid #D7D7D7;
    padding-top: 1rem;
}

.full-cart .tbody .total-amount {
    font-size: 21px;
}

.full-cart .tbody .total-amount .note {
    font-size: 11px;
    color: #777;
    line-height: normal;
}

.full-cart .tbody .total-amount .currency-converter {
    font-size: 11px;
    margin-top: 3px;
}

.full-cart .proceed {
    text-align: center;
    margin-top: 1rem;
}

.full-cart .proceed button {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.full-cart .proceed .same-address {
    font-size: 13px;
    margin-bottom: .8em;
}

.full-cart .proceed .same-address input,
.full-cart .proceed .same-address span {
    vertical-align: middle;
}

.mini-cart-wrapper {
    padding-top: 10px;
    position: absolute;
    display: none;
    z-index: 1;
}

.mini-cart {
    position: relative;
    background-color: #fefefe;
    text-align: left;
    font-size: 13px;
    padding: .8rem .6rem;
    border: 1px solid #D7D7D7;
    width: 290px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.11);
    border-radius: 3px;
}

.mini-cart::before,
.mini-cart::after {
    content: '';
    position: absolute;
    border-style: solid;
}

.mini-cart::before {
    border-color: transparent transparent #B4B4B4;
    border-width: 0 10px 10px;
    top: -10px;
    right: 15px;
}

.mini-cart::after {
    border-color: transparent transparent #FFF;
    border-width: 0 9px 9px;
    top: -9px;
    right: 16px;
}

.mini-cart .cart-title {
    padding-bottom: .35em;
    border-bottom: 1px solid #D7D7D7;
    font-weight: bold;
    color: #455A64;
}

.mini-cart .cart-content {
    padding: .9375rem 0;
}

.mini-cart .cart-content .cart-item:not(:last-child) {
    padding-bottom: .6em;
    margin-bottom: .6em;
    border-bottom: 1px dotted #CCC;
}

.mini-cart .cart-item {
    display: flex;
}

.mini-cart .cart-item .photo {
    width: 60px;
    text-align: center;
}

.mini-cart .cart-item .photo button {
    margin-top: 10px;
    padding: 0 15px;
}

.mini-cart .cart-item .photo button .fa {
    margin-right: 0;
    vertical-align: baseline;
}

.mini-cart .cart-item .detail {
    width: 150px;
}

.mini-cart .cart-item .subtotal {
    width: 60px;
    text-align: right;
}

.mini-cart .cart-proceed {
    display: flex;
    background: #F0F0F0;
    padding: .7em .5em;
    margin-bottom: 1em;
}

.mini-cart .cart-proceed button .fa {
    vertical-align: text-bottom;
    margin-right: 5px;
}

.mini-cart .cart-proceed-item {
    text-align: center;
    width: 130px;
}

.mini-cart .cart-proceed .same-address {
    margin-top: .5em;
}

.mini-cart .cart-total {
    display: flex;
}

.mini-cart .cart-total .cart-total-label {
    width: 210px;
    font-weight: bold;
    text-align: right;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.mini-cart .cart-total .cart-total-number {
    width: 60px;
    text-align: right;
}

.mini-cart .no-items {
    padding: 1em 0;
    text-align: center;
    background-color: #F7F7F7;
}

.mini-cart .notification-msg ul {
    margin: 0;
    padding-left: 2.7em;
}

footer {
    font-size: 13px;
    border-top: 1px solid #C5C5C5;
    background-color: #F5F5F5;
}

footer .footer-container {
    padding: .9375rem;
}

footer .group-header {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding: 0 0 13px;
    display: block;
    color: #2B2127;
}

footer ul {
    padding-left: 1.5em;
}

footer .payment-logo .img-payment-agent {
    margin-top: 5px;
    margin-bottom: 5px;
}

footer .payment-logo .img-payment-agent:not(:last-of-type) {
    margin-right: 3px;
}

.copywrite {
    text-align: center;
    font-size: 13px;
    margin-bottom: 2rem;
}

.business-content h1 {
    text-align: left;
}

.business-content .main-image {
    margin: 4rem 0;
    text-align: center;
}

.business-content .our-works div {
    text-align: center;
}

.business-content .our-works img {
    border-radius: 5px;
    width: 220px;
    height: 165px;
}

.business-content .our-works .image-detail {
    margin: 1em 0 3em;
}

.occasion-wrapper {
    margin: -.9375rem;
    margin-bottom: initial;
}

.occasion-content {
    padding: .9375rem;
    padding-bottom: 0;
}

.occasion-content h1 {
    text-align: left;
    margin-top: 1em;
}

.occasion-content h2 {
    text-transform: initial;
}

.occasion-content .special-product {
    text-align: center;
    margin-bottom: 4em;
}

.occasion-content .special-product .image {
    text-align: center;
}

.occasion-content .special-product .title {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 19px;
    margin-top: 1em;
    margin-bottom: 1em;
}

.occasion-content .special-product .desc strong {
    color: red;
}

.occasion-content .special-product .price {
    margin-top: 1em;
    font-size: 16px;
}

@media(min-width:576px) {
    body {
        background: #F5F5F5;
    }
    .container {
        padding-right: .9375rem;
        padding-left: .9375rem;
    }
    .main-container {
        margin: 15px auto;
        border-width: 2px 1px 2px 1px;
        border-style: solid;
        border-color: #E6CCEC;
        border-bottom-color: #C5C5C5;
        border-radius: 5px 5px 2px 2px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
    }
    header .top-nav {
        border-radius: 5px 5px 0 0;
        padding-left: .9375rem;
        padding-right: .9375rem;
        text-align: right;
    }
    header .top-nav address {
        margin-right: 10px;
        display: inline-block;
    }
    .content-wrapper {
        border-left: solid 10px #ddaac4;
    }
    .content-wrapper h1 {
        font-size: 26px;
    }
    .content-wrapper h2 {
        font-size: 23px;
    }
    .content-wrapper .content {
        padding: .9375rem;
        padding-bottom: 0;
    }
    .content-wrapper .content .service-hilight li {
        padding: 1.5em 3px;
    }
    .content-wrapper .content .service-hilight li:not(:last-child) {
        border-right: 2px solid white;
        border-bottom: 0;
    }
    .content-wrapper .content .service-hilight li::before {
        top: 42%;
        left: -6px;
    }
    .recently-viewed {
        margin: 4rem .5rem 1rem;
    }
    .full-cart .tbody .title {
        margin-top: 0;
    }
    .checkout-content .step-title .step-title-hint {
        padding-left: 43px;
    }
    .checkout-content .checkout-body {
        margin: 0 .9375rem;
    }
    .checkout-content .checkout-form {
        padding-left: 55px;
    }
    .payment-form .logo {
        display: inline-block;
    }
    .order-detail .order-summary .order-number {
        font-size: 28px;
    }
    .order-detail .order-summary .price {
        font-size: 24px;
    }
    .survey-content .rating div {
        text-align: center;
    }
}

@media(max-width:767px) {
    .full-cart .tbody.col-eq>div {
        height: auto!important;
    }
}

@media(min-width:768px) {
    header .logo {
        text-align: left;
        padding-right: 0;
        padding-left: 12px;
    }
    header .logo .slogan {
        margin-top: -3px;
        text-indent: 47px;
        margin-bottom: 0;
    }
    header .search-wrapper {
        margin-top: 25px;
        padding-right: .9375rem;
        text-align: right;
    }
    header .search-wrapper .search {
        max-width: 250px;
    }
    .item-content .right-container {
        padding: 0 0 0 1rem;
    }
    .item-content .right-container .sold-badge {
        left: -13px;
        top: -28px;
    }
    .account-content .cart-signin {
        text-align: right;
    }
    .full-cart .tbody {
        border: 0;
        padding: 0;
    }
    .full-cart .tbody>div {
        border: 1px solid #D7D7D7;
        border-top: 0;
        padding: .7em .5em;
        text-align: center;
    }
    .full-cart .thead>div:not(:last-of-type),
    .full-cart .tbody>div:not(:last-of-type) {
        border-right: 0;
    }
    .full-cart .tbody .cell-content {
        padding-top: 1em;
    }
    .full-cart .tbody.member-discount>div {
        padding-top: .7em;
    }
    .full-cart .tbody .coupon-input .coupon-label {
        margin-bottom: .3em;
    }
    .full-cart .tbody .sum-label,
    .full-cart .tbody .total-amount,
    .full-cart .tbody .discount-price {
        margin-top: 0;
        padding-top: .7em;
        border-top: 0;
    }
    .full-cart .proceed {
        text-align: right;
    }
    .account-content .row .col-block:not(:first-of-type) {
        margin-top: 0;
    }
    .account-content-wrapper {
        padding: 0 .9375rem;
    }
    .g-fieldset-checkout .input-side-info {
        margin-top: 0;
    }
    .payment-form {
        padding-left: 1.5rem;
    }
    .occasion-content .special-product {
        text-align: left;
    }
    .help-content .help-content-wrapper {
        margin: 0 .9375rem;
    }
    .help-content .help-side-content {
        padding-left: .9375rem;
        margin-top: 0;
    }
}

@media(min-width:992px) {
    .content-wrapper h1 {
        font-size: 28px;
    }
    .content-wrapper h2 {
        font-size: 26px;
    }
    footer>.row>div:not(:last-of-type) {
        border-right: 1px dotted #ccc;
    }
    footer>.row>div:not(:first-of-type) {
        padding-left: .9375rem;
    }
    .cart-summary .sum-price {
        font-size: 21px;
    }
    .checkout-content .checkout-form {
        padding-right: 55px;
    }
    .help-content .help-content-wrapper {
        margin: 0 .9375rem 0 1.875rem;
    }
    .order-confirmation h2 {
        font-size: 24px;
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 960px;
    }
}