html{
  background: #18378d;
}
html,body{
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  line-height:1.4;
  color:#555;
  font-family:Barlow,"Poppins",Helvetica,Arial;
  min-width:235px
}
*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  font-family:Barlow,"Poppins",Helvetica,Arial
}
h1,h2,h3,h4,h5,h6{
  margin:0;
  font-weight:500 !important;
  color:#fff
}
a{
  color:#2555DB
}
.nowrap{
  white-space:nowrap
}
#toast{
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out
}
noscript{
  position:fixed;
  left:-10%;
  right:-10%;
  top:-10%;
  bottom:-10%;
  width:120%;
  height:120%;
  z-index:999;
  background:#e53935;
  padding:25% 20%;
  text-align:center
}
noscript span{
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp;
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  color:#fff;
  font-size:20pt;
  font-family:monospace !important;
  display:block
}
.nav.top{
  width:100%;
  height:35px;
  background:#1d44b0;
  overflow-y:auto;
  white-space:nowrap;
  position:fixed;
  top:0
}
.nav.top a.nav.item{
display:inline-block;
  height:100%;
  padding:0 10px
}
.nav.top a.nav.item.featured{
margin-left:20px;
  padding-right:0;
  margin-right:-5px
}
.nav.top a.nav.item.featured span.text{
color:#F6F9FE
}
.nav.top a.nav.item.featured span.text:after{
content:" ";
  width:16px;
  height:35px;
  margin:0 0 0 5px;
  display:inline-block;
  background:url("../images/icons/arrow.svg") no-repeat;
  background-size:contain;
  background-position:center;
  vertical-align:top;
  transform:rotate(180deg)
}
.nav.top a.nav.item.active span.text{
color:#F6F9FE
}
.nav.top a.nav.item img.logo{
width:24px;
  height:24px;
  margin:6px 6px 0 0;
  opacity:0.9;
  vertical-align:top
}
.nav.top a.nav.item span.text{
font-size:10pt;
  color:#92aaed;
  display:inline-block;
  margin:0;
  font-weight:400;
  line-height:35px;
  -webkit-transition:color .07s ease-in-out;
  -moz-transition:color .07s ease-in-out;
  -ms-transition:color .07s ease-in-out;
  -o-transition:color .07s ease-in-out;
  transition:color .07s ease-in-out;
  vertical-align:top
}
.message{
background:#F6F9FE;
  color:#555;
  padding:15px 20px
}
.message.red{
background:#F44336;
  color:#fff
}
.money.minus{
color:red
}
.money.plus{
color:green
}
.button{
background:#dfeafb;
  padding:7px 10px;
  color:#555;
  display:inline-block;
  font-size:.9rem
}
.button.right{
float:right
}
.button.blue{
background:#2555DB;
  color:#F6F9FE
}
.info{
display:inline-block;
  font-size:.8rem;
  margin-top:10px;
  padding-left:35px;
  background:url("../images/info.svg");
  background-size:25px;
  background-repeat:no-repeat;
  opacity:.6;
  min-height:1.6rem
}
.content{
  padding: 15vh 10vw 0 10vw;
}
.content .container{
  margin: 0 auto;
  max-width: 400px;
}
.content .container .box{
  background: #fff;
  padding: 30px;
  margin-top: 20px;
  box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.08);
}
.social-login{
  color: #1d1d1d !important;
  background: rgba(0,0,0,0.09);
  font-size: 1.1rem;
  letter-spacing: 0.1px;
  font-weight: 600;
  padding: 15px 20px;
  cursor: pointer;
  text-align: left;
  user-select: none;
  text-decoration: none;
  display: block;
}
.social-login:hover{
  background: rgba(0,0,0,0.15);
}
.social-login span {
    padding-left: 10px;
    display:inline-block;
    width: calc(100% - 30px);
}
.social-login * {
    vertical-align: middle;
}
.social-login .logo{
  display: inline-block;
  width:25px;
  height:100%;
}
.or {
    width: 100%;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAEElEQVQYV2O4efMmw82bNwEUYAUXrIEzwQAAAABJRU5ErkJggg==");
    background-repeat: repeat-x;
    background-position: center;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;

}
.or span {
    background: #fff;
    padding: 0 10px;
    font-weight: bold;
    color: #8f8f8f;
    font-size: 1.2rem;
}
form .input{
  width: 100%;
  color: #1d1d1d !important;
  background: rgba(0,0,0,0.09);
  margin-bottom: 15px;
  font-size: 1.1rem;
  letter-spacing: 0.1px;
  padding: 10px 20px;
  outline: none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}
form .input:focus{
  background: rgba(0,0,0,0.15);
}
form input.submit{
  cursor: pointer;
  font-weight: 500;
  background: #2555DB;
  color: #fff!important;
  margin: 0!important;
}
form input.submit:hover{
  background: #18378d;
}
input[type="checkbox"]{
  display:none
}
label{
  cursor:pointer;
  display:block;
  margin-bottom:10px
}
label.checkbox .label{
padding:0 10px;
  vertical-align:middle;
  display:inline-block;
  user-select:none;
  -webkit-user-select: none;
  max-width:calc(100% - 22px)
}
label.checkbox .label label.checkbox,label.checkbox .label label.radio{
filter:grayscale(1);
  opacity:.5
}
label.checkbox input[type="checkbox"]:checked ~ .label>label.checkbox,label.checkbox input[type="checkbox"]:checked ~ .label>label.radio{
filter:grayscale(0) !important;
  opacity:1 !important
}
label.checkbox input[type="checkbox"]+.container{
height:22px;
  width:22px;
  display:inline-block;
  float:left
}
label.checkbox input[type="checkbox"]+.container:before{
display:inline-block;
  width:18px;
  height:18px;
  border:2px #2555DB solid;
  vertical-align:middle;
  content:" "
}
label.checkbox input[type="checkbox"]:checked+.container:before{
border-color:#2555DB;
  background:#2555DB;
  content:" "
}
label.checkbox input[type="checkbox"]:checked+.container:after{
display:inline-block;
  -webkit-transform:rotate(45deg) translate(-10px, -21px);
  transform:rotate(45deg) translate(-10px, -21px);
  position:static;
  width:5px;
  height:11px;
  border-color:#fff;
  border-style:solid;
  border-top:none;
  border-left:none;
  border-right-width:2px;
  border-bottom-width:2px;
  content:" "
}
input[type="radio"]{
display:none
}
label{
cursor:pointer;
  display:block;
  margin-bottom:10px
}
label.radio .label{
padding:0 10px;
  vertical-align:middle;
  display:inline-block;
  user-select:none;
  max-width:calc(100% - 22px)
}
label.radio input[type="radio"]+.container{
height:22px;
  width:22px;
  display:inline-block;
  float:left
}
label.radio input[type="radio"]+.container:before{
display:inline-block;
  width:18px;
  height:18px;
  border:2px #2555DB solid;
  border-radius:100px;
  vertical-align:middle;
  content:" "
}
label.radio input[type="radio"]:checked+.container:before{
border-color:#2555DB;
  background:#2555DB;
  content:" "
}
label.radio input[type="radio"]:checked+.container:after{
display:inline-block;
  -webkit-transform:rotate(45deg) translate(-10px, -21px);
  transform:rotate(45deg) translate(-10px, -21px);
  position:static;
  width:5px;
  height:11px;
  border-color:#fff;
  border-style:solid;
  border-top:none;
  border-left:none;
  border-right-width:2px;
  border-bottom-width:2px;
  content:" "
}

@media all and (max-width: 1050px){
  .nav.top>.nav.item.featured{
  margin-left:20px;
    padding:0
  }


@media all and (max-width: 390px){
  .social-login{
    font-size: 1rem;
    letter-spacing: 0;
    font-weight: 600;
  }