@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
html{
    height:100%;
    background:#fff;
    color:#000
}
body{
    text-align:center;
    font-family:"Open Sans",sans-serif;
    color:#FFF;
    font-size:10px;
    padding:0;
    overflow-x:hidden;
    margin:0;
    line-height:normal;
    background:#000
}
.headje{
    color:#fff;
    font-size:2.4rem;
    padding:.2rem;
    background-color:#073590;
    text-transform:uppercase;
    text-align:left;
    border-bottom:2px solid #f1c933
}
#dyLogo{
    max-width:300px;
    margin:0;
    display:unset
}
.prize-date{
    padding-top:5px;
    text-align:left
}
.header,.header+div{
    color:#fff;
    font-family:"Montserrat",sans-serif;
    font-size:14px;
    margin:0 auto;
    text-align:left;
    padding:0 14px;
    padding-bottom:0
}
.brand-color{
    color:#ebbd10;
    text-decoration:underline
}
.answer{
    display:block;
    margin-bottom:2%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:2em;
    color:#c00;
    width:15em
}
.btnYes{
    background:#f0c833;
    border-radius:5px;
    color:#073590;
    display:inline-block;
    padding:13px 0 15px;
    margin:0 0 5px 0;
    width:100%;
    border:0;
    font-size:20px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:1;
    cursor:pointer;
    margin:10px auto;
    display:block;
    transition:all .5s;
    text-decoration:none
}
.btnYes:hover{
    background:#ebbd10
}
.btnNo{
    background:#f0c833;
    border-radius:5px;
    color:#073590;
    display:inline-block;
    padding:13px 0 15px;
    margin:0 0 5px 0;
    width:100%;
    border:0;
    font-size:20px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:1;
    cursor:pointer;
    margin:10px auto;
    display:block;
    text-decoration:none;
    transition:all .5s
}
.btnNo:hover{
    background:#ebbd10
}
.question,.result,.check,#page2{
    display:none
}
.fullHeight{
    /*min-height:100vh*/
}
.error{
    background:#fff;
    margin:0 auto 5px
}
.errorTC{
    background-color:rgba(0,0,0,0.6);
    padding:5%;
    font-size:12px;
    color:#222;
    display:none;
    text-align:center;
    position:fixed;
    width:90%;
    height:100%;
    top:0;
    left:0;
    z-index:100
}
#error_tc{
    border-radius:4px;
    border:1px solid #4c4c4c;
    width:50%;
    background-color:#fff;
    padding:5%;
    font-size:20px;
    margin:15% auto 0
}
#error_ok{
    max-width:100%;
    font-family:Myriad,sans-serif;
    background-color:#27aae1;
    position:relative;
    width:100%;
    color:#fff;
    display:inline-block;
    padding:13px 0;
    border:0;
    border-radius:5px;
    font-weight:bold;
    margin-bottom:5px;
    font-size:18px;
    cursor:pointer;
    line-height:normal;
    letter-spacing:normal;
    white-space:normal;
    height:auto;
    font:normal !important
}
#error_ok:hover{
    background-color:#1d9cd1
}
.wrapper{
    margin:0 auto;
    padding-top:60px
}
header{
    background:#fff;
    color:#000;
    line-height:1;
    font-size:1.5em;
    text-align:center;
    padding:3px 0 0;
    min-width:280;
    width:100%;
    box-sizing:border-box
}
.head{
    font-weight:bold;
    background-color:#fff;
    color:#000;
    text-align:center;
    position:relative;
    box-shadow:0 0 10px rgba(0,0,0,0.4)
}
.legal{
    margin:5px auto;
    font-size:7.5pt;
    line-height:1em;
    font-family:Helvetica,sans-serif;
    color:#fff
}
.legal a{
    color:#fff
}
.legalline{
    font-size:11px;
    padding:1px 0 2px;
    color:#000;
    position:relative;
    text-align:center;
    padding-right:0;
    font-weight:normal
}
.call2action{
    background:#238fe2;
    border:5px solid #ebbd10;
    padding:10px;
    border-radius:10px
}
.checkmarks{
    background:#fff
}
.container{
    text-align:center;
    max-width:960px;
    margin:0 auto;
    width:100%;
    padding:0
}
.wrapper{
    margin:0 auto;
    background-color:rgba(255,255,255,0);
    /* background-image:url(../images/bg.jpg); */
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:cover;
    padding-bottom:50px;
    padding-top:20px
}
.wap{
    display:none
}
.titelblock{
    max-width:980px;
    margin:0 auto;
    width:100%;
    text-align:center;
    padding:0 0 7px
}
.title{
    font-size:40px;
    font-weight:800;
    margin:0 auto;
    color:#238fe2
}
.subtitle{
    font-weight:700;
    font-size:14px;
    line-height:1;
    color:#238fe2
}
.guide{
    line-height:1.4;
    font:.875em/1.5 "Open Sans",Arial,Helvetica,sans-serif;
    font-size:20px;
    font-weight:bold;
    letter-spacing:normal;
    margin:0 0 .5em;
    color:#fff;
    text-shadow:0 0 5px #000;
    text-align:center
}
.hurry{
    font-size:1.8em;
    font-weight:bold
}
#pinInput{
    width:100%
}
#telSubmit,#pinSubmit,#SMSbtn{
    max-width:none;
    font-size:24px;
    color:#fff;
    font-size:16pt;
    line-height:1;
    margin:0 auto;
    padding:12px 0;
    border:2px solid white;
    background:url(../images/arrow-right.png) no-repeat,#ebbd10;
    background:url(../images/arrow-right.png) no-repeat,linear-gradient(to bottom,#ebbd10 0,#907200 80%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebbd10',endColorstr='#907200',GradientType=0);
    background-size:8px 12px,100% 70px;
    background-position:95% 50%,0 0;
    border-radius:4px;
    width:100%;
    height:auto;
    white-space:inherit;
    -webkit-appearance:none;
    letter-spacing:normal;
    text-shadow:1px 1px 0 rgba(150,150,150,1)
}
#telSubmit{
    margin-bottom:1rem
}
#telInput{
    margin-bottom:5px;
    height:40px;
    padding:0 10px;
    border:0;
    background:#fff;
    color:#767676;
    vertical-align:top;
    font-size:20px;
    margin-right:auto;
    margin-left:auto;
    display:block;
    box-sizing:border-box;
    width:100%;
    text-align:left;
    border-radius:4px
}
#show-keyword{
    background:#fff;
    border-radius:5px;
    padding:10px;
    z-index:1;
    position:relative;
    box-shadow:0 0 26px -2px rgba(0,0,0,0.75);
    width:90%;
    margin:0 auto;
    max-width:450px
}
.mo-send,.mo-to{
    color:#000;
    font-size:18px;
    margin-bottom:0;
    text-transform:uppercase
}
.mo-send span{
    color:#ffcf3c;
    font-weight:bold
}
.keyword,.shortcode{
    font-size:30px;
    color:#238fe2;
    font-weight:700
}
.one-half.column{
    width:50%;
    margin:0 auto
}
.column:first-child{
    width:50%
}
.prize{
    padding-top:15px
}
.ques{
    padding-top:65px;
    flex-grow:1
}
img{
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto
}
.button-block{
    width:100%;
    display:block
}
.text-center{
    text-align:center
}
.center-column{
    float:none;
    margin:0 auto !important
}
.hide{
    display:none
}
.disclaimer{
    font-size:10px;
    font-weight:normal;
    padding-bottom:10px;
    color:#fff;
    margin-bottom:0
}
.footer-links,.footer-links a,.bottom-legal{
    list-style:none;
    text-align:center;
    color:#fff;
    font-size:11px;
    text-decoration:none;
    line-height:1
}
p{
    margin-bottom:0
}
.bottom-legal{
    color:#fff;
    text-align:center;
    margin-top:5px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.85)
}
.footer-links li{
    display:inline-block
}
#show-keyword{
    text-align:center
}
.column form{
    margin:0 auto 10px
}
@media screen and (max-width:850px){
    html,body{
        background:#073590
    }
    .disclaimer{
        color:#fff
    }
    .prize{
        padding-top:0;
        width:80%;
        margin:0 auto
    }
    .ques{
        padding:0
    }
    .left{
        margin:0 auto;
        background-size:cover;
        padding:10px 0
    }
    .wrapper{
        background-size:200%;
        background-repeat:no-repeat;
        background-position:top;
        padding:0
    }
    .bottom-legal{
        width:90%;
        margin:5px auto 5px
    }
    footer{
        width:90%;
        margin:0 auto
    }
    .column form{
        width:90%
    }
    .one-half.column,.column:first-child{
        width:100%;
        float:none
    }
    .legalline{
        position:relative;
        text-align:center
    }
    .wap{
        display:block
    }
    .web{
        display:none
    }
    .footer-links,.footer-links a,.bottom-legal{
        color:#fff;
        text-shadow:none
    }
    #show-keyword{
        margin:5px auto 0
    }
    .guide{
        text-shadow:none
    }
}
@media screen and (max-width:650px){
    .call2action{
        margin-bottom:20px
    }
    .subtitle{
        font-size:22px
    }
    .title{
        font-size:33px
    }
    .guide{
        margin-bottom:10px;
        font-size:16px
    }
    #telInput{
        margin-bottom:10px
    }
}
@media screen and (max-width:400px){
    .subtitle{
        font-size:15px
    }
    .title{
        font-size:24px
    }
}
@-webkit-keyframes pulse{
    from{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05);
        box-shadow:0 0 8px 4px #ffe16d
    }
    to{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
@keyframes pulse{
    from{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05);
        box-shadow:0 0 8px 4px #ffe16d
    }
    to{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.title-footer{
    display:inline-block;
    width:100%;
    color:#fff;
    background:#000;
    line-height:100%;
    border-top-left-radius:20px;
    padding:5px;
    text-indent:4px;
    text-align:left
}
.content-footer p{
    display:inline-block;
    width:100%;
    padding:2px;
    margin:0
}
.content-footer span{
    position:relative;
    z-index:1;
    width:64%;
    display:inline-block;
    font-weight:normal;
    color:#303030;
    background:#fff;
    border-radius:5px;
    padding:2px 4px
}
.content-footer p b{
    display:inline-block;
    width:32%;
    color:#fff;
    text-indent:4px
}
.content-footer{
    position:relative;
    display:block;
    font-family:Arial,sans-serif;
    font-size:10px;
    font-weight:bold;
    color:#474747;
    background:#383838;
    border-radius:20px;
    margin:10px auto;
    padding-bottom:5px
}
.content-footer .title-footer span{
    display:inline-block;
    text-align:center;
    width:15px;
    height:15px;
    font-size:10px;
    font-weight:bold;
    border-radius:5px;
    padding:0;
    margin-right:4px
}
.footerlogo{
    position:absolute;
    z-index:0;
    display:block;
    top:10px;
    right:5px;
    float:right
}
.footerlogo img{
    width:28px;
    height:28px
}
body[data-format="MOBILE"] .portrait{
    min-height:100vh
}
.errorTC{
    background-color:rgba(0,0,0,0.6);
    padding:5%;
    font-size:12px;
    color:#222;
    display:none;
    text-align:center;
    position:fixed;
    width:90%;
    height:100%;
    top:0;
    left:0;
    z-index:100
}
#error_tc{
    border-radius:4px;
    border:1px solid #4c4c4c;
    width:50%;
    background-color:#fff;
    padding:5%;
    font-size:20px;
    margin:15% auto 0
}
@media screen and (max-width:850px){
    .btnYes,.btnNo{
        font-size:16px
    }
    .wrapper{
        padding-bottom:40px
    }
    .header{
        font-size:12px
    }
    .titelblock{
        display:none
    }
    .prizetitle{
        font-size:18px;
        padding-top:18px
    }
    .one-half.column,.column:first-child{
        width:100%;
        float:none
    }
    .logo{
        margin-top:0;
        float:right;
        width:80px
    }
    .title{
        font-size:20px;
        clear:both;
        padding:0 5px;
        line-height:1;
        text-shadow:none
    }
    .subtitle{
        display:block;
        font-size:12px;
        margin-top:5px;
        line-height:.9;
        font-weight:800
    }
    .prize{
        padding-top:0
    }
    .web,.date{
        display:none
    }
    .wap{
        display:block
    }
    header>div{
        overflow:hidden
    }
    .titelblock{
        width:100%;
        float:none;
        text-align:center
    }
    .legaltop{
        margin-bottom:0;
        text-align:right
    }
    .wrapper{
        height:auto;
        padding-top:0
    }
    .ad{
        float:none
    }
    .onderq{
        line-height:normal;
        font-size:16px;
        color:#000 !important;
        text-shadow:none
    }
    .foot{
        background:#213368;
        color:#fff;
        font-weight:bold;
        padding:5px 0;
        text-transform:uppercase;
        font-size:15px;
        font-family:Myriad,sans-serif
    }
    .keyword,.shortcode{
        font-size:40px;
        line-height:50px
    }
    body[data-flowstate="showKeyword"] .ques{
        padding-top:10px
    }
    .mo-send,.mo-to{
        color:#000
    }
    .thankYou{
        color:#000
    }
}
@media screen and (min-width:480px){
    .content-footer p,.content-footer p b,.content-footer span,.title-footer{
        display:inline-block;
        width:auto
    }
    .content-footer p{
        white-space:nowrap
    }
    .footerlogo,.footerlogo img{
        width:50px;
        height:50px;
        top:0;
        right:0
    }
    .info{
        font-weight:bold;
        border-radius:50px;
        background-color:red;
        width:12px;
        color:#fff;
        font-size:14px;
        padding:2px;
        display:inline-block;
        margin-right:5px
    }
}
@media screen and (max-width:450px){
    .title-footer{
        padding:5px;
        width:auto
    }
    .footerlogo{
        top:1px
    }
}
.subheader-mob {
    display: none;
}
@media screen and (max-width:500px) {
    .subheader-mob {
        display: block;
    }
}
.footer-links li {
    display: inline-block;
}
 .footer-links li:after {
    content: '|';
     margin-left: 5px;
     margin-right: 2px;
}
 .footer-links li:last-child:after {
    content: '';
}