a,body,div,form,html,img,input,label,p,span,select{
    margin:0;
    padding:0;
    border:0;
    font-family:sans-serif,Arial
}
body,html{
    min-height:100%;
    overflow-x:hidden
}
body{
    background:#a2a09b;
    background:url("bg.jpg");
	background-size: cover;
	background-position: center;
	}
a{
    color:#486173
}
input,label,select{
    vertical-align:middle;
    white-space:normal;
    background:0 0;
    line-height:1
}
label{
    position:relative;
    display:block
}
p::first-letter{
    text-transform:uppercase
}
.main{
    min-height:calc(100vh - 90px);
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.ie-fixMinHeight{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.ico{
    height:16px;
    position:absolute;
    top:0;
    left:0;
    margin-top:13px;
    margin-left:14px
}
.logo{
    max-width:200px;
    display:block;
    margin:0 auto 30px auto
}
.logo *{
    fill:#fff
}
.lite .logo *{
    fill:#444
}
h1{
    text-align:center;
    color:#fff;
    font-size:24px!important
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-size:16px
}
.wrap{
    margin:auto;
    padding:40px;
    -webkit-transition:width .3s ease-in-out;
    transition:width .3s ease-in-out
}
@media only screen and (min-width:1px) and (max-width:575px){
    .wrap{
        width:100%
    }
}
form{
    width:100%;
    margin-bottom:20px
}
@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.purchase{
	cursor:pointer;
    color:#fff;
    text-align:center;
    margin-bottom:30px;
	background: green;
    font-weight: bold;
    padding: 10px;
    border-radius: 5px;
	text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% { background-color: green -webkit-box-shadow: 0 0 3px green }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: green -webkit-box-shadow: 0 0 3px green }
}

@-moz-keyframes glowing {
  0% { background-color: green -moz-box-shadow: 0 0 3px green }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: green -moz-box-shadow: 0 0 3px green }
}

@-o-keyframes glowing {
  0% { background-color: green box-shadow: 0 0 3px green }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: green box-shadow: 0 0 3px green }
}

@keyframes glowing {
  0% { background-color: green box-shadow: 0 0 3px green }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: green box-shadow: 0 0 3px green }
}
.info{
    color:#fff;
    text-align:center;
    margin-bottom:30px;
	font-weight:bold;
}
.error{
	background: red;
    font-weight: bold;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
}
.default{
	background: #000;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
}
.success{
	background: green;
    font-weight: bold;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
}
.trial{
	background: blue;
    font-weight: bold;
    padding: 10px;
    border-radius: 5px;
}
input,select{
    outline:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
input:focus,select:focus{
    outline:0
}
input[type=email],input[type=number],input[type=text],input[type=tel],select{
    width:100%;
    border:1px solid background-color: rgba(255,255,255,.8);
    height:44px;
    padding:3px 20px 3px 40px;
    margin-bottom:20px;
    border-radius:6px;
    background-color:rgba(255,255,255,.8);
    -webkit-transition:-webkit-box-shadow .3s ease-in-out;
    transition:-webkit-box-shadow .3s ease-in-out;
    transition:box-shadow .3s ease-in-out;
    transition:box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out
}
input[type=email]:focus,input[type=number]:focus,input[type=text]:focus,input[type=tel]:focus,select:focus{
    -webkit-box-shadow:0 0 5px 0 rgba(255,255,255,1);
    box-shadow:0 0 5px 0 rgba(255,255,255,1)
}
.bt{
    opacity:.7;
	font-weight: bold;
}
input[type=submit]{
    background:green;
    color:#fff;
    border:0;
    cursor:pointer;
    text-align:center;
	font-weight:bold;
    width:100%;
    height:44px;
    border-radius:6px;
}
input[type=button]{
    background:green;
    color:#fff;
    border:0;
    cursor: not-allowed;
    text-align:center;
	font-weight:bold;
    width:100%;
    height:44px;
    border-radius:6px;
}
input[type=submit]:focus,input[type=submit]:hover{
    background:#33404a
}
table{
    border-collapse:collapse;
    width:100%;
    margin-bottom:20px
}
table td{
    color:#fff;
    border-bottom:1px solid #e6e6e6;
    padding:10px 4px 10px 0
}
table td:first-child{
    font-weight:700
}
.lite{
    background:#fff
}
.lite input[type=email],.lite input[type=text],.lite input[type=tel]{
    border:1px solid #c3c3c3
}
.lite .info,.lite h1,.lite table td{
    color:#444
}
.lite input[type=email]:focus,.lite input[type=text]:focus,.lite input[type=tel]:focus{
    -webkit-box-shadow:0 0 5px 0 rgba(62,77,89,.2);
    box-shadow:0 0 5px 0 rgba(62,77,89,.2)
}
.dark{
    background:#343434
}
.dark input[type=submit]{
    background:#dc3a41
}
.dark input[type=submit]:focus,.dark input[type=submit]:hover{
    background:#b92f35
}
.dark input[type=email],.dark input[type=text],.dark input[type=tel]{
    background-color:#fff
}
.dark a{
    color:#dc3a41
}
.dark table td{
    border-bottom:1px solid #505050
}
.info.alert{
    color:#da3d41
}
@media (min-width:576px){
    .wrap{
        width:410px
    }
    *{
        font-size:14px!important
    }
}

/* Voucher sales portal and administration. */
.purchase-card,.admin-card{max-width:680px;margin:48px auto;padding:28px;background:#fff;border-radius:12px;box-shadow:0 10px 28px #0002;color:#222}.purchase-card label,.compact-form label{display:block;margin:14px 0 6px;font-weight:700}.purchase-card input,.purchase-card select,.compact-form input,.compact-form select{display:block;box-sizing:border-box;width:100%;padding:11px;margin-top:5px;border:1px solid #bbb;border-radius:6px}.purchase-card button,.compact-form button,.button-link{display:inline-block;margin-top:18px;padding:12px 18px;border:0;border-radius:6px;background:#1769aa;color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.error{color:#a40000;font-weight:700}.notice{color:#075d22;font-weight:700}.table-wrap{overflow:auto}.admin-card table{width:100%;border-collapse:collapse}.admin-card th,.admin-card td{padding:9px;border-bottom:1px solid #ddd;text-align:left;white-space:nowrap}
