article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
audio,canvas,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
a{
    background:transparent
}
a:focus{
    outline:thin dotted
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
mark{
    background:#ff0;
    color:#000
}
code,kbd,pre,samp{
    font-family:monospace,serif;
    font-size:1em
}
pre{
    white-space:pre-wrap
}
q{
    quotes:"\201C" "\201D" "\2018" "\2019"
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:0
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
button,input,select,textarea{
    font-family:inherit;
    font-size:100%;
    margin:0
}
button,input{
    line-height:normal
}
button,select{
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0
}
input[type="search"]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
textarea{
    overflow:auto;
    vertical-align:top
}
table{
    border-collapse:collapse;
    border-spacing:0
}
html,body{
    margin:0;
    padding:0;
    font-family:arial,helvetica neue,helvetica,sans-serif;
    height:100%
}
body{
    background-color:#f6f6f6;
     center no-repeat;
    background-size:300% auto;
    background:cover;
    overflow-x:hidden
}
a:hover,a:active,a:focus{
    outline:none 0
}
div{
    box-sizing:border-box
}
h1,h2,h3,h4{
    font-weight:600;
    margin:0;
    color:#000
}
h1{
    color:#231f20;
    font-size:22px;
    line-height:1.2em
}
h2{
    font-size:20px;
    line-height:1.2em
}
h3{
    font-size:16px;
    line-height:1.5em
}
p{
    font-size:13px;
    color:#000
}
p.date{
    font-size:13px;
    font-weight:700;
    color:#000;
    text-align:right;
    margin-top:0;
    position:absolute;
    right:10px
}
ul.fa-ul{
    font-size:13px;
    line-height:17px;
    text-align:left
}
ul.fa-ul li.checks{
    opacity:0;
    -webkit-transition:opacity .5s ease-in;
    -moz-transition:opacity .5s ease-in;
    -o-transition:opacity .5s ease-in;
    transition:opacity .5s ease-in
}
ul li.checks i{
    color:#b0d235
}
#wrapper{
    min-height:100%;
    width:100%
}
#intro{
    font-size:13px;
    line-height:17px
}
.logoImg{
    display:block;
    margin:0 auto;
    max-width:100%
}
#progressbar{
    position:relative;
    margin:0 auto;
    max-width:300px;
    background:#eee;
    padding:2px
}
#progress{
    position:relative;
    background:#231f20;
    height:4px;
    width:0;
    -webkit-transition:width .3s ease-in;
    -moz-transition:width .3s ease-in;
    -o-transition:width .3s ease-in;
    transition:width .3s ease-in
}
#questionWrapper{
    margin:0 auto -100px;
    height:100%;
    height:auto!important
}
#footerspace{
    position:relative;
    height:100px
}
#footer{
    position:relative;
    height:100px;
    overflow:hidden
}
.answer,.final{
    margin-bottom:10px;
    font-size:14px;
    display:block;
    padding:15px;
    color:#f6f6f6;
    background:#3b94e3;
    text-decoration:none;
    font-weight:700;
    text-align:center;
    border-radius:3px
}
.phone{
    float:right
}
#steps{
    max-width:320px;
    margin:0 auto
}
.image{
    padding:5px;
    text-align:left
}
.image>img{
    max-width:100%;
    height:auto;
    display:block
}
.question,.result,.checker,.check,.check1,.check2{
    display:none
}
.check1,.check2{
    text-align:center
}
.lastMargin{
    height:5px
}
.alpha60{
    background:#000 transparent;
    background:rgba(0,0,0,.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"
}
img.loader{
    display:block;
    margin:10px auto
}
.check{
    clear:both
}
.checkItem{
    clear:both;
    display:block;
    overflow:auto
}
.checkItem img{
    float:left;
    margin-right:10px
}
.checkItem h3{
    float:left;
    margin:0
}
.countWrapper{
    display:block;
    clear:both;
    font-size:12px;
    margin:5px
}
.rulesBox{
    width:80%;
    background-color:#fff;
    margin:10px 0 15px;
    padding:20px;
    -moz-border-radius:15px;
    border-radius:15px
}
.centerIt{
    margin:0 auto;
    text-align:center
}
.centerIt a{
    margin:0 auto
}
@keyframes pulse{
    from{
        transform:scale3d(1,1,1)
    }
    50%{
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        transform:scale3d(1,1,1)
    }
}
@keyframes blink{
    from{
        opacity:1
    }
    50%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.blink{
    animation-name:blink
}
.pulse{
    animation-name:pulse
}
.animated{
    animation-duration:2.5s;
    animation-fill-mode:both
}
.step{
    animation-timing-function:steps(1)
}
.animated.infinite{
    animation-iteration-count:infinite
}
div#system_overlay{
    display:block;
    position:fixed;
    top:0;
    left:0;
    padding:10px;
    width:100%;
    height:100%;
    background:#FFD018
}
div#system_modal,div#system_modal0{
    display:block;
    position:relative;
    max-width:640px;
    overflow:hidden;
    background:#fff;
    margin:0 auto
}
div#system_top,div#system_top0{
    padding:5px
}
div#system_content,div#system_content0{
    padding:10px;
    text-align:center
}
div.half{
    position:relative;
    width:50%;
    float:left
}
div#header div.half{
    width:100%;
    float:none;
    text-align:center
}
div#phonecontainer{
    min-height:200px
}
div.pop{
    position:absolute;
    width:90%;
    left:0;
    right:0;
    bottom:0;
    padding:5px;
    margin:0 auto;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.5);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.5);
    box-shadow:0 0 10px rgba(0,0,0,.5);
    -webkit-transition:-webkit-transform .3s ease-in-out;
    -moz-transition:-moz-transform .3s ease-in-out;
    transition:transform .3s ease-in-out;
    -webkit-transform:translate(0,299px);
    -moz-transform:translate(0,299px);
    transform:translate(0,299px);
    z-index:99
}
div.pop.show{
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    transform:translate(0,0)
}
div#notification{
    background:#ffe8a0
}
div#warning{
    background:#dc1249
}
div#message{
    background:#fff
}
div#notification p{
    text-align:center;
    color:#333;
    font-size:12px
}
div#warning p{
    text-align:center;
    color:#fff;
    font-size:12px
}
div#message p{
    text-align:left;
    padding:1%;
    color:#333;
    font-size:12px;
    line-height:15px
}
span.number-customer,span.tickets-left{
    display:inline-block;
    padding:2px 5px;
    color:#fff;
    background:#ffec14;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    color:#000
}
span.tickets-left{
    color:#dc1249;
    background:#ffc917
}
.question-row:before,.question:after{
    content:"";
    display:table
}
.question-row:after{
    clear:both
}
.question-row:before,.question-row:after{
    content:"";
    display:table
}
ul.buttonlist{
    margin:0;
    padding:0;
    list-style:none
}
ul.buttonlist li{
    padding-bottom:2px
}
.colorpicker{
    display:block;
    padding:5px;
    margin:0 0 5px;
    font-size:14px;
    font-weight:700;
    color:#E38735;
    text-decoration:none;
    text-align:left;
    border:1px solid #ccc;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.colorpicker .fa{
    vertical-align:middle;
    line-height:inherit
}
.colorpicker.chosen{
    border:1px solid #dc1249;
    background:#E38735;
    color:#fff
}
.cappicker{
    display:block;
    padding:5px;
    margin:0 0 5px;
    font-size:14px;
    font-weight:700;
    color:#E38735;
    text-decoration:none;
    text-align:center;
    border:1px solid #ccc;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.disabled{
    opacity:.2;
    cursor:default
}
.cappicker .fa{
    opacity:0;
    vertical-align:middle;
    line-height:inherit
}
.cappicker.chosen{
    border:1px solid #dc1249;
    background:#E38735;
    color:#fff
}
.cappicker.chosen i{
    opacity:1
}
div#phone-container>div{
    position:absolute;
    left:0;
    opacity:1;
    width:100%;
    transition:opacity .3s ease-in-out
}
div#phone-container>div>img{
    display:block;
    margin:0 auto
}
div.capacity{
    position:absolute;
    left:0;
    top:0;
    padding:261px 0 0;
    text-align:center
}
.bubble{
    display:inline-block;
    padding:3px 9px;
    color:#fff;
    background:#FF3800;
    border-radius:20px
}
@media only screen and (min-width:480px){
    div.pop{
        width:60%;
        left:0;
        right:0;
        bottom:0;
        padding:5px;
        margin:0 auto;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,.5);
        -moz-box-shadow:0 0 10px rgba(0,0,0,.5);
        box-shadow:0 0 10px rgba(0,0,0,.5);
        -webkit-transition:-webkit-transform .3s ease-in-out;
        -moz-transition:-moz-transform .3s ease-in-out;
        transition:transform .3s ease-in-out;
        -webkit-transform:translate(0,299px);
        -moz-transform:translate(0,299px);
        transform:translate(0,299px);
        z-index:99
    }
    #questionWrapper{
        display:block;
        max-width:800px;
        margin:0 auto;
        margin:0 auto -150px auto
    }
    #footerspace{
        height:100px
    }
    #footer{
        height:100px
    }
    div#phonecontainer{
        min-height:320px
    }
    .checker{
        position:relative;
        left:inherit;
        top:inherit
    }
    ul.buttonlist li{
        padding-bottom:8px
    }
    .answer,.final,.colorpicker,.cappicker{
        display:inline-block;
        margin:0
    }
    .final{
        padding:16px;
        font-size:22px;
        color:#fff
    }
    div#message p{
        font-size:15px;
        line-height:22px
    }
    .logoheader{
        display:block;
        margin-left:auto;
        margin-right:auto
    }
}
@media screen and (max-width:332px){
    h1{
        font-size:20px
    }
}