﻿.container {
text-align: center;
}
.backcellularhealing {
    background-image: url(../../images/pages/slide-productinfo-bluemarine.png);
    /*NEW CSS's*/
    background-size: cover;
    background-repeat: no-repeat;
}

.videocontent {
    padding-top: 14%;

}
.videocontent .videoframe{
    max-width: 565px;

}
.videocontent .dataimg
{
}
.videocontent .dataimg img
{
    padding: 10px 0px;
}
.videocontent .videoframe iframe{
    width: 100%;

    max-width: 565px;
    height: 315px;
}
.videocontent .textvideo{
    text-align: center;

}
.videocontent .textvideo .titlevideo{
    font-size: 16px;

    color: #0ab6f5;
    line-height: 26px;
    width: 268px;
    text-align: center;
    margin: 0 auto;
    border-bottom: 1px solid #AAB0B4;
    text-shadow: 0 0 0.5em white, 0 0 0.5em white, 0 0 0.5em white;
}
    .videocontent .textvideo .titlevideo a {
    color: #0AB5F4;
}
     .videocontent .textvideo .titlevideo a:hover {
    color: #616161;
    }
.videocontent .textvideo .detailvideo{
    padding-top: 8px;
}
.buttonlink a{
    color: #6D6D6D;
      
    text-shadow: 0 0 0.5em white, 0 0 0.5em white, 0 0 0.5em white;
}
.buttonlink {
    font-family: 'RobotoSlab-SemiBold';
    background-image: url(../../images/pages/arrowrigth2.png);
    background-repeat: no-repeat;
    width: 140px;
    background-position: 126px 3px;
    margin: 0 auto;
    font-size: 11px;
}
.buttonlink:hover{
    background-image: url(../../images/pages/arrowrigth2hover.png);
}
.buttonlink:hover a{
    color:#0AB5F4;
}
#datapage{
    max-width: 385px;
    padding-top: 7%;
    color: #FFFFFF;
    margin: 0 auto;
    text-align:left;
}
#datapage .title {
    font-family: 'PFDinTextStd-Thin';
    font-size: 44px;
    line-height: 42px;
    /*max-width: 290px;*/
}

    #datapage .textcontent {
        font-size: 17px;
        font-family: 'RobotoSlab-Light';
        line-height: 26px;
    }


    #datapage .textcontent p {
    margin: 10px 0px;
    }





@media only screen and (max-width: 1199px) {
    .videocontent {
        padding-top: 13%;
    }
}

@media only screen and  (min-width: 767px)  and (max-width: 959px){
    .container .eight.columns{width: 314px !important;}
    .videocontent {
        padding-top: 39%;
    }
}

@media only screen and (max-width: 767px) {
    .videocontent {
        padding-top: 7%;
    }

}

@media only screen and (min-width: 400px) {

.container .six.columns { min-width: 400px; }
}
@media only screen and (max-width: 400px) {

#datapage .title{
    font-size: 34px;
}
}
@media only screen and (max-width: 1300px) {
#CenterPage{
    padding-top: 3%;
}
}