.backcalltoaction {
    /*background-image: url(../../images/pages/slide-productinfo.png);*/
        background-image: url(../../images/pages/slide-productinfo-green.png);
    /*NEW CSS's*/
    background-size: cover;
    background-repeat: no-repeat;
}
.datapage{
    max-width: 550px;
    padding-top: 4%;
    color: #FFF;
    margin: 0 auto;
    text-align: center;
}


    .datapage .textcontent {
        font-size: 24px;
        font-family: 'RobotoSlab-Regular';
        line-height: 26px;
    }



.datapage .textcontent .text2{

    color: #0AB5F4;
}
.datapage .textcontent .text2 a{
    /*color: #0071ce;*/
    color: #0AB4F4;
}
.datapage .textcontent .text2 a:hover{
    /*color: #0071ce;*/
    color: #414141;
}
.alingrigth {
    float: right;
    border-right: 1px solid #E1E1E1;
}
.alingleft {
    float: left;
}
.datacontent {
    width: 100%;
    max-width: 280px;
    margin: auto;
    padding-top: 5%;
}

.datacontent .sdatacontent{
    text-align: center;
}
.datacontent .sdatacontent1{
}
.datacontent .sdatacontent1 img{
}
.datacontent .sdatacontent2{
    font-size: 21px;
    margin: 4px 0px;
    color: #0ab6f6;
}
    .datacontent .sdatacontent3 {
        padding: 0px 26px;
        font-family: 'RobotoSlab-Regular';
        font-size: 13px;
        line-height: 20px;
    }
.datacontent .sdatacontent4{
}

.datacontent .sdatacontent4 .buttons{
}

@media only screen and (max-width: 767px) {
    
.alingrigth {
    border-right: 0px;
 
    margin-bottom: 26px;
}
.alingleft {
    margin-bottom: 26px;

}
.datacontent {
    max-width: 100%;

    /* margin: 11px 0px; */
}

.datacontent .sdatacontent{

}
}
.joinhere{
    cursor: pointer;
}
.sdatacontent1 a{}
.sdatacontent2 a{
    color: #0ab6f6 !important;
}



.button {
    background-color: #0AB4F4;
    /* background: none; */
}
.button:hover {
/* background: none !important; */
}