.momo-card-logo.momo-card-visa, .momo-card-logo.momo-card-visaelectron {
 text-transform: uppercase;
 text-align: center;
 font-weight: 700;
 line-height: 18px
}

.momo-card, .momo-card .momo-card-back, .momo-card .momo-card-front {
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 -o-transform-style: preserve-3d
}

.tab, .tabs-title {
 padding: 1rem
}

.cursor-hover-pointer:hover, .tab {
 cursor: pointer
}

.margin-none, .tabs-title h3 {
 margin: 0
}

.body-content {
 margin-top: 30px
}

.momo-card-logo-big.col-2.mb-3.momo-card-logo.momo-card-mastercard:after {
 font-size: 14px !important;
 color: #727272;
 position: inherit;
 font-weight: 400;
 top: 0;
 left: 20px
}

.momo-card.momo-card-identified .momo-card-back .momo-card-logo, .momo-card.momo-card-identified .momo-card-front .momo-card-logo.momo-card.momo-card-identified.no-radial-gradient .momo-card-back:before, .momo-card.momo-card-identified.no-radial-gradient .momo-card-front:before, .momo-card.momo-card-safari.momo-card-identified .momo-card-back:before, .momo-card.momo-card-safari.momo-card-identified .momo-card-front:before {
 background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, .03) 2px, rgba(255, 255, 255, .04) 3px, rgba(255, 255, 255, .05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, .05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, .04) 3px, rgba(255, 255, 255, .03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, .03) 2px, rgba(255, 255, 255, .04) 3px, rgba(255, 255, 255, .05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, .03) 2px, rgba(255, 255, 255, .04) 3px, rgba(255, 255, 255, .05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .2) 70%, rgba(255, 255, 255, 0) 90%);
 background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, .03) 2px, rgba(255, 255, 255, .04) 3px, rgba(255, 255, 255, .05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, .05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, .04) 3px, rgba(255, 255, 255, .03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, .03) 2px, rgba(255, 255, 255, .04) 3px, rgba(255, 255, 255, .05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, .03) 2px, rgba(255, 255, 255, .04) 3px, rgba(255, 255, 255, .05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .2) 70%, rgba(255, 255, 255, 0) 90%)
}

.momo-card.momo-card-ie-10.momo-card-flipped, .momo-card.momo-card-ie-11.momo-card-flipped {
 -webkit-transform: 0deg;
 -moz-transform: 0deg;
 -ms-transform: 0deg;
 -o-transform: 0deg;
 transform: 0deg
}

.momo-card.momo-card-ie-10.momo-card-flipped .momo-card-back, .momo-card.momo-card-ie-10.momo-card-flipped .momo-card-front, .momo-card.momo-card-ie-11.momo-card-flipped .momo-card-back, .momo-card.momo-card-ie-11.momo-card-flipped .momo-card-front {
 -webkit-transform: rotateY(0);
 -moz-transform: rotateY(0);
 -ms-transform: rotateY(0);
 -o-transform: rotateY(0);
 transform: rotateY(0)
}

.momo-card.momo-card-ie-10.momo-card-flipped .momo-card-back:after, .momo-card.momo-card-ie-11.momo-card-flipped .momo-card-back:after {
 left: 18%
}

.momo-card.momo-card-ie-10.momo-card-flipped .momo-card-back .momo-card-cvc, .momo-card.momo-card-ie-11.momo-card-flipped .momo-card-back .momo-card-cvc {
 -webkit-transform: rotateY(180deg);
 -moz-transform: rotateY(180deg);
 -ms-transform: rotateY(180deg);
 -o-transform: rotateY(180deg);
 transform: rotateY(180deg);
 left: 5%
}

.momo-card.momo-card-ie-10.momo-card-flipped .momo-card-back .momo-card-shiny, .momo-card.momo-card-ie-11.momo-card-flipped .momo-card-back .momo-card-shiny {
 left: 84%
}

.momo-card.momo-card-ie-10.momo-card-flipped .momo-card-back .momo-card-shiny:after, .momo-card.momo-card-ie-11.momo-card-flipped .momo-card-back .momo-card-shiny:after {
 left: -480%;
 -webkit-transform: rotateY(180deg);
 -moz-transform: rotateY(180deg);
 -ms-transform: rotateY(180deg);
 -o-transform: rotateY(180deg);
 transform: rotateY(180deg)
}

.momo-card.momo-card-ie-10.momo-card-amex .momo-card-back, .momo-card.momo-card-ie-11.momo-card-amex .momo-card-back {
 display: none
}

.momo-card-napas {
 background: url(/v2/gateway/images/logo-napas-white-4c591bca7bcf5af31ba3fd2891c80492.png) 0 0/80px 22px no-repeat;
 height: 35px;
 width: 91px;
 position: relative;
 top: 72%;
 image-rendering: auto;
 margin-top: 19px;
 margin-left: 248px
}

.momo-card-logo, .momo-card-logo:after, .momo-card-logo:before {
 font-style: normal;
 box-sizing: border-box;
 width: 36px;
 height: 36px;
 font-weight: 700
}

.momo-card-logo:after {
 width: 31px;
 left: 81px;
 color: #fff;
 border-radius: 5px;
 text-indent: -25px
}

.momo-card.momo-card-dankort.momo-card-identified .momo-card-logo.momo-card-dankort, .momo-card.momo-card-dinersclub.momo-card-identified .momo-card-logo.momo-card-dinersclub, .momo-card.momo-card-elo.momo-card-identified .momo-card-logo.momo-card-elo, .momo-card.momo-card-ivb.momo-card-identified .momo-card-front .momo-card-logo.momo-card-ivb, .momo-card.momo-card-maestro.momo-card-identified .momo-card-logo.momo-card-maestro, .momo-card.momo-card-mastercard.momo-card-identified .momo-card-logo.momo-card-mastercard, .momo-card.momo-card-visaelectron.momo-card-identified .momo-card-logo.momo-card-visaelectron {
 opacity: 1
}

.momo-card-logo.momo-card-visa {
 color: #fff;
 font-size: 24px;
 margin-top: 5px
}

.momo-card-logo.momo-card-visa:before {
 content: '';
 background: url(/v2/gateway/images/credit/VISA-logo-19b00703e4ed73adbb7cc1ede3100d55.svg) 0 0/cover;
 top: -20px;
 left: 0;
 width: 70px;
 height: 70px
}

.momo-card-logo.momo-card-visa:after, .momo-card-logo.momo-card-visaelectron:after, .momo-card-logo.momo-card-visaelectron:before {
 content: " ";
 display: block;
 width: 100%;
 height: 25%
}

.momo-card.momo-card-hipercard.momo-card-identified .momo-card-logo.momo-card-hipercard, .momo-card.momo-card-jcb.momo-card-identified .momo-card-logo.momo-card-jcb, .momo-card.momo-card-troy.momo-card-identified .momo-card-logo.momo-card-troy, .momo-card.momo-card-visa.momo-card-identified .momo-card-logo.momo-card-visa {
 opacity: 1;
 box-shadow: none
}

.momo-card-logo.momo-card-visaelectron {
 background: #fff;
 color: #1a1876;
 font-size: 15px
}

.momo-card-logo.momo-card-maestro, .momo-card-logo.momo-card-mastercard {
 line-height: 84px;
 text-shadow: 1px 1px rgba(0, 0, 0, .6);
 text-transform: lowercase;
 z-index: 1;
 color: #fff;
 font-weight: 700;
 text-align: center;
 font-style: normal
}

.momo-card-logo.momo-card-visaelectron:before {
 background: #1a1876
}

.momo-card-logo.momo-card-visaelectron:after {
 background: #e79800
}

.momo-card-logo.momo-card-visaelectron .elec {
 float: right;
 font-family: arial;
 font-size: 9px;
 margin-right: 1px;
 margin-top: -5px;
 text-transform: none
}

.momo-card.momo-card-visaelectron.momo-card-identified .momo-card-back:before, .momo-card.momo-card-visaelectron.momo-card-identified .momo-card-front:before {
 background-color: #191278
}

.momo-card-logo.momo-card-mastercard {
 font-size: 9px
}

.momo-card-logo.momo-card-mastercard:after {
 content: " ";
 display: block;
 width: 36px;
 top: 0;
 padding-left: 35px;
 left: 16px;
 position: absolute;
 height: 36px;
 border-radius: 18px
}

.momo-card-logo.momo-card-mastercard:before {
 content: " ";
 display: block;
 width: 36px;
 top: 0;
 position: absolute;
 height: 36px;
 border-radius: 18px;
 left: 0;
 background: #eb001b;
 z-index: -1;
 opacity: .9
}

.momo-card-logo.momo-card-mastercard:after {
 right: 0;
 background: #f79e1b;
 z-index: 2;
 opacity: .95
}

.momo-card.momo-card-maestro.momo-card-identified .momo-card-back .momo-card-logo.momo-card-maestro, .momo-card.momo-card-maestro.momo-card-identified .momo-card-front .momo-card-logo.momo-card-maestro, .momo-card.momo-card-mastercard.momo-card-identified .momo-card-back .momo-card-logo.momo-card-mastercard, .momo-card.momo-card-mastercard.momo-card-identified .momo-card-front .momo-card-logo.momo-card-mastercard {
 box-shadow: none
}

.momo-card-logo.momo-card-maestro {
 font-size: 14px
}

.momo-card-logo.momo-card-maestro:after, .momo-card-logo.momo-card-maestro:before {
 content: " ";
 display: block;
 width: 36px;
 top: 0;
 position: absolute;
 height: 36px;
 border-radius: 18px
}

.momo-card-logo.momo-card-maestro:before {
 left: 0;
 background: #eb001b;
 z-index: -2
}

.momo-card-logo.momo-card-maestro:after {
 right: 0;
 background: #00a2e5;
 z-index: -1;
 opacity: .8
}

.momo-card.momo-card-maestro.momo-card-identified .momo-card-back:before, .momo-card.momo-card-maestro.momo-card-identified .momo-card-front:before {
 background-color: #0b2c5f
}

.momo-card-logo.momo-card-dankort {
 width: 60px;
 height: 36px;
 padding: 3px;
 border-radius: 8px;
 border: 1px solid #000;
 background-color: #fff
}

.momo-card-logo.momo-card-dankort .dk {
 position: relative;
 width: 100%;
 height: 100%;
 overflow: hidden
}

.momo-card-logo.momo-card-dankort .dk:before {
 background-color: #ed1c24;
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 display: block;
 border-radius: 6px
}

.momo-card-logo.momo-card-dankort .dk:after {
 content: '';
 position: absolute;
 top: 50%;
 margin-top: -7.7px;
 right: 0;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 7px 7px 10px 0;
 border-color: transparent #ed1c24 transparent transparent;
 z-index: 1
}

.momo-card-logo.momo-card-dankort .d, .momo-card-logo.momo-card-dankort .k {
 position: absolute;
 top: 50%;
 width: 50%;
 display: block;
 height: 15.4px;
 margin-top: -7.7px;
 background: #fff
}

.momo-card-logo.momo-card-dankort .d {
 left: 0;
 border-radius: 0 8px 10px 0
}

.momo-card-logo.momo-card-dankort .d:before {
 content: '';
 position: absolute;
 top: 50%;
 left: 50%;
 display: block;
 background: #ed1c24;
 border-radius: 2px 4px 6px 0;
 height: 5px;
 width: 7px;
 margin: -3px 0 0 -4px
}

.momo-card-logo.momo-card-dankort .k {
 right: 0
}

.momo-card-logo.momo-card-dankort .k:after, .momo-card-logo.momo-card-dankort .k:before {
 content: '';
 position: absolute;
 right: 50%;
 width: 0;
 height: 0;
 border-style: solid;
 margin-right: -1px
}

.momo-card-logo.momo-card-dankort .k:before {
 top: 0;
 border-width: 8px 5px 0 0;
 border-color: #ed1c24 transparent transparent
}

.momo-card-logo.momo-card-dankort .k:after {
 bottom: 0;
 border-width: 0 5px 8px 0;
 border-color: transparent transparent #ed1c24
}

.momo-card.momo-card-dankort.momo-card-identified .momo-card-back:before, .momo-card.momo-card-dankort.momo-card-identified .momo-card-front:before {
 background-color: #0055c7
}

.momo-card-logo.momo-card-elo {
 height: 50px;
 width: 50px;
 border-radius: 100%;
 background: #000;
 color: #fff;
 text-align: center;
 text-transform: lowercase;
 font-size: 21px;
 font-style: normal;
 letter-spacing: 1px;
 font-weight: 700;
 padding-top: 13px
}

.momo-card-logo.momo-card-elo .e, .momo-card-logo.momo-card-elo .l, .momo-card-logo.momo-card-elo .o {
 display: inline-block;
 position: relative
}

.momo-card-logo.momo-card-elo .e {
 -webkit-transform: rotate(-15deg);
 -moz-transform: rotate(-15deg);
 -ms-transform: rotate(-15deg);
 -o-transform: rotate(-15deg);
 transform: rotate(-15deg)
}

.momo-card-logo.momo-card-elo .o {
 position: relative;
 display: inline-block;
 width: 12px;
 height: 12px;
 right: 0;
 top: 7px;
 border-radius: 100%;
 background-image: -webkit-linear-gradient(#ff0 50%, red 50%);
 background-image: linear-gradient(#ff0 50%, red 50%);
 -webkit-transform: rotate(40deg);
 -moz-transform: rotate(40deg);
 -ms-transform: rotate(40deg);
 -o-transform: rotate(40deg);
 transform: rotate(40deg);
 text-indent: -9999px
}

.momo-card-logo.momo-card-elo .o:before {
 content: "";
 position: absolute;
 width: 49%;
 height: 49%;
 background: #000;
 border-radius: 100%;
 text-indent: -99999px;
 top: 25%;
 left: 25%
}

.momo-card.momo-card-elo.momo-card-identified .momo-card-back:before, .momo-card.momo-card-elo.momo-card-identified .momo-card-front:before {
 background-color: #6f6969
}

.momo-card-logo.momo-card-jcb {
 border-radius: 5px 0;
 -moz-border-radius: 5px 0;
 -webkit-border-radius: 5px 0 5px 0;
 font-style: normal;
 color: #fff;
 width: 50px;
 padding: 2px 0 0 2px
}

.momo-card-logo.momo-card-jcb>div {
 width: 15px;
 margin-right: 1px;
 display: inline-block;
 text-align: center;
 text-shadow: 1px 1px rgba(0, 0, 0, .6);
 border-radius: 5px 0;
 -moz-border-radius: 5px 0;
 -webkit-border-radius: 5px 0 5px 0
}

.momo-card-logo.momo-card-jcb:before {
 content: '';
 background: url(/v2/gateway/images/credit/JCB-logo-35dd7e90fbb2c5255671ce048329ee46.svg) 0 0/cover;
 top: -30px;
 left: -21px;
 width: 100px;
 height: 100px;
 transform: scale(.8)
}

.momo-card-logo.momo-card-jcb>div:after, .momo-card-logo.momo-card-jcb>div:before {
 content: " ";
 display: block;
 height: 8px
}

.momo-card-logo.momo-card-jcb>div.j {
 background-color: #000063;
 background-image: -webkit-linear-gradient(left, #000063, #008cff);
 background-image: linear-gradient(to right, #000063, #008cff)
}

.momo-card-logo.momo-card-jcb>div.c {
 background-color: #630000;
 background-image: -webkit-linear-gradient(left, #630000, #ff008d);
 background-image: linear-gradient(to right, #630000, #ff008d)
}

.momo-card-logo.momo-card-jcb>div.b {
 background-color: #006300;
 background-image: -webkit-linear-gradient(left, #006300, #0f0);
 background-image: linear-gradient(to right, #006300, #0f0)
}

.momo-card-logo.momo-card-dinersclub {
 font-family: serif;
 height: 40px;
 width: 100px;
 color: #fff;
 font-size: 17px;
 font-style: normal;
 letter-spacing: 1px
}

.momo-card-logo.momo-card-dinersclub::after, .momo-card-logo.momo-card-dinersclub::before, .momo-card-logo.momo-card-hipercard::after, .momo-card-logo.momo-card-hipercard::before {
 display: block;
 position: relative
}

.momo-card-logo.momo-card-dinersclub::before {
 content: 'Diners Club'
}

.momo-card-logo.momo-card-dinersclub::after {
 content: 'International';
 text-transform: uppercase;
 font-size: .6em
}

.momo-card.momo-card-dinersclub .momo-card-front .momo-card-logo {
 box-shadow: none !important
}

.momo-card.momo-card-dinersclub.momo-card-identified .momo-card-back:before, .momo-card.momo-card-dinersclub.momo-card-identified .momo-card-front:before {
 background-color: #999
}

.momo-card-logo.momo-card-hipercard {
 height: 20px;
 width: 100px;
 color: #fff;
 font-size: 21px;
 font-style: italic;
 font-weight: 700
}

.momo-card.momo-card-hipercard.momo-card-identified .momo-card-back:before, .momo-card.momo-card-hipercard.momo-card-identified .momo-card-front:before {
 background-color: #770304
}

.momo-card-logo.momo-card-troy {
 text-transform: lowercase;
 color: #fff;
 text-align: center;
 font-weight: 700;
 font-size: 24px;
 line-height: 18px;
 margin-top: 5px
}

.momo-card-logo.momo-card-troy :before, .momo-card-logo.momo-card-troy:after {
 content: "";
 display: block;
 width: 26%;
 height: 6%;
 background: #22b8c3;
 right: 32%;
 top: 24%;
 position: absolute;
 transform: rotate(105deg)
}

.momo-card.momo-card-troy.momo-card-identified .momo-card-back:before, .momo-card.momo-card-troy.momo-card-identified .momo-card-front:before {
 background-color: #01adba
}

.momo-card-container {
 -webkit-perspective: 1000px;
 -moz-perspective: 1000px;
 perspective: 1000px;
 width: 350px;
 max-width: 100%;
 height: 200px;
 margin: auto;
 z-index: 1;
 position: relative
}

.momo-card {
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 line-height: 1;
 position: relative;
 width: 100%;
 height: 100%;
 min-width: 315px;
 border-radius: 10px;
 transform-style: preserve-3d;
 -webkit-transition: .4s linear;
 -moz-transition: .4s linear;
 transition: .4s linear
}

.momo-card>*, .momo-card>:after, .momo-card>:before {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 font-family: inherit
}

.momo-card .momo-card-back, .momo-card.momo-card-flipped {
 -webkit-transform: rotateY(180deg);
 -moz-transform: rotateY(180deg);
 -ms-transform: rotateY(180deg);
 -o-transform: rotateY(180deg);
 transform: rotateY(180deg)
}

.momo-card .momo-card-back, .momo-card .momo-card-front {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 transform-style: preserve-3d;
 background: #ddd
}

.momo-card .momo-card-back, .momo-card .momo-card-front, .momo-card.momo-card-jcb.momo-card-identified .momo-card-back:before, .momo-card.momo-card-jcb.momo-card-identified .momo-card-front:before, .momo-card.momo-card-mastercard.momo-card-identified .momo-card-back:before, .momo-card.momo-card-mastercard.momo-card-identified .momo-card-front:before, .momo-card.momo-card-visa.momo-card-identified .momo-card-back:before, .momo-card.momo-card-visa.momo-card-identified .momo-card-front:before {
 background: url(/v2/gateway/images/patterns-top-card-d75020637bdfeb85235cb24182f12beb.svg) left top no-repeat, url(/v2/gateway/images/patterns-right-top-card-f261e9430acc39f407185de569c70c73.svg) right top no-repeat, url(/v2/gateway/images/patterns-right-bottom-card-124036a60ac87fa56be8729d59b39b7e.svg) right bottom no-repeat, linear-gradient(58deg, #9254de 3%, #f759ab 94%) right bottom repeat-x
}

.momo-card .momo-card-back:before, .momo-card .momo-card-front:before {
 content: " ";
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 opacity: 0;
 border-radius: 10px;
 -webkit-transition: .4s;
 -moz-transition: .4s;
 transition: .4s
}

.momo-card .momo-card-back:after, .momo-card .momo-card-front:after {
 content: " ";
 display: block
}

.momo-card .momo-card-back .momo-card-display, .momo-card .momo-card-front .momo-card-display {
 color: #fff;
 font-weight: 400;
 opacity: .5;
 -webkit-transition: opacity .4s linear;
 -moz-transition: opacity .4s linear;
 transition: opacity .4s linear
}

.momo-card .momo-card-back .momo-card-display.momo-card-focused, .momo-card .momo-card-front .momo-card-display.momo-card-focused {
 opacity: 1;
 font-weight: 700
}

.momo-card .momo-card-back .momo-card-cvc, .momo-card .momo-card-front .momo-card-cvc {
 font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
 font-size: 14px
}

.momo-card .momo-card-back .momo-card-shiny, .momo-card .momo-card-front .momo-card-shiny {
 width: 50px;
 height: 35px;
 border-radius: 5px;
 background: #ccc;
 position: relative
}

.momo-card .momo-card-back .momo-card-shiny:before, .momo-card .momo-card-front .momo-card-shiny:before {
 content: " ";
 display: block;
 width: 70%;
 height: 60%;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 background: #d9d9d9;
 position: absolute;
 top: 20%
}

.momo-card .momo-card-front .momo-card-lower {
 width: 80%;
 position: absolute;
 left: 6%;
 bottom: 50px
}

@media only screen and (max-width:1200px) {
 .btn.btn-delete-card {
  font-size: 10px;
  width: 98% !important
 }
}

@media only screen and (max-width:800px) {
 .btn.btn-delete-card {
  font-size: 0px;
  width: 98% !important
 }

 .btn-momo {
  width: 170% !important
 }

 .momo-card-logo.momo-card-mastercard:before {
  left: 23px
 }

 .momo-card-logo.momo-card-jcb:before {
  left: 3px
 }

 .momo-card-logo.momo-card-visa {
  left: 15px
 }

 .mask.row.my-3.d-flex.align-items-center {
  width: 100% !important
 }

 .momo-card-container {
  /* display: none */
 }
}

@media only screen and (max-width:480px) {
 .btn-momo {
  max-width: 96%
 }

 .mask.row.my-3.d-flex.align-items-center {
  width: 100% !important
 }

 .momo-card .momo-card-front .momo-card-lower {
  width: 90%;
  left: 5%
 }

 .momo-card-logo.momo-card-visa:before {
  top: -7px;
  left: 2px;
  width: 45px;
  height: 45px
 }

 .momo-card-logo.momo-card-mastercard:after {
  height: 30px;
  width: 30px;
  padding-left: 30px
 }

 .momo-card-logo-big.col-2.mb-3.momo-card-logo.momo-card-mastercard:after {
  left: 8px;
  top: 5px
 }

 .momo-card-logo.momo-card-mastercard:before {
  width: 30px;
  height: 30px;
  left: 15px;
  top: 5px
 }

 .momo-card-logo.momo-card-jcb:before {
  top: -21px;
  left: 0;
  width: 80px;
  height: 80px
 }
}

.momo-card .momo-card-front .momo-card-lower .momo-card-cvc {
 visibility: hidden;
 float: right;
 position: relative;
 bottom: 5px
}

.momo-card .momo-card-front .momo-card-lower .momo-card-number {
 font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
 font-size: 24px;
 clear: both;
 margin-bottom: 10px
}

.momo-card .momo-card-front .momo-card-lower .momo-card-expiry {
 font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
 letter-spacing: 0;
 position: relative;
 width: 25%
}

.momo-card .momo-card-front .momo-card-lower .momo-card-expiry:after, .momo-card .momo-card-front .momo-card-lower .momo-card-expiry:before {
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight: 700;
 font-size: 7px;
 white-space: pre;
 display: block;
 opacity: .5
}

.momo-card .momo-card-front .momo-card-lower .momo-card-expiry:before {
 content: attr(data-before);
 margin-bottom: 2px;
 font-size: 10px;
 text-transform: uppercase
}

.momo-card .momo-card-front .momo-card-lower .momo-card-expiry:after {
 position: absolute;
 content: attr(data-after);
 text-align: right;
 right: 100%;
 margin-right: 5px;
 margin-top: 2px;
 bottom: 0
}

.momo-card .momo-card-front .momo-card-lower .momo-card-name {
 text-transform: uppercase;
 padding-top: 10px;
 font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
 font-size: 20px;
 max-height: 45px;
 position: absolute;
 top: 65px;
 width: 100%;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: horizontal;
 overflow: hidden;
 text-overflow: ellipsis;
 overflow: inherit
}

.momo-card .momo-card-back .momo-card-bar {
 background-color: #444;
 background-image: -webkit-linear-gradient(#444, #333);
 background-image: linear-gradient(#444, #333);
 width: 100%;
 height: 20%;
 position: absolute;
 top: 10%
}

.momo-card .momo-card-back:after {
 content: " ";
 display: block;
 background-color: #fff;
 background-image: -webkit-linear-gradient(#fff, #fff);
 background-image: linear-gradient(#fff, #fff);
 width: 80%;
 height: 16%;
 position: absolute;
 top: 40%;
 left: 2%
}

.momo-card .momo-card-back .momo-card-cvc {
 position: absolute;
 top: 40%;
 left: 85%;
 -webkit-transition-delay: .6s;
 -moz-transition-delay: .6s;
 transition-delay: .6s
}

.momo-card .momo-card-back .momo-card-shiny {
 position: absolute;
 top: 66%;
 left: 2%
}

.momo-card .momo-card-back .momo-card-shiny:after {
 content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free. It comes with no warranty. For support issues, please visit: github.com/jessepollak/card.";
 position: absolute;
 left: 120%;
 top: 5%;
 color: #fff;
 font-size: 7px;
 width: 230px;
 opacity: .5
}

.momo-card.momo-card-identified .momo-card-back, .momo-card.momo-card-identified .momo-card-front {
 background-color: rgba(0, 0, 0, .5)
}

.momo-card.momo-card-identified .momo-card-back:before, .momo-card.momo-card-identified .momo-card-front:before {
 -webkit-transition: .4s;
 -moz-transition: .4s;
 transition: .4s;
 opacity: 1
}

.momo-card .momo-card-back, .momo-card .momo-card-front {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 -o-transform-style: preserve-3d;
 transform-style: preserve-3d;
 -webkit-transition: .4s linear;
 -moz-transition: .4s linear;
 transition: .4s linear;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 border-radius: 8px
}

.active .ripple, .ripple {
 -webkit-border-radius: 100%
}

.momo-card .momo-card-front .momo-card-logo {
 right: 5%;
 position: absolute;
 opacity: 0;
 left: 7%;
 top: 8%;
 -webkit-transition: .4s;
 -moz-transition: .4s;
 transition: .4s
}

.tabs-container {
 min-height: 500px
}

.momo-card-logo:before {
 position: absolute;
 width: 36px;
 height: 36px;
 margin-left: -2px
}

.momo-card-logo:after {
 padding-left: 46px;
 font-size: 20px;
 line-height: 39px;
 font-weight: 700
}

.list-card-type-container {
 min-height: 40px
}

.list-card-type-container .visa-type {
 background: url(/v2/gateway/images/credit/VISA-logo-19b00703e4ed73adbb7cc1ede3100d55.svg) 0 0/cover;
 width: 50px
}

.list-card-type-container .master-type {
 background: url(/v2/gateway/images/credit/master-logo-b325b085177106f011795d80c56494fe.svg) 0 0/cover;
 width: 50px
}

.list-card-type-container .jcb-type {
 background: url(/v2/gateway/images/credit/logo-JCB-mini-12df984db18a1250d2e976fc3ac7b4d9.svg) 0 0/cover;
 width: 50px
}

.table {
 width: auto
}

.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0
}

* html .clearfix {
 height: 1%
}

.clearfix, .tabs {
 display: block
}

.tabs-container {
 width: 100%
}

.tab {
 float: left;
 text-align: center;
 opacity: .6;
 position: relative;
 overflow: hidden
}

.tab.active {
 opacity: 1;
 font-weight: 500
}

.tab-indicator-container {
 position: relative;
 width: 100%;
 height: 6px
}

.tab-indicator {
 position: absolute;
 top: 0;
 left: 0;
 width: 348px;
 height: 2px;
 background-color: #d82d8b;
 transition: .2s ease-in-out
}

[data-total-tabs="1"] .tab, [data-total-tabs="1"] .tab-indicator {
 width: calc(100% / 1)
}

[data-total-tabs="2"] .tab, [data-total-tabs="2"] .tab-indicator {
 width: calc(100% / 2)
}

.ripple {
 pointer-events: none;
 width: .1rem;
 height: .1rem;
 position: absolute;
 top: -10px;
 left: -10px;
 background-color: rgba(255, 255, 255, 0)
}

.active .ripple {
 transform: scale(200, 200);
 opacity: 0;
 background-color: #fff;
 backface-visibility: hidden;
 -webkit-filter: blur(0);
 -webkit-transition: 1s cubic-bezier(.4, 0, .2, 1)
}

.momo-card-logo-big:before {
 width: 48px;
 height: 48px;
 margin-left: 18px
}

.font-size-14 {
 font-size: 14px !important
}

.font-size-16 {
 font-size: 16px !important
}

.cybersource-bankcode {
 font-size: 10px !important;
 color: #727272;
 margin-top: 10px
}

.alert-bar {
 display: grid;
 grid-template-columns: 36px 1fr;
 justify-content: center;
 border-radius: 4px;
 background-color: #e6f7ff;
 border-left: 4px solid #096dd9;
 margin: 20px 65px -30px
}

.alert-bar p {
 font-size: 14px;
 line-height: 18px;
 margin: 10px 0
}

.alert-bar img {
 margin: 11px 8px 10px 12px
}

@media only screen and (max-width:900px) {
 .alert-bar {
  margin: 16px 10px 0
 }
}

@media only screen and (max-width:1400px) and (min-width:900px) {
 .alert-bar {
  margin: 20px 65px
 }
}

@media only screen and (max-width:320px) {
 .momo-card .momo-card-back, .momo-card .momo-card-front {
  max-width: 300px
 }

 .momo-card {
  width: 300px;
  min-width: 300px
 }

 .momo-card-napas {
  margin-left: 200px
 }

 .momo-card-logo {
  padding-left: 0;
  padding-right: 0
 }

 .bank-items .momo-card-logo:before {
  width: 25px;
  height: 25px
 }

 .momo-card-logo.momo-card-jcb:before {
  top: -16px;
  left: -12px;
  width: 70px;
  height: 70px
 }

 .momo-card-logo.momo-card-visa:before {
  top: -5px;
  left: 2px;
  width: 40px;
  height: 40px
 }

 .momo-card-logo-big.col-2.mb-3.momo-card-logo.momo-card-mastercard:after {
  left: 22px
 }

 .momo-card-logo.momo-card-mastercard:before {
  left: 0;
  width: 25px;
  height: 25px
 }

 .momo-card-logo.momo-card-mastercard:after {
  height: 25px;
  width: 25px;
  padding-left: 25px
 }

 .btn-momo {
  max-width: 277px !important
 }
}

@media only screen and (max-width:280px) {
 .momo-card .momo-card-back, .momo-card .momo-card-front {
  max-width: 300px
 }

 .momo-card {
  width: 300px;
  min-width: 300px
 }

 .momo-card-napas {
  margin-left: 170px
 }

 .momo-card-logo {
  padding-left: 0;
  padding-right: 0
 }

 .bank-items .momo-card-logo:before {
  width: 25px;
  height: 25px
 }
}