body {
    font-family: 'Sora' !important
}

.img{max-width:100%}
.content-padding{padding:10px}
.content-padding p{text-shadow:#000 2px 2px 5px}
.text-primary{color:#b8d432 !important;text-shadow:#000 1px 1px 5px}
.text-danger{color:#cb2426 !important;text-shadow:#000 1px 1px 5px}
.pad0{padding:0}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#b8d432 !important}
.navbar-toggle .icon-bar{height:3px}

#banner
{
    background-image:url(../i/virtualride/bg-banner-m.jpg);
    background-color:#146a95;
    background-repeat:no-repeat;
    background-size:cover;
    padding:0 10px;
    color:#FFF
}
@media (min-width:768px)
{
    #banner
    {
        background-image:url(../i/virtualride/bg-banner.jpg);
    }
}
.winner
{
    margin:20px 0;
    border-radius:7px;
    border:2px #053143;
    background-color:#0a465e;
    box-shadow:-5px 5px #053143;
}
@media (min-width:360px)
{
    .winner{margin:20px 5px;}
}
.winner .title
{
    color:#FFF;
    font-size:14px;
    margin:10px auto;
    text-align:center
}
.winner-list{padding:0}
.winner-list li
{
    border-radius:18px;
    list-style-type:none;
    height:36px;
    line-height:30px;
    padding:0 15px;
    color:#000;
    font-weight:bold;
    border:solid 2px #FFF;
    font-size:12px;
}
.winner-list li .elevation
{
    float:right;position:relative;width:70px;text-align:right
}
.winner-list.weekly li{background-color:#b8d432;}
.winner-list.grand-prize li{background-color:#fe9e7c;}
.winner-list.grand-prize div.elevation:before
{
    content:'';
    position:absolute;
    left:-17px;
    top:4px;
    background:url(../i/virtualride/arrow-up.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    width:20px;height:18px
}
@media (min-width:1200px)
{
    .winner-list li{font-size:13px}
    .winner-list.grand-prize div.elevation:before{top:5px;left:-22px}
}

.term{color:#FFF;font-style:italic;font-size:10px}
@media (min-width:360px)
{
    .how-to-join{border-left:dotted 5px #FFF}
}
ol.how-to
{
    list-style: none;
    counter-reset: how-to-counter;
    padding-left:30px
}
.how-to li
{
    margin-bottom:18px;
    counter-increment: how-to-counter;
}
ol.how-to li::before {
    content: counter(how-to-counter) ". ";
    color: #FFF;
    font-size:12px;
    border-radius:50%;
    border:solid 1px #000;
    background-color:#ed1b23;
    width: 25px;
    height: 25px;
    line-height:23px;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    position: absolute;
    left: 20px;
}
ul.faq{padding:0;margin-top:5px;list-style-type: none;  }
ul.faq .content-padding{padding:10px 20px}

#cycling
{
    background-color:#fdffd8;
    background-image:url(../i/virtualride/cycling-in-thailand-4-m.jpg);
    background-repeat:no-repeat;
    background-position:bottom left;
    background-size:contain;
}
#cycling .content{padding:0 10px 150px}
@media (min-width:375px)
{
    #cycling .content{padding:0 10px 200px}
}
@media (min-width:575px)
{
    #cycling .content{padding:0 10px 350px}
}
@media (min-width:625px)
{
    #cycling .content{padding:0 10px 400px}
}
@media (min-width:675px)
{
    #cycling .content{padding:0 10px 450px}
}
@media (min-width:725px)
{
    #cycling .content{padding:0 10px 500px}
}
@media (min-width:500px)
{
    #cycling .content{padding:0 10px 550px}
}
@media (min-width:992px)
{
    #cycling{background-image:url(../i/virtualride/cycling-in-thailand-4.jpg);background-position:-400px 0;background-size:cover}
    #cycling .content{padding:80px 10px 0 0}
    
}
@media (min-width:1200px)
{
    #cycling{background-position:-150px 0;background-size:contain}
}
@media (min-width:1300px)
{
    #cycling{background-position:-50px 0}
}
@media (min-width:1350px)
{
    #cycling{background-position:0 0}
}

#footer
{
    background:url(../i/virtualride/bg-footer-m.jpg);
    padding-top:10px;
    padding-bottom:10px;
}
@media (min-width:768px)
{
    #footer
    {
        background:url(../i/virtualride/bg-footer.jpg);
        background-size:cover;
        padding-top:10px;
        padding-bottom:50px;
    }
    #footer .row
    {
        padding-top:20px;
        padding-bottom:20px;
    }
    
}
#banner .row, #cycling .row, #footer .row
{
    margin:0 0px;
}
@media (min-width:768px)
{
    #banner .row, #cycling .row, #footer .row
    {
        margin:0 30px;
    }
}
@media (min-width: 1200px){
    /*#banner , #cycling , #footer 
    {
        max-width:1600px;
    }*/
    #banner .row, #cycling .row, #footer .row
    {
        margin:0 60px;
    }
}
@media (min-width: 1200px){
    #banner .row, #cycling .row, #footer .row
    {
        margin:0 110px;
    }
}
@media (min-width: 1600px){
    #banner .row, #cycling .row, #footer .row
    {
        margin:0 160px;
    }
}