body{
    margin:0px;
    padding:0px;
}

#roboto-content{
    font: normal 18px 'Roboto-Regular';
    color: #000000;
    margin:0px;
    padding:0px;
    max-width:100%;
    box-sizing: border-box;
    max-width:1360px;
    margin:0 auto;
    display:block;
    line-height:30px;
}

#roboto-content .grey{
    background-color: #f3f3f3;
}

#roboto-content div{
    text-align:left;
}

#roboto-content line{
    line-height:1px;
}

#roboto-content div{
    text-align:inherit;
}

#roboto-content ul > li::after {
    display:none;
}

#roboto-content ul > li {

    padding:0px;
}

#roboto-content ul{
    list-style: disc;
}

#roboto-content .top-img{
    padding:0px;
}

#roboto-content .w70{
    display:block;
    margin:0 auto;
    width:86%;
}

#roboto-content .white-text{
    color:#FFFFFF !important;
}

#roboto-content .grey-text{
    color:#b7b7b7;
}

#roboto-content .grey{
    background-color: #313131 !important;
    color:#FFFFFF !important;
}

#roboto-content .black{
    background-color: #000000 !important;
    color:#FFFFFF !important;
}

#roboto-content .grey .title{
    color:#FFFFFF;
}

#roboto-content .big-img{
    background-color: #000000 !important;
    color: #ffffff ;
    font-size: 1em;
    text-align: center;
    padding:0px;
    margin-top:0px;
    margin-bottom:0px;
    box-sizing: border-box;
}

#roboto-content .big-img-text{
    display:block;
    margin-top:0px;
    padding:40px;
}

#roboto-content .big-img-text2{
    font-family: 'Roboto-Light';
    font-size: 3em;
    line-height:1.6em;
    margin-bottom:30px;
    margin-top:10px;
    text-transform: uppercase;
}

#roboto-content .youtube{
    width:100%; 
    height: 700px;
}

#roboto-content .main-logo{
    margin-top:0px;
    max-width:100%;
}

#roboto-content .uppercase{
    text-transform: uppercase;
}

#roboto-content .info-text{
    font-size: 0.6666666666666666em;
}

#roboto-content .title-small{
    font-size: 0.5714285714285714em;
}

#roboto-content li{
    line-height: 34px;
}

#roboto-content .buy{
    font-family: 'Rajdhani Semibold';
    background-color:#000000;
    color:#FFFFFF;
    padding:15px;
    border-radius: 5px;
    text-decoration: none;
    font-size:1.4285714285714286em;
    padding-left: 70px;
    padding-right:70px;
    margin-bottom:70px;

}

#roboto-content .line{
    width:100%;
    border-top:1px solid #000000;
    margin-bottom:40px;
    margin-top:40px;
}

#roboto-content #top{
    background-color:#000000;
    color:#FFFFFF;
    padding:20px;
    padding-left: 40px;
    padding-right:40px;
    width:100%;
    box-sizing: border-box;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

#roboto-content .top-text{
    font-family: 'Rajdhani-Bold';
    font-size:2em;
    color:#FFFFFF;
    float:right;
    line-height:50px;
}

#roboto-content .title{
    font-family: 'Roboto-Medium';
    font-size:1.9em;
    line-height:1.3em;
    color:#000000;
    margin-bottom:25px;
}

#roboto-content .title2{
    line-height:1.6em;
    font-family: 'Roboto-Light';
    font-size:3em;
    color:#000000;
}

#roboto-content .title3{
    font-family: 'Roboto-Regular';
    font-size:2em;
    color:#000000;
    margin-bottom:20px;
    margin-top:40px;
}

#roboto-content .title4{
    font-family: 'Roboto-Medium';
    font-size:1.667em;
    line-height:1.3em;
    color:#000000;
    margin-bottom:25px;
}

#roboto-content .mb40{
    margin-bottom:30px;
}

#roboto-content .mt40{
    margin-top:30px;
}

#roboto-content .padding2{
    padding-top:50px;
    padding-bottom:0px;
}

#roboto-content .padding3{
    padding:45px;
    padding-top:0px;
}

#roboto-content .padding4{
    padding:0px;
    padding-top:45px;
    padding-bottom:0px;
}

#roboto-content .padding5{
    padding:0px;
    padding-top:45px;
    padding-bottom:45px;
}

#roboto-content .text2{
    font-family: 'Roboto-Medium';
    font-size:1.1428571428571428em;
}

#roboto-content .padding{
    padding:40px;

}

#roboto-content .row{
    display:flex;
    align-items: center;
    background-color: #FFF;
}

#roboto-content .align-top{
    align-items: start;
}

#roboto-content .box{
    width:50%;
    display:block;
    float:left;
    box-sizing: border-box;
}

#roboto-content .box2{
    width:100%;
    display:block;
    float:left;
    box-sizing: border-box;
}

#roboto-content .box3{
    width:33%;
    display:block;
    float:left;
    box-sizing: border-box;
}

#roboto-content .w100{
    max-width:100%;
    width:100%;
}

#roboto-content .mw100{
    max-width:100%;
    margin:0 auto;
    display:block;
}

#roboto-content .text-center{
    text-align:center;
    justify-content:center;
}

#roboto-content .center{
    text-align:center;
}

@media only screen and (max-width: 940px) {

    #roboto-content .big-img-text{
        padding:30px;
    }

    #roboto-content .w70{
        width:100%;
    }

    #roboto-content{
        font-size:15px;
    }

    #roboto-content .youtube{
        width:100%; 
        height: 315px;
    }

    #roboto-content ul{
        text-align: center;
    }

    #roboto-content .c1{
        order:1;
    }

    #roboto-content .c2{
        order:2;
    }

    #roboto-content .title{
        text-align: center;
        margin-bottom:30px;
    }

    #roboto-content .top-text{
        float: none;
        margin:0 auto;
        display:block;
        margin-top:0px;
    }

    #roboto-content #top{
        display:block;
        float:left;
        width:100%;
        text-align: center;
    }

    #roboto-content .padding{
        padding:30px;
    }

    #roboto-content .padding3{
        padding:30px;
    }    

    #roboto-content .row{
        display:block;
        float:left;
        width:100%;
        display:flex;
        flex-direction: column;
    }

    #roboto-content .box{
        width:100%;
        display:block;
        float:left;
        text-align: center;
    }

    #roboto-content .box2{
        width:100%;
        display:block;
        float:left;
        text-align: center;
    }

    #roboto-content .box3{
        width:100%;
        display:block;
        float:left;
        text-align: center;
    }

    #roboto-content .buy{
        padding-left:0px;
        padding-right:0px;
        display:block;
        width:50%;
        margin:0 auto;
        margin-bottom:70px;
        margin-top:5px;
    }

  }

  @media only screen and (max-width: 940px) {

    #roboto-content{
        font-size:14px;
    }    

  }