/* BEGIN general */

html, body {
  background:#fff;
  padding:0;
  margin:0;
  font-family: "SUSE", sans-serif;
  font-optical-sizing: auto;
  font-size: 16px;
}
body {
  overflow-x:hidden;
  overflow-y:scroll;
}

#top-wave, #top-wave-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 104px;
}
#top-wave-mobile {
    height: 76px;
    display: none !important;
}
#top-kabbel {
    text-decoration: none !important;
    color: #0675D5;
    outline: none;
    border: 0;
    font-weight: 800;
    font-style: italic;
    position: absolute;
    top: 100%;
    font-size: 11px;
    transform: translateY(-4px);
    user-select: none;
}


.l {
  float:left;
}

.r {
  float:right;
}

.c {
  clear:both;
}

.hidden {
  visibility:hidden;
}

.none {
  display:none !important;
}

.rel {
  position:relative;
}

.abs {
  position:absolute;
}

.ctxt {
  text-align:center;
}

.b {
  display:block;
}
.non-responsive {
    pointer-events: none;
    user-select: none;
}

.ibm, .ibt, .ibb, .flag-box, .country-name, .dial-code {
  display:inline-block;
}
.ibt {
  vertical-align:top;
}
.ibm, .flag-box, .country-name, .dial-code {
  vertical-align:middle;
}
.ibb {
  vertical-align:bottom;
}

.content {
  width:1000px;
  margin:0 auto;
}
.content::after {
  content:'';
  display:block;
  clear:both;
}

::selection {
  background:#e3eaf0;
}
::-moz-selection {
  background:#e3eaf0;
}



::-webkit-input-placeholder {
  color:#8d959b;
}
::-moz-placeholder {
  color:#8d959b
}
:-moz-placeholder {
  color:#8d959b;
}
:-ms-input-placeholder {
  color:#8d959b;
}
.field:focus::-webkit-input-placeholder {
    color: #81898f; /* #696F74; */
 }
 
 .field:focus:-moz-placeholder { /* Firefox 18- */
    color: #81898f; 
 }
 
 .field:focus::-moz-placeholder {  /* Firefox 19+ */
    color: #81898f;
 }
 
 .field:focus:-ms-input-placeholder {
    color: #81898f;
 }

.no-select, .country {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

.recipient-remove, .list-remove, #upload-icon, #mobile-menu-btn, #close-mobile-menu-btn, .payment-method-img, #select-right-arrow-up, #select-right-arrow-down {
   background-image:url(../img/sprite-2.png);
   background-size:582px;
 }


.submit-btn, .small-submit-btn, .error-p-btn, .payment-method-child {
    -webkit-transition:transform 90ms ease;
    -moz-transition:transform 60ms ease;
    -o-transition:transform 60ms ease;
    transition:transform 90ms ease;
  }

/* END general */



/* BEGIN flags */

.iti-flag {
    width: 20px;
    background-image: url("../img/flags@2x.png");
  	background-size: 5630px 15px
}
.iti-flag--recipient { margin-right: 9px; }
.iti-flag.be {
    width: 18px
}
.iti-flag.ch {
    width: 15px
}
.iti-flag.mc {
    width: 19px
}
.iti-flag.ne {
    width: 18px
}
.iti-flag.np {
    width: 13px
}
.iti-flag.va {
    width: 15px
}

.iti-flag.ac {
    height: 10px;
    background-position: 0px 0px
}
.iti-flag.ad {
    height: 14px;
    background-position: -22px 0px
}
.iti-flag.ae {
    height: 10px;
    background-position: -44px 0px
}
.iti-flag.af {
    height: 14px;
    background-position: -66px 0px
}
.iti-flag.ag {
    height: 14px;
    background-position: -88px 0px
}
.iti-flag.ai {
    height: 10px;
    background-position: -110px 0px
}
.iti-flag.al {
    height: 15px;
    background-position: -132px 0px
}
.iti-flag.am {
    height: 10px;
    background-position: -154px 0px
}
.iti-flag.ao {
    height: 14px;
    background-position: -176px 0px
}
.iti-flag.aq {
    height: 14px;
    background-position: -198px 0px
}
.iti-flag.ar {
    height: 13px;
    background-position: -220px 0px
}
.iti-flag.as {
    height: 10px;
    background-position: -242px 0px
}
.iti-flag.at {
    height: 14px;
    background-position: -264px 0px
}
.iti-flag.au {
    height: 10px;
    background-position: -286px 0px
}
.iti-flag.aw {
    height: 14px;
    background-position: -308px 0px
}
.iti-flag.ax {
    height: 13px;
    background-position: -330px 0px
}
.iti-flag.az {
    height: 10px;
    background-position: -352px 0px
}
.iti-flag.ba {
    height: 10px;
    background-position: -374px 0px
}
.iti-flag.bb {
    height: 14px;
    background-position: -396px 0px
}
.iti-flag.bd {
    height: 12px;
    background-position: -418px 0px
}
.iti-flag.be {
    height: 15px;
    background-position: -440px 0px
}
.iti-flag.bf {
    height: 14px;
    background-position: -460px 0px
}
.iti-flag.bg {
    height: 12px;
    background-position: -482px 0px
}
.iti-flag.bh {
    height: 12px;
    background-position: -504px 0px
}
.iti-flag.bi {
    height: 12px;
    background-position: -526px 0px
}
.iti-flag.bj {
    height: 14px;
    background-position: -548px 0px
}
.iti-flag.bl {
    height: 14px;
    background-position: -570px 0px
}
.iti-flag.bm {
    height: 10px;
    background-position: -592px 0px
}
.iti-flag.bn {
    height: 10px;
    background-position: -614px 0px
}
.iti-flag.bo {
    height: 14px;
    background-position: -636px 0px
}
.iti-flag.bq {
    height: 14px;
    background-position: -658px 0px
}
.iti-flag.br {
    height: 14px;
    background-position: -680px 0px
}
.iti-flag.bs {
    height: 10px;
    background-position: -702px 0px
}
.iti-flag.bt {
    height: 14px;
    background-position: -724px 0px
}
.iti-flag.bv {
    height: 15px;
    background-position: -746px 0px
}
.iti-flag.bw {
    height: 14px;
    background-position: -768px 0px
}
.iti-flag.by {
    height: 10px;
    background-position: -790px 0px
}
.iti-flag.bz {
    height: 14px;
    background-position: -812px 0px
}
.iti-flag.ca {
    height: 10px;
    background-position: -834px 0px
}
.iti-flag.cc {
    height: 10px;
    background-position: -856px 0px
}
.iti-flag.cd {
    height: 15px;
    background-position: -878px 0px
}
.iti-flag.cf {
    height: 14px;
    background-position: -900px 0px
}
.iti-flag.cg {
    height: 14px;
    background-position: -922px 0px
}
.iti-flag.ch {
    height: 15px;
    background-position: -944px 0px
}
.iti-flag.ci {
    height: 14px;
    background-position: -961px 0px
}
.iti-flag.ck {
    height: 10px;
    background-position: -983px 0px
}
.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px
}
.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px
}
.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px
}
.iti-flag.co {
    height: 14px;
    background-position: -1071px 0px
}
.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px
}
.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px
}
.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px
}
.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px
}
.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px
}
.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px
}
.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px
}
.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px
}
.iti-flag.de {
    height: 12px;
    background-position: -1269px 0px
}
.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px
}
.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px
}
.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px
}
.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px
}
.iti-flag.do {
    height: 13px;
    background-position: -1379px 0px
}
.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px
}
.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px
}
.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px
}
.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px
}
.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px
}
.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px
}
.iti-flag.er {
    height: 10px;
    background-position: -1533px 0px
}
.iti-flag.es {
    height: 14px;
    background-position: -1555px 0px
}
.iti-flag.et {
    height: 10px;
    background-position: -1577px 0px
}
.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px
}
.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px
}
.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px
}
.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px
}
.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px
}
.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px
}
.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px
}
.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px
}
.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px
}
.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px
}
.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px
}
.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px
}
.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px
}
.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px
}
.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px
}
.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px
}
.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px
}
.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px
}
.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px
}
.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px
}
.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px
}
.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px
}
.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px
}
.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px
}
.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px
}
.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px
}
.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px
}
.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px
}
.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px
}
.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px
}
.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px
}
.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px
}
.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px
}
.iti-flag.id {
    height: 14px;
    background-position: -2325px 0px
}
.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px
}
.iti-flag.il {
    height: 15px;
    background-position: -2369px 0px
}
.iti-flag.im {
    height: 10px;
    background-position: -2391px 0px
}
.iti-flag.in {
    height: 14px;
    background-position: -2413px 0px
}
.iti-flag.io {
    height: 10px;
    background-position: -2435px 0px
}
.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px
}
.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px
}
.iti-flag.is {
    height: 15px;
    background-position: -2501px 0px
}
.iti-flag.it {
    height: 14px;
    background-position: -2523px 0px
}
.iti-flag.je {
    height: 12px;
    background-position: -2545px 0px
}
.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px
}
.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px
}
.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px
}
.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px
}
.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px
}
.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px
}
.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px
}
.iti-flag.km {
    height: 12px;
    background-position: -2721px 0px
}
.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px
}
.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px
}
.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px
}
.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px
}
.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px
}
.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px
}
.iti-flag.la {
    height: 14px;
    background-position: -2875px 0px
}
.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px
}
.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px
}
.iti-flag.li {
    height: 12px;
    background-position: -2941px 0px
}
.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px
}
.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px
}
.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px
}
.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px
}
.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px
}
.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px
}
.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px
}
.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px
}
.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px
}
.iti-flag.md {
    height: 10px;
    background-position: -3160px 0px
}
.iti-flag.me {
    height: 10px;
    background-position: -3182px 0px
}
.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px
}
.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px
}
.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px
}
.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px
}
.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px
}
.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px
}
.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px
}
.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px
}
.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px
}
.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px
}
.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px
}
.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px
}
.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px
}
.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px
}
.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px
}
.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px
}
.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px
}
.iti-flag.my {
    height: 10px;
    background-position: -3578px 0px
}
.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px
}
.iti-flag.na {
    height: 14px;
    background-position: -3622px 0px
}
.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px
}
.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px
}
.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px
}
.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px
}
.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px
}
.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px
}
.iti-flag.no {
    height: 15px;
    background-position: -3774px 0px
}
.iti-flag.np {
    height: 15px;
    background-position: -3796px 0px
}
.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px
}
.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px
}
.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px
}
.iti-flag.om {
    height: 10px;
    background-position: -3877px 0px
}
.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px
}
.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px
}
.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px
}
.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px
}
.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px
}
.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px
}
.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px
}
.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px
}
.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px
}
.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px
}
.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px
}
.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px
}
.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px
}
.iti-flag.py {
    height: 11px;
    background-position: -4185px 0px
}
.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px
}
.iti-flag.re {
    height: 14px;
    background-position: -4229px 0px
}
.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px
}
.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px
}
.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px
}
.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px
}
.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px
}
.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px
}
.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px
}
.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px
}
.iti-flag.se {
    height: 13px;
    background-position: -4427px 0px
}
.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px
}
.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px
}
.iti-flag.si {
    height: 10px;
    background-position: -4493px 0px
}
.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px
}
.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px
}
.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px
}
.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px
}
.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px
}
.iti-flag.so {
    height: 14px;
    background-position: -4625px 0px
}
.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px
}
.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px
}
.iti-flag.st {
    height: 10px;
    background-position: -4691px 0px
}
.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px
}
.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px
}
.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px
}
.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px
}
.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px
}
.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px
}
.iti-flag.td {
    height: 14px;
    background-position: -4845px 0px
}
.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px
}
.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px
}
.iti-flag.th {
    height: 14px;
    background-position: -4911px 0px
}
.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px
}
.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px
}
.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px
}
.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px
}
.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px
}
.iti-flag.to {
    height: 10px;
    background-position: -5043px 0px
}
.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px
}
.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px
}
.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px
}
.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px
}
.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px
}
.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px
}
.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px
}
.iti-flag.um {
    height: 11px;
    background-position: -5219px 0px
}
.iti-flag.us {
    height: 11px;
    background-position: -5241px 0px
}
.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px
}
.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px
}
.iti-flag.va {
    height: 15px;
    background-position: -5307px 0px
}
.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px
}
.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px
}
.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px
}
.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px
}
.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px
}
.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px
}
.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px
}
.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px
}
.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px
}
.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px
}
.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px
}
.iti-flag.za {
    height: 14px;
    background-position: -5566px 0px
}
.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px
}
.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px
}
.iti-flag {
    width: 20px;
    height: 15px;
    background-image: url("../img/flags-sprite-min.png");
    background-repeat: no-repeat;
    background-position: 20px 0;
    display:inline-block;
    vertical-align:middle;
}

.iti-flag.np {
    background-color: transparent
}

/* END flags */



/* BEGIN fonts */



.t100 { font-weight:100 }
.t300 { font-weight:300 }
.t400 { font-weight:400 }
.t700 { font-weight:700 }


.index-h1 {
  font-weight:500;
  font-size:35px;
  color: #8a949f; /* #0675d5; */
  display:inline-block;
  margin-bottom:4px;
  margin-top: 0;
}
.index-h1.small {
    font-size: 36px;
    margin-bottom: 13px;
}

.index-h2 {
  font-weight:600;
  font-size: 19px;
  color: #2c2c2c;
  margin-top: 4px;
}

.checkout-h2 {
  margin-top:4px;
  color:#2f2f2f;
  font-size: 25px;
  font-weight: 400;
}


.membership-warning {
    margin: 10px 0;
    font-size: 14px;
    color: #0675d5;
    font-family: 'SUSE', sans-serif;
    font-weight: 500;
    line-height: 18px;
}
.membership-warning > a, #login-membership-warning > a {
    color: #0675d5;
    font-weight: 700;
}
.membership-warning > a:hover, #login-membership-warning > a:hover {
  text-decoration:underline;
}
#login-membership-warning {
    width: 300px;
    color: #0675d5;
    margin: 0 auto;
    padding-bottom: 22px;
    margin-bottom: 33px;
    border-bottom: 1px dashed #b0bdc7;
    font-size: 16px;
    font-weight: 600;
}

#logged-out-explanation.none {
  display:block !important;
}
#logged-out-explanation.none-super {
  display:none !important;
}

/* END fonts */





/* BEGIN buttons */

.blue-btn, .submit-btn, .small-submit-btn {
    border: 0;
    padding: 15px 0 !important;
    border-radius: 0;
    color: #0675d5;
    font-family: 'SUSE', sans-serif;
}
.blue-btn:active {
  transform:scale(0.99) !important;
}

.submit-btn, .small-submit-btn, .error-p-btn {
    line-height: initial;
    font-size: 17px;
    margin-top: 19px;
    border: none;
    background-color: #0675d5;
    color: #fff;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 7px;
}
.submit-btn {
    width: 100%;
    background-color: #0675d5;
    color: #fff;
    font-weight: 600;
    padding: 5px 0;
}
.submit-btn:hover {
    background-color: #037ae1;
}
/* .submit-btn:hover, .small-submit-btn:hover, .error-p-btn:hover {
    background-color: #196197;
} */
.submit-btn:active {
  background: #0069c3;
  color: #f3fafe;
}
/* .small-submit-btn:active, .error-p-btn:active {
  transform:scale(0.95) !important;
  color:#0690c1;
  background:#fff;
} */
 #send-sms-submit {
    margin-top: 21px;
 }


.small-submit-btn, .error-p-btn {
  font-size: 13px;
  width: 22%;
  height: 31px;
  margin-top: 10px;
  padding: 0 !important;
  color:#00A4DF;
  background:#fff;
}

.error-p-btn, .error-p-btn:hover {
  background:#fff;
  color:#df0e47 ;
  border-color:#df0e47 ;
  margin-top:0;
  width:100px;
}
.error-p-btn:active {
  color:#b60511 ;
  border-color:#b60511;
}

/* END buttons */





/* BEGIN sections */


/* BEGIN non-GSM section */
#non-gsm-c {
    font-size: 12px;
    width: 100%;
}
#toggle-non-gsm {
  font-weight: 700;
  user-select: none;
  cursor: pointer;
  text-align: right;
  color: #8c9399;
  margin-left: 6px;
  margin-right: 3px;
}
#encoding-header {
    user-select: none;
}
#non-gsm {
    /* background: #f0f3f4; */
    padding: 0;
    margin: 0 3px 11px 0;
    border-radius: 7px;
    font-weight: 600;
    color: #696F74;
    font-size: 12px;
    text-align: right;
}
#non-gsm-chars {
	margin-top: 3px;
    margin-bottom: 5px;
}
#non-gsm-chars:empty {
    margin: 0;
}
#non-gsm-explanation {
    margin-top: 2px;
}
#non-gsm-explanation.oneliner {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
#non-gsm-explanation.oneliner > #non-gsm-chars {
    margin: 0;
}
#non-gsm-header, #gsm-encoded {
  /* font-weight: 500; */
  user-select: none;
  cursor: text;
}
#non-gsm-header {
    margin-right: 3px;
}
#save-chars-header {
    margin: 9px 0 4px;
    font-weight: 500;
}
.save-chars {
    border: 1px solid #8c9399;
    display: inline-block;
    padding: 3px 9px;
    margin: 3px 0 0 3px;
    border-radius: 7px;
    letter-spacing: 1px;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
    color: #8c9399;
}
#read-more-gsm {
    margin: 0;
    color: inherit;
    text-decoration: underline;
}
/* END non-GSM section */


  /* BEGIN header warning */

  .header-warning-c {
    background:#085d8a;
    padding:5px 0;
  }
  .header-warning-c:nth-child(2) {
    background:#b94141;
  }

  .header-warning {
    color:#fff;
  }

  .header-warning-title {
    margin-bottom:-7px;
  }

  #ie-warning-link {
    color:#fff;
    font-weight:bold;
    text-decoration:none;
  }
  #ie-warning-link:hover {
    text-decoration:underline;
  }

  /* END header warning */


  /* BEGIN header */

  #header-c {
    z-index:2;
    margin:19px auto;
  }

  #header-logo {
    width:173px;
    height:40px;
    cursor:pointer;
    position:relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #header-logo-svg {
    height: 21px;
  }

  #desktop-menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
  }
  .desktop-menu-link, .mobile-menu-link, .blue-txt {
    line-height: 22px;
    font-weight: 500;
    height:22px;
    color: #0675D5;
    cursor:pointer;
    text-decoration:none;
    padding:9px 6px;
    font-size: 16px;
    -webkit-transform:scale(0.93);
    -moz-transform:scale(0.93);
    -ms-transform:scale(0.93);
    -o-transform:scale(0.93);
    transform:scale(0.93);
    -webkit-transition:transform 60ms ease;
    -moz-transition:transform 60ms ease;
    -o-transition:transform 60ms ease;
    transition:transform 60ms ease;
  }
  .desktop-menu-link:hover {
    color:#0779dc; /*#01d5ef;*/
    background: #f1f5f8;
    border-radius: 7px;
  }
  .desktop-menu-link:active, .mobile-menu-link:active {
    color:#046cc7;
    border-color:#09bed4;
  }
  .mobile-menu-link {
    height: auto;
    width:100%;
    padding:0;
    font-size:26px;
    line-height: 39px;
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0.27);
  }

  #login-btn {
    font-weight: 700;
    margin-left: 14px;
  }
  .login-btn:hover {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
  }

  #mobile-menu-btn {
    display:none;
  }
  #mobile-menu-c {
    background: rgba(255, 255, 255, 0.95);
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    z-index: 3;
    position: fixed;
    text-align:center;
  }
  #mobile-menu-c::before, .payment-method::before, #modal-window-overlay::before { /* #flag-current-c::before, */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  #mobile-menu {
    width:100%;
    max-width:310px;
  }
  #close-mobile-menu-btn {
    background-position:-347px 0;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
    right: 20px;
    opacity:0.35;
  }
  #close-mobile-menu-btn:active {
    opacity:0.7;
  }
  #mobile-login-btn {
    font-weight: 700;
  }


  #logged-in-menu {
	display: flex;
    flex-direction: row;
justify-content: flex-start;
    align-items: center;
  }
  #menu-section-separator {
    height:30px;
    margin:0 10px 0 11px;
    display:inline-block;
    border-right:1px dashed #b0bdc7;
  }
  #logout-btn {
	font-weight: 500 !important;
  }
  #mobile-menu-section-separator {
    width:200px;
    height:1px;
    border-bottom:1px dashed #afafaf;
    margin:12px auto;
  }

#account-box, #mobile-account-box {
    user-select: none;
    border-radius: 0;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 9px 0;
    background: transparent;
    border: 1px solid rgba(255,255,255,0);
}
#account-box.open, #mobile-account-box.open {
    background: rgba(255, 255, 255, 0.68);
    /* backdrop-filter: blur(7px); */
}
#mobile-account-box {
	position:relative;
	z-index: 9;
	margin: 6px 0;
}
#mobile-menu {
    width: 100%;
    max-width: 310px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#account-box.open, #mobile-account-box.open {
	border-color: #9dadb9;
}
#active-subaccount, #mobile-active-subaccount {
        display: flex;
    flex-direction: row;
justify-content: flex-start;
    align-items: center;
}
#active-subaccount-text, #mobile-active-subaccount-text {
        display: flex;
    flex-direction: row;
justify-content: flex-start;
    align-items: center;
	font-size: 16px;
	padding: 0 11px;
/* border-right: 1px solid #22cce1; */
/*pointer-events: none;*/
width: calc(100% - 24px);
box-sizing: border-box;
font-weight: 700;
}
#active-subaccount-name, #mobile-active-subaccount-name {
overflow: hidden;
    text-overflow: ellipsis;
    max-width: 142px;
    white-space: nowrap;
    display: inline-block;
/*pointer-events: none;*/
box-sizing: border-box;
padding-right: 5px;
}
#active-subaccount-arrow, #mobile-active-subaccount-arrow {
background-image: url(../img/sprite-2.png);
    background-size: 582px;
    background-position: -570px 0;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 7px;
pointer-events: none;
}
#active-subaccount-arrow.open, #mobile-active-subaccount-arrow.open {
	transform: rotate(180deg);
}
#account-arrow, #account-arrow-mobile {
    width: 24px;
    text-align: left;
}
#account-arrow-svg, #account-arrow-mobile-svg {
    width: 13px;
}
#account-arrow.active > #account-arrow-svg, #account-arrow-mobile.active > #account-arrow-mobile-svg {
    transform: rotate(180deg);
}
#subaccount-list, #mobile-subaccount-list {
    border: 1px solid #9dadb9;
    width: calc(100% + 2px);
    box-sizing: border-box;
    transform: translateX(-1px) translateY(9px);
    border-radius: 0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    max-height: 200px;
    overflow: auto;
    box-shadow: 0px 15px 21px 0px rgba(157, 173, 185, .56);
    background: rgba(255, 255, 255, 0.95);
    /* backdrop-filter: blur(7px); */
}
.subaccount {
    padding: 8px 11px;
    border-bottom: 1px solid #9dadb9;
    font-size: 15px;
    font-weight: 600;
    color: #8d959b;
}
.subaccount:hover {
    background: #f1f5f8;
}
.subaccount:last-child {
    border-top: 1px solid #9dadb9;
    border-bottom: none;
}
.subaccount-text {
	display: inline-block;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 172px;
}
#subaccount-46elks-tip, #mobile-subaccount-46elks-tip {
padding: 13px 11px;
    max-width: 200px;
    font-size: 15px;
    line-height: 1.4;
	color: #7c7c7c;
}
#subaccount-link, #mobile-subaccount-link {
	color: #22cce1;
	font-weight: 400;
}
  /* END header */



  /* BEGIN main-c */

  #main-c {
    margin-top:99px;
    padding-bottom:50px;
    /*overflow:hidden;*/
  }
  #main {
    min-height: calc(100vh - 294px)
  }

  #concept {
    margin-top:34px;
    width:536px;
    opacity:0.86;
  }

  #get-started-btn-c {
    height: 87px;
    overflow: hidden;
    margin-top: -11px;
    margin-bottom: 19px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
  #get-started-btn {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    display: block;
    font-weight: 100;
    color: #999;
    font-size: 84px;
    cursor:pointer;
  }
  #get-started-btn:hover {
    color:#555;
  }


  .section {
    transition:transform 380ms ease;
  }
  .zoomed-out {
    transform:scale(0.93);
    opacity:0.19;
  }


  #selling-point-c {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 80%;
    margin: 21px auto 0;
  }
  .selling-point {
    width: 33.33%;
    padding: 0px 27px;
  }
  .selling-point-svg {
    height: 53px;
  }
  .selling-point-text {
    color: #0675d5;
    font-weight: 600;
    font-size: 19px;
    margin-top: 10px;
    line-height: 19px;
  }
  #top-action-call {
    display: block;
    width: 311px;
    margin: 45px auto 6px;
    text-decoration: none;
  }
  #top-action-details {
    margin: 0 auto 66px;
    color: #0675d5;
    font-weight: 600;
    font-size: 13px;
  }


  #send-report-c {
    display: flex;
    color: #8c9399;
    font-size: 13px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 7px;
    margin-left: 3px;
    padding: 6px 0;
    font-weight: 500;
    user-select: none;
    cursor: pointer;
  }
  #send-report-checkbox {
    width: 10px;
    height: 10px;
    border: 0.1rem solid #9dadb9;
    border-radius: 3px;
    margin-right: 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    transition: background-color 0.05s ease;
  }
  #send-report-checkbox.checked {
    background-color: #9dadb9;
  }
  #send-report-checkbox-checkbox {
    width: 8px;
    height: auto;
  }
  #send-report-number {
    font-weight: 650;
    border-bottom: 1px dashed;
    cursor: text;
  }


  /* END main-c */


  /* BEGIN success */

  #success {
    z-index:2;
  }

  .success-h1 {
    font-size:61px;
  }

  #add-list-c {
    width:100%;
    max-width:310px;
    min-width:240px;
    margin: 42px auto;
    padding-top: 42px;
    border-top: 1px dashed #dcdcdc;
  }

  #add-list-submit {
    margin-top:3px;
  }

  #dashboard-details, #error-details {
    text-align:center;
  }
  #error-details {
    margin-top:11px;
  }

  #reset-form {
    text-align: center;
    margin-top: 21px;
    font-size: 19px;
    font-weight: 100;
  }

  .success-bubble {
    border:1px solid #6ce445;
    width:0px;
    height:0px;
    border-radius:50%;
    position:absolute;
    transform:scale(1);
    z-index:1;
    border-width:0;
    animation: 3s linear infinite bubbleAnim;
  }
  .success-bubble:nth-child(2) {
    animation-delay:600ms;
    border-color:#bde445;
  }
  .success-bubble:nth-child(3) {
    animation-delay:1000ms;
    border-color:#ff0c9e;
  }
  .success-bubble:nth-child(4) {
    animation-delay:1800ms;
    border-color:#ff390c;
  }
  .success-bubble:nth-child(5) {
    animation-delay:2400ms;
    border-color:#1b0cff;
  }
  .success-bubble:nth-child(6) {
    animation-delay:3000ms;
    border-color:#0cb0ff;
  }
  .success-bubble:nth-child(7) {
    animation-delay:3400ms;
    border-color:#ea2323;
  }
  .success-bubble:nth-child(8) {
    animation-delay:3900ms;
    border-color:#23e1ea;
  }
  @keyframes bubbleAnim {
    from {
        height:0px;
        width:0px;
        transform:translate(0, 0);
        opacity:0.48;
        border-width:1px;
    }
    to {
      height:250px;
      width:250px;
      transform:translate(-125px, -125px);
      opacity:0.02;
    }
  }

  /* END success */


  /* BEGIN modal window */

  #modal-window-overlay {
    background:rgba(255,255,255,0.7);
    backdrop-filter: blur(5px);
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:49;
    position:fixed;
    text-align: center;
  }
  #modal-window {
    width:290px;
    background:#fff;
    border-radius:3px;
    padding:9px 11px 15px;
    box-shadow:0 0 19px 0 rgba(0,0,0,0.1);
  }
  #modal-current-country-c {
    margin-bottom:10px;
  }
  #country-warning-txt {
    font-size:12px;
  }
  #country-current-modal {
    font-size:19px;
    margin-left:6px;
  }
  #modal-country-list {
    height:200px;
    overflow-y:scroll;
    margin-top:9px;
    text-align:left;
    /* border-top:1px dashed #e4e4e4; */
    padding-top:2px;
  }

  #proceed-file-upload {
    padding: 12px 0 !important;
  }

  /* END modal window */


  /* BEGIN compose SMS */

  #compose-c {
    width: 870px;
  }

  #left-main-column {
    width:42%;
  }
  #right-main-column {
    width:51.5%;
  }

  .label-c {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 6px;
    box-sizing: content-box;
  }
  .label-link-c {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    user-select: none;
  }
  .label, .label--mini {
    display: block;
    font-size: 15px;
    line-height:1;
    color: #696F74;
    font-weight: 500;
    cursor: pointer;
  }
  .label--mini {
    padding-bottom: 1px;
    display: block;
    text-align: right;
    /* float: right; */
  }

  #recipients-c {
    border: 1.5px solid #9dadb9;
    min-height: 150px;
    max-height:330px;
    border-radius: 7px;
    overflow:auto;
    margin-bottom: 9px;
  }
  #recipients-c:empty {
    display: none;
  }
  #list-loading-wait-message {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  #load-long-list-message {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
  }
  #load-long-list-message-text, #list-loading-wait-message-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-weight: 650;
    color: #696F74;
    cursor: pointer;
  }

  /*#recipients-c:empty {
    background: repeating-linear-gradient(#f7f7f7 0px, #f7f7f7 30px, #fff 30px, #fff 60px);
  }*/

  .recipient {
    height: 22px;
    background: #f6f8f8;
    padding: 4px 9px;
    line-height: 22px;
    font-size: 14px;
    color: #696F74;
  }
  .recipient:nth-child(even) {
    background:#fff;
  }
  .recipient-remove, .list-remove {
    background-position:-327px 0;
    width: 20px;
    height: 20px;
    top:5px;
    right:5px;
    opacity: 0;
    cursor:pointer;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0.13);
  }
  .list-remove {
    top:8px;
    right:4px;
  }
  .recipient:hover > .recipient-remove, .list-el:hover > .list-remove {
    opacity:0.35;
  }
  .recipient-remove:hover, .list-remove:hover {
    opacity:0.72 !important;
  }
  .recipient-remove:active, .list-remove:active {
    background-color:rgba(0, 0, 0, 0.13);
    border-radius:3px;
    opacity:0.95;
  }

  #msg-field, .field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0.1rem solid #9dadb9; /* #90989f; */
    resize: none;
    width: 100%;
    height: 112px;
    padding: 10px 12px;
    border-radius: 7px;
    font-size: 16px;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #4b5660; /* #2c2c2c; */
    font-family: 'SUSE', sans-serif;
    font-weight: 600;
    line-height: 1.4;
    transition: border-color 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
  }
  #msg-field {
    display: block;
    margin-bottom: 21px;
    min-height: 112px;
    max-height: 336px;
  }
  #msg-field:focus, .field:focus {
    border-color: #8c9399; /* #696F74; /* #0675d5;
    /* outline: 3px solid #D0E7F4; */
    box-shadow: 0 0 0 0.02rem #8c9399;
    color: #31383f;
  }
  .field {
    height:auto;
    width:76%;
  }
  #from-field {
    width:100%;
    margin-bottom:21px;
  }

  #upload-c {
    padding:13px 0;
    opacity:0.33;
    width:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }

  #upload-icon {
    background-position:-238px 0;
    width:34px;
    height:34px;
    cursor:pointer;
  }
  #upload-txt {
    font-weight:300;
    font-size:17px;
    line-height:34px;
    padding-left:6px;
    cursor:pointer;
  }

  #load-recipient-c {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 15px;
  }
  .load-recipient-option {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 12px 0px;
    cursor: pointer;
    width: 50%;
    border: 0.1rem solid #9dadb9;
    color: #8d959b;
  }
  .load-recipient-option:hover, .load-recipient-option.active {
    color: #7c848a;
  }
  .load-recipient-option:hover > .load-recipient-option-svg > .load-recipient-option-svg-path, .load-recipient-option.active > .load-recipient-option-svg > .load-recipient-option-svg-path {
    fill: #7c848a !important;
    stroke: #7c848a !important;
  }
  .load-recipient-option:first-child:hover > .load-recipient-option-svg > .load-recipient-option-svg-path, .load-recipient-option:first-child.active > .load-recipient-option-svg > .load-recipient-option-svg-path {
    stroke: none !important
  }
  .load-recipient-option.open {
    border-bottom-right-radius: 0;
  }
  .load-recipient-option:first-child {
    border-right: none;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
  }
  .load-recipient-option:last-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
  }

  .load-recipient-option-svg {
    width: 17px;
    user-select: none;
    pointer-events: none;
  }
  #upload-excel-csv-new > .load-recipient-option-svg {
    width: 15px;
  }
  .load-recipient-option-text {
    font-weight: 550;
    font-size: 15px;
    margin-left: 12px;
    line-height: 14px;
    user-select: none;
    pointer-events: none;
  }
  .load-recipient-option:last-child > .load-recipient-option-text {
    margin-left: 9px;
  }

  #chars-span {
    font-size: 12px;
    line-height: 12px;
  }
  .sms-stats-regular, .sender-dot {
    color: #8c9399;
    font-weight: 500;
  }
  .sms-stats-bold {
    font-weight: 700;
    color: #8c9399;
  }
  .sms-stats-regular.space-dot, .sender-dot {
    margin-left: 6px;
    margin-right: 6px;
  }
  .sender-dot {
    line-height: 1;
  }
  #last-space-dot {
    margin-right: 0;
  }


  #extra-options-switcher-c {
    cursor:pointer;
    font-weight:300;
    font-size:14px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }

  #extra-options-switcher-checkbox-c {
    width: 100%;
    color: #777;
    background: #fff;
    border-radius: 0;
    margin: 0;
    border: 0;
  }
  .extra-option {
    width: calc(50% - 0.2rem);
    text-align: center;
    border-radius: 0;
    font-size: 15px;
    font-weight: 550;
    padding: 12px 0;
    margin: 0;
    line-height: 16px;
    border: 0.1rem solid #9dadb9;
    position:relative;
    z-index: 1;
    color: #8d959b;
  }
  .extra-option:first-child {
    width: calc(50% - 0.1rem);
    margin-left: -0.1rem;
    transform: translateX(0.1rem);
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
  }
  .extra-option:last-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
  }
  .extra-option:hover {
    color: #7c848a;
  }
  .extra-option:hover > #send-immediately-svg > #send-immediately-path, .extra-option:hover > #send-later-svg > #send-later-path-1, .extra-option:hover > #send-later-svg > #send-later-path-2 {
    fill: #7c848a;
    stroke: #7c848a;
  }
  .extra-option.selected {
    background: #fff;
    /* border-color: #0675d5; */
    color: #0675d5;
    /* font-weight: 700; */
    z-index: 2;
  }
  .extra-option.selected:hover {
    color: #0675d5;
  }
    .extra-option.selected > #send-immediately-svg > #send-immediately-path, .extra-option.selected > #send-later-svg > #send-later-path-1, .extra-option.selected > #send-later-svg > #send-later-path-2 {
        fill: #0675d5;
        stroke: #0675d5;
    }
  #extra-options-switcher-checkbox {
    width: 16px;
    height: 16px;
    margin-right: 7px;
    border: 1px solid #6f6e6e;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    top: -1px;
    background: #fff;
    transition: left 0.2s ease;
  }
  #extra-options-switcher-checkbox.right {
    left: 15px;
    border-color: #3e3e3e;
  }
  #extra-options-switcher-checkbox-c.right {
    background:#f1eaea;
  }
#send-immediately-svg, #send-later-svg {
    display: inline-block;
    width: 12px;
    margin-right: 7px;
    vertical-align: middle;
}
#send-later-svg {
    width: 14px;
}
.extra-option.selected > #send-immediately-svg > #send-immediately-path, .extra-option.selected > #send-later-svg > #send-later-path-1, .extra-option.selected > #send-later-svg > #send-later-path-2 {
    fill: #0675d5;
    stroke: #0675d5;
}
.extra-options-mobile-text {
    display: none !important;
}
.extra-options-desktop-text, .extra-options-mobile-text, #send-immediately-svg, #send-later-svg {
    pointer-events: none;
}

.flatpickr-calendar {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(7px) !important;
}

  #sms-num {
    transition:color 1.1s ease;
  }
  #sms-num.dark {
    color:#444;
  }

  #total-sum-span {
    color: #0b8db7;
    font-family: lato;
    margin-top: 19px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 300;
    cursor:pointer;
    line-height:0.95;
    height:31px;
  }
  #total-sum-span.tall {
    line-height:31px;
    cursor:default;
  }
  #total-sum-span-inner {
    width: 100%;
    display: inline-block;
  }
  #switch-currency-txt {
    font-size: 10px;
    display: inline-block;
    font-weight: 300;
  }


  .upload-progress-span {
    color: #696F74;
    margin-top: 15px;
    display: block;
  }


  .error-p, .error-p-extra, .invalid-num, .aftermath-invalid-num {
    color: #df0e47;
    margin: 5px 0 15px;
    font-size: 14px;
    font-weight: 600;
  }
  #file-error, #no-numbers-error, #excluded-error {
    margin-top: 15px;
  }
  #sender-id-error {
    margin-top: -15px;
    float: left;
    color: #df0e47;
    margin-bottom: 21px;
    font-family: 'SUSE', sans-serif;
    font-size: 13px;
    font-weight: 600;
  }


  #invalid-num-list {
    margin:18px 0;
  }
  .invalid-num, .aftermath-invalid-num {
    width: 230px;
    margin: 4px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .aftermath-invalid-num {
    text-overflow:clip;
    white-space:normal;
    font-weight:600;
    /*color:#ea0561;*/
  }

  #compose-header-c {
    width: 88%;
    margin: 0 auto 39px auto;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 19px;
  }
  #compose-title {
    margin:0;
    font-size: 34px;
    font-weight: 100;
    line-height:35px;
  }
  /* #select-list-c {
    border: 1px solid #e4e4e4;
    border-radius: 9px;
    color: #999;
    font-size: 14px;
    font-weight: 300;
    cursor:pointer;
  } */
  .newly-added {
    animation:pulsate 2000ms linear infinite;
  }
  @keyframes pulsate {
    0% {
      border-color:#d2d2d2;
      box-shadow:none;
    }
    50% {
      border-color:#73d873;
      box-shadow:0 0 10px 0 rgba(115, 216, 115, 0.25)
    }
    100% {
      border-color:#d2d2d2;
      box-shadow:none;
    }
  }
  #select-left-part {
    width: 140px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #select-right-part {
    border-left: 1px solid #e4e4e4;
    height: 35px;
    width: 26px;
    padding: 0;
    text-align:center;
    line-height:37px;
  }
  #select-right-arrow-up, #select-right-arrow-down {
    background-position:-558px 0;
    width: 12px;
    height: 12px;
    display:inline-block;
  }
  #select-right-arrow-down {
    transform:rotate(180deg);
  }
  .open {
    border-bottom-left-radius:0 !important;
    border-bottom-right-radius:0 !important;
  }

  #list-c, #countries-list, #signup-countries-list {
    border: 0.1rem solid #9dadb9;
    width: 187px;
    top: 100%;
    right: -0.2rem;
    min-height: 100px;
    max-height: 260px;
    background: rgba(255, 255, 255, 0.71);
    overflow: auto;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.12);
    border-radius: 0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    backdrop-filter: blur(7px);
  }
  #list-c {
    width: 100%;
    right: auto;
    left: -0.1rem;
    border: 0.1rem solid #9dadb9;
    border-radius: 0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.12);
    z-index: 2;
}
  #list-c:empty {
    min-height: 10px;
    padding: 12px 0;
    line-height: 14px;
    text-align: center;
    color: #9E9E9E;
    font-size: 13px;
    font-weight: 500;
  }
  #list-c:empty::before {
    content: 'No lists';
    white-space: pre;
  }
  .list-el {
    padding: 9px 11px;
    border-bottom: 0.1px solid #b0bdc7;
    color: #9E9E9E;
    font-weight: 500;
    font-size: 15px;
  }
  .list-el:nth-last-child(2) {
    border: 0;
  }
  .list-el:hover {
    background: #ecf0f3;
  }

  #newly-added {
    margin: -10px auto 36px auto;
    color: #6e9b6e;
    font-family: 'SUSE', sans-serif;
    font-size: 15px;
    padding: 10px 12px;
    border-radius: 0px;
    font-weight: 600;
    text-align: center;
  }

  #main-error-c {
    margin-top:11px;
    text-align:left;
  }

  .failed-sents-h1, #no-sents-h1 {
    font-size: 23px !important;
    text-align: center !important;
  }
  #failed-sents-2 {

  }


  #number-field {
    width:100%;
    padding-left:49px;
  }
  #number-field-c {
    width:100%;
  }
  #number-field-label-c {
    margin-top: 21px;
  }
  #add-number-btn {
    top: 50%;
    right: 9px;
    transform: translateY(-50%);
    margin: 0;
    width: auto;
    padding: 0 10px !important;
    height: calc(100% - 16px);
    color: #8d959b;
    font-weight: 700;
    background: #f1f5f8;
  }
  #number-field:focus ~ #add-number-btn {
    color:#0675d5;
  }

  #flag-current-outer-c, #signup-flag-current-outer-c {
    /* bottom:0;
    left:0;
    height: 100%;
    cursor:pointer; */
    bottom: 0;
    left: 2px;
    height: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #flag-current-c {
    /* margin-top:calc(50% + 2px);
    transform: translateY(-50%);
    transform: translateY(calc(-50% - 1px));
    left:0;
    height:22px;
    width:42px;
    border-right:1.5px dashed #b0bdc7;
    text-align:center; */
    height: 24px;
    width: 40px;
    border-right: 1.5px dashed #b0bdc7;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  #countries-list, #signup-countries-list {
    width:100%;
    top:100%;
    left:0;
    border-top:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    z-index: 3;
  }

  .country {
    list-style-type: none;
    padding: 8px 12px;
    font-size: 13px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.27);
    border-bottom: 1px solid #d4dde5;
    color: #8d959b; /* #696F74; */
  }
  #modal-window > #modal-country-list > .country {
    border-bottom: 0.1px solid #e1e1e1;
    }
    #modal-window > #modal-country-list > .country:last-child {
        border-bottom: none;
        }
#modal-window > #modal-country-list > .country > .country-name {
    max-width: 64%;
}
#modal-window > #modal-country-list > .country > .flag-box {
    height: 14px;
}
#modal-window > #modal-country-list > .country > .flag-box >.iti-flag {
    vertical-align: top !important;
}
  li.country:last-child {
    border: 0;
  }
  .country:hover {
    background:#f1f5f8;
  }
  .country.highlighted {
    background: #e6eef5;
  }
  .country-name {
    font-weight: 600;
    padding-left: 13px;
  }

  .flag-box, .country-name {
    margin-right:5px;
  }
  .flag-box {
    vertical-align: top;
  }


  #save-list-btn-c {
    text-align:right
  }
  #save-list-form {
    margin-bottom: 13px; /* strictly speaking should have been 21?? */
  }
  #my-numbers-link, #save-list-link, .all-remove, #toggle-learn-about-sender {
    font-size: 12px;
    line-height: 1;
    color: #8c9399;
    font-weight: 700;
    cursor: pointer;
    margin-right: 3px;
  }
  #my-numbers-link {
    margin-right: 0;
  }
  #my-numbers-link:hover, #toggle-learn-about-sender:hover, #toggle-non-gsm:hover {
    color: #7c848a;
  }
    #toggle-non-gsm.active, #my-numbers-link.active {
        color: #696F74;
        /* background: #f0f3f4; */
        /* box-shadow: 0px 0px 0px 4px #f0f3f4; */
        box-sizing: content-box;
        padding-bottom: 0;
        border-radius: 2px;
      }
    #my-numbers-link:active, #toggle-learn-about-sender:active, #toggle-non-gsm:active {
        color: #5e6469;
    }
  .all-remove {
    float: left;
    color: #8c9399;
    font-weight: 600;
  }
  #my-numbers-c {
    border-radius: 7px;
    margin: 0px 3px 6px 0;
    padding: 0px;
    text-align: right;
    user-select: none;
    /* background: #f0f3f4; */
  }
  .my-number {
    margin-left: 13px;
    font-size: 14px;
    /* color: #237CB0; */
    color: #696F74;
    cursor:pointer;
    font-weight: 700;
  }
  .my-number:hover {
    /* color:#6a7782; */
  }
  .my-number:active {
    color: #505c66;
  }


  #extra-options-c {
    font-size:14px;
    margin-top: 11px;
  }




  #save-list-name {
    font-size: 12px;
    padding: 6px 6px;
    height: 29px;
    width: 172px;
    margin-right: 2px;
  }
  #save-list-submit {
    height: 29px;
    width: auto;
    padding: 0 10px !important;
    margin: 0;
    color: #fff;
    background: #1f6197;
  }

  /* END compose SMS */


  /* BEGIN checkout */

  #sending-bit-title {
    display: block;
    margin: 11px auto;
    font-size: 13px;
    font-weight: 800;
    font-family: 'Lato';
    color: #0990d0;
  }

  #sending-bit-bar {
    margin: 10px auto;
    width: 250px;
    height: 3px;
    border-radius: 5px;
    background: #f2f2f2;
    overflow:hidden;
  }

  #sending-bit-percent {
    height: 3px;
    width: 0;
    border-radius: 5px;
    background: #0990d0;
  }



  #payment-method-c {
    width:520px;
    margin:36px auto;
  }
  .payment-method {
    cursor:pointer;
    width:50%;
    height:180px;
    box-sizing:border-box;
    float:left;
  }
  .payment-method:nth-child(1) {
    border-right:1px dashed #e0f3fd
  }
  .payment-method:hover, .paying {
    background:#f2f8fb;
  }
  .payment-method:active > .payment-method-child {
    transform:scale(0.98);
  }
  .payment-method-child {
    width:111px;
  }

  .paying, .paying:active > .payment-method-child {
    cursor:default;
    transform:scale(1);
  }
  .inactive-payment-method, .inactive-payment-method:active > .payment-method-child {
    transform:scale(1);
    cursor:default;
    background:#fff !important;
  }

  .payment-method-img {
    height:69px;
    display:inline-block;
  }
  #elks-credits-img {
    background-position:-508px 0;
    width:50px;
  }
  #credit-card-img {
    background-position:-397px 0;
    width:111px;
  }
  .payment-method-span {
    width: 100%;
    display: inline-block;
    color: #00A4DF;
    font-size: 14px;
    margin-top: 6px;
  }

  /* END checkout */




  /* BEGIN login/signup-section */

  #login-c {
    width:238px;
    margin:0 auto;
  }

  .slim-field, #login-submit, #signup-submit, #add-list-submit {
    width:310px;
  }
  #login-submit {
    padding: 13px 0 !important;
  }
  .slim-field {
    font-size:17px;
    display:block;
    margin:15px auto;
    height:auto;
    font-weight: 600;
  }

  .blue-link {
    text-decoration: none;
    color: #0675d5;
  }
  .blue-link:hover {
    color:#0675d5;
  }
  .blue-link:active {
    color:#227aad;
  }

  #agree-terms, .blue-link, .form-error {
    font-size:14px;
    width:310px;
    text-align: left;
    margin: 0 auto;
    font-weight: 600;
  }

  .form-error {
    margin-top:14px;
  }

  .form-c {
    margin:0 auto;
  }


  #signup-leave-btn, #checkout-leave-btn {
    display: block;
    width:280px;
    margin: 18px auto;
  }

  #signup-tel-c {
    margin:0 auto 15px auto;
    width:310px;
    text-align:left;
  }
  #signup-tel {
    margin:0;
    padding-left:49px;
  }

  #signup-countries-list {
    width:100%;
  }

  /* END login/signup-section */


  /* BEGIN footer */

  #footer {
    text-align: center;
    margin: 79px auto 3px;
    font-size: 13px;
    color: #909faa;
    font-weight: 500;
  }
  #footer-link {
    color: #909faa;
    font-weight: 700;
  }

  #footer-elk {
    width: 15px;
    margin-left: 5px;
  }
  #footer-elk-path {
    fill: #909faa;
  }

  /* END footer */


/* END sections */





/* BEGIN responsive */


/* BEGIN smartphones (portrait) */
@media only screen and (min-width:1px) and (max-width:985px) {

  /* BEGIN general */

  #main-nano-c {
    overflow-x:hidden;
  }

  .content {
    width:98%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 5px;
  }

  #header-c {
    margin: 6px auto
  }

  /* END general */


  /* BEGIN fonts */

  .index-h1 {
    font-size: 35px;
    line-height: 38px;
    padding: 0 17px;
  }

  .index-h2 {
    font-size: 16px;
  }


  /* END fonts */



  /* BEGIN buttons */

  .submit-btn:hover, .small-submit-btn:hover {
    transform:scale(1);
  }

  /* END buttons */



  /* BEGIN sections */

    /* BEGIN header warning */

    .header-warning-title {
      margin-top:7px;
      font-size:20px;
    }

    /* END header warning */


    /* BEGIN header */

    #desktop-menu {
      display:none;
    }

    #mobile-menu-btn {
      display:inline-block;
      background-position:-272px 0;
      width:55px;
      height:55px;
      opacity:0.19;
    }

    #subaccount-list, #mobile-subaccount-list {
        background: rgba(255, 255, 255, 0.94);
        max-height: 206px;
    }

    #active-subaccount, #mobile-active-subaccount {
        justify-content: center;
    }
    #active-subaccount-text, #mobile-active-subaccount-text {
        width: auto;
        font-size: 22px;
        font-weight: 700;
    }
    #account-arrow-svg, #account-arrow-mobile-svg {
        width: 17px;
    }
    .subaccount {
        padding: 10px 11px;
    border-bottom: 0.1px solid #b0bdc7;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    }

    #header-logo {
        margin-left: 10px;
    }


    /* END header */


    /* BEGIN main-c */

    #main-c {
      margin-top:60px;
      max-width:549px;
    }

    #concept, #compose-c, .form-c {
      width:96%;
      max-width:411px;
    }
    #concept {
      margin-top:10px;
      width:79%;
    }

    #left-main-column, #right-main-column, #agree-terms, .blue-link, .form-error {
      float:none;
      width:100%;
    }
    #left-main-column {
      margin-top:-10px;
    }
    #right-main-column {
      margin-top:24px;
    }

    #list-c, #countries-list, #signup-countries-list {
        background: rgba(255, 255, 255, 0.95);
    }

    /* #flag-current-outer-c, #signup-flag-current-outer-c {
      height:35px;
    } */
    /* #flag-current-c {
      height:27px;
      width:40px;
    } */
    #flag-current-c {
        border-right: none;
    }
    #number-field {
      padding-left:46px;
    }

    #top-wave {
        height: 98px;
        display: none !important;
    }
    #top-wave-mobile {
        display: block !important;
        height: 82px;
    }
    #top-kabbel {
        font-weight: 800;
    }
    #top-action-call {
        margin: 32px auto 6px
    }

    #selling-point-c {
        width: 100%;
    }
    .selling-point {
        padding: 0px 10px;
    }
    .selling-point-text {
        color: #237CB0;
        font-size: 15px;
        margin-top: 10px;
        line-height: 17px;
        font-weight: 800;
    }

    .label--mini {
        float: right;
    }
    #add-number-btn {
        font-weight: 800;
        font-size: 13px;
    }

    .load-recipient-option-text {
        font-weight: 600;
        font-size: 15px;
    }

    #extra-options-c {
        margin-top: 26px;
    }

    /* END main-c */


    /* BEGIN success */

    #success-h1 {
      font-size:50px;
    }

    /* END success */



    /* BEGIN compose SMS */

    #send-sms-submit, #total-sum-span {
      margin-top:31px !important;
    }

    #upload-c, #recipients-c, #msg-field, .slim-field, #login-submit, #signup-submit, #add-list-submit, #signup-tel-c {
      width:100%;
    }
    .field {
      font-size:18px;
    }
    #msg-field {
      height:190px;
      font-size: 18px;
    }

    #extra-options-switcher-checkbox {
      width: 21px;
      height: 21px;
    }
    #extra-options-switcher-checkbox.right {
      left:20px;
    }
    #extra-options-switcher-checkbox-c {
      width: 100%;
      height: 28px;
    }
    #extra-options-switcher-c {
      font-size:16px;
    }
    .extra-option {
        font-size: 14px;
        padding: 12px 0;
        font-weight: 600;
    }
    #send-immediately-svg, #send-later-svg {
        height: 16px;
    }
    .extra-options-desktop-text {
       display: none !important; 
    }
    .extra-options-mobile-text {
        display: inline-block !important;
        font-size: 16px;
    }

    #chars-span {
      font-size:14px;
    }

    .recipient {
      font-size:19px;
      padding:6px 9px;
    }
    .recipient-remove, .list-remove {
      opacity:0.28 !important;
      top:50%; transform: translateY(-50%);
      right:6px;
    }
    .list-remove {
        top: 50%;
        right: 4px;
        transform: translateY(-50%);
    }

    #total-sum-span {
      margin-left:6px;
      width:113px;
    }

    /* #select-list-c {
       Old color: #22cce1;
      border-color: #d2d2d2;
      width:100%;
    } */
    #compose-header-c {
      margin-top:46px;
    }
    #compose-title {
      font-size:29px;
      margin-bottom: 13px;
    }
    #select-left-part {
      width:90%;
      box-sizing:border-box;
    }
    #select-right-part {
      width:10%;
      box-sizing:border-box;
      border-color:#d2d2d2;
    }
    /* #list-c {
      border-color:#d2d2d2;
      width:100%;
    } */

    .extra-option {
        width: calc(50% - 24px);
        padding: 12px 10px;
    }
    .extra-option:first-child {
        width: calc(50% - 22px);
        margin-left: -2px;
        transform: translateX(2px);
    }


    .country {
      padding:8px 10px;
      font-size:16px;
    }

    .country-name {
      max-width: 70%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }



    #save-list-name {
      font-size:14px;
      padding:5px 7px;
    }

    #my-numbers-link, #save-list-link {
      font-size:13px;
    }
    #save-list-form {
      margin-bottom:50px;
    }



    /* END compose SMS */


    /* BEGIN checkout */

    #payment-method-c {
      width:100%;
    }

    /* END checkout */

  /* END sections */

}
/* END smartphones (portrait) */



/* BEGIN smartphones (landscape) AND tablets */
@media only screen and (min-width:641px) and (max-width:1023px) {

  /* BEGIN general */

  #main-nano-c {
    overflow-x:hidden;
  }

  .content {
    width:98%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 10px;
  }

  /* END general */


  /* BEGIN fonts */

  /* .blue-link:hover {
    color: #0395ca;
  } */

  /* END fonts */



  /* BEGIN buttons */

  .small-submit-btn {
    height:35px;
  }

  .submit-btn:hover, .small-submit-btn:hover {
    transform:scale(1);
  }

  /* END buttons */



  /* BEGIN sections */

    /* BEGIN header warning */

    .header-warning-title {
      margin-top:7px;
      font-size:20px;
    }

    /* END header warning */


    /* BEGIN header */

    /* END header */


    /* BEGIN main-c */

    #concept {
      width:77%;
      max-width:488px;
    }

    /* END main-c */


    /* BEGIN compose SMS */

    #compose-c {
      width:100%;
      max-width:850px;
    }

    /* .field {
      height:35px;
    } */

    .recipient-remove, .list-remove {
      opacity:0.48 !important;
      top:5px;
      right:5px;
    }
    .list-remove {
      top:8px;
      right:4px;
    }

    #compose-header-c {
      width:96%;
    }

    /* #left-main-column {
      width:44%;
    } */

    /* #flag-current-outer-c, #signup-flag-current-outer-c {
      height:35px;
    }
    #flag-current-c {
      height:27px;
      width:38px;
    } */

    #number-field {
      padding-left:43px;
    }

    .country {
      padding:8px 11px;
      font-size:12px;
    }
    .country-name {
      max-width: 112px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    /* END compose SMS */

  /* END sections */

}
/* END smartphones (landscape) AND tablets */