.mainTitleOverIMG {
    color: #fff;
    font-size: 65px;
    font-weight: normal;
    height: 200px;
    letter-spacing: 1px;
    line-height: 250px;
    margin: auto;
    text-align: center;
    width: 100%;
}

.actionButtonHolder {
    display: block;
    float: left;
    width: 100%;
}

.broadcast.grey,
.learn-more-block.grey {
    background-color: #eee;
}

.actionButton {
    min-width: 120px;
    color: #fff;
    background-color: #2db9e7;
    display: block;
    height: 37px;
    line-height: 37px;
    text-align: center;
    border-radius: 4px;
    padding: 15px;
    padding-top: 0;
    padding-bottom: 0;
    width: auto;
    margin-left: 4%;
    float: none;
    font-size: 20px;
    margin: auto;
    width: 200px;
}

    .actionButton:hover {
        background-color: #FF9800;
    }

#divContentWrapper p.strong {
    font-weight: bold;
}

.mainTitle {
    color: #000;
    font-weight: normal;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

#divContentWrapper {
    height: auto;
}

#divBoardContent {
    float: none;
    margin: auto;
    width: 90%;
    max-width: 1520px;
}

#divContentWrapper h5 {
    color: #000;
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 40px;
    width: 98%;
    font-weight: normal;
    padding-left: 2%;
}


h6 {
    color: #2a99bd;
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 40px;
    width: 100%;
    font-weight: normal;
}

#divContentWrapper p {
    color: #555;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: normal;
    padding-left: 20px;
    padding-right: 20px;
    width: 90%;
    margin: auto;
}



#divContentWrapper ul {
    display: block;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 29%;
    margin-right: 4%;
}

    #divContentWrapper ul li {
        font-size: 17px;
        color: #555;
        line-height: 1.3em;
        list-style-type: disc;
        color: #2a99bd;
        width: 100%;
        margin-bottom: 7px;
    }

#divContentWrapper ol {
    margin-bottom: 20px;
}

    #divContentWrapper ol li {
        font-size: 14px;
        color: #555;
        line-height: 20px;
        margin-left: 40px;
        margin-bottom: 5px;
    }

.faq {
    color: #2a99bd;
    font-size: 17px;
    border-bottom: 1px solid #2a99bd;
}

    .faq:hover {
        color: #24748e;
        border-bottom: 1px solid #24748e;
    }

.backtotop {
    display: block;
    float: right;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: right;
    width: 98%;
    padding-right: 2%;
}

    .backtotop a {
        color: #2a99bd;
        text-decoration: underline;
    }

        .backtotop a:hover {
            color: #35beea;
        }

.FAQHolder {
    background-image: url("/images/FAQHolder.jpg");
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
}

.MediaHolder {
    background-image: url("/industries/images/media.jpg");
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
}

.BrandsHolder {
    background-image: url("/industries/images/brands.jpg");
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
}

.SportHolder {
    background-image: url("/industries/images/sport.jpg");
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
}

.HLSHolder {
    background-image: url("/images/hls.png");
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
}

.EspoprtsHolder {
    background-image: url("/industries/images/esports.jpg");
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
}

.EventsHolder {
    background-image: url("/industries/images/events.jpg");
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
}

.ReligionHolder {
    background-image: url("/industries/images/religion.jpg");
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
}

.ProdWebHolder {
    background-image: url("/products/images/web.jpg");
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
}

.ProdRokuHolder {
    background-image: url("/products/images/roku.jpg");
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
}

.ProdFireTvHolder {
    background-image: url("/products/images/firetv.jpg");
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
}

.columnHolder {
    display: block;
    float: left;
    width: 98%;
    margin-bottom: 50px;
    margin-top: 30px;
    padding-left: 2%;
}

p {
    color: #000;
    font-size: 15px;
    line-height: 25px;
    padding: 0px 10px 0px 10px;
    margin-bottom:8px;
}

.experience p,
.content p {
    border-right: none;
}

.copyrightsAddress {
    padding: 0;
}

#topPlaceHolder {
    margin-bottom: 0;
}

.whatIs {
    font-size: 45px;
    height: 200px;
    letter-spacing: 1px;
    line-height: 250px;
    text-align: center;
    width: 1000px;
    font-weight: normal;
    color: #fff;
    margin: auto;
}

.platform, .content, .broadcast, .experience, .createChannelLMore {
    display: block;
    float: left;
    background-color: transparent;
    width: 100%;
    margin: auto;
    /*margin-bottom: 50px;*/
    padding: 15px;
}

.learn-more-block {
    display: block;
    float: left;
    background-color: transparent;
    margin: auto;
    /*margin-bottom: 50px;*/
    padding: 15px;
    width:calc(100% - 30px);
}
/*.platform {
    margin-top: 40px;
}*/
.block-img {
    background-repeat: no-repeat;
    background-size: 200px;
    width: 20%;
    height: 250px;
    margin-top: -50px;
    background-position:center;
}

.block1 .block-img {
    background-image: url('/images/learn-more-blocks/1.png');
}

.block2 .block-img {
    background-image: url('/images/learn-more-blocks/2.png');
}

.block3 .block-img {
    background-image: url('/images/learn-more-blocks/3.png');
}

.block4 .block-img {
    background-image: url('/images/learn-more-blocks/4.png');
}

.block5 .block-img {
    background-image: url('/images/learn-more-blocks/5.png');
}

.block6 .block-img {
    background-image: url('/images/learn-more-blocks/6.png');
}

.platformHead, .contentHead {
    color: #2a99bd;
    display: block;
    height: auto;
    width: 100%;
    font-size: 37px;
    text-align: center;
    text-transform: capitalize;
    margin: auto;
    font-weight: normal;
}


.pageHolder {
    display: block;
    margin: auto;
    max-width: 1320px;
    padding: 1%;
    width: 98%;
    margin-top: 50px;
}

.platformContent, .contentContent {
    display: block;
    width: 80%;
    margin:auto;
}

.text-center{
    text-align:center;
}

.leftfloat {
    float: left;
}

.rightfloat {
    float: right;
}


.buttonsHolder {
    width: 100%;
    margin: auto;
    height: 200px;
}

.learmMoreWatchVideo {
    /*background-repeat: no-repeat;
    background: rgba(0, 0, 0, 0) url("/images/Sprites/Strimm_TV_Home.png") no-repeat scroll -787px -8px;
    cursor: pointer;
    display: block;
    height: 77px;
    margin: auto;
    width: 220px;
    margin-top: 30px;*/
    display: block;
    float: none;
    background: #FF9800;
    height: 37px;
    width: 200px;
    margin: auto;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

    .learmMoreWatchVideo:hover {
        /*background: rgba(0, 0, 0, 0) url("/images/Sprites/Strimm_TV_Home.png") no-repeat scroll -790px -126px;
            background-repeat: no-repeat;
            width: 220px;
            margin: auto;
            display: block;
            cursor: pointer;
            height: 77px;
            margin-top: 30px;
                display: block;*/
        background: #35beea;
        text-decoration: none;
    }


.howToHolderLM {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    height: 70px;
    font-size: 19px;
    font-weight: normal;
    color: #777;
    margin-bottom: 50px;
    margin-top: 30px;
}



.howToGuides {
    padding: 5px;
    text-transform: capitalize;
    color: #777;
    text-decoration: underline;
}

    .howToGuides:hover {
        color: #2a99bd;
    }

.buttonsContent {
    display: block;
    float: left;
    width: 280px;
    padding: 10px;
    font-size: 15px;
    line-height: 22px;
    color: #555;
}

.bottomSignUpHolder {
    display: block;
    float: left;
    width: 100%;
    height: 50px;
}

.bottomSignUp {
    color: #fff;
    display: none;
    font-size: 17px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 180px;
    border: 1px solid #4eb030;
    background-color: #4eb030;
    margin: auto;
    margin-top: 0;
    border-radius: 4px;
}

#ancCreateOrSignUpBottom {
    display: none;
    width: 180px;
    height: 50px;
    float: none;
    color: #fff;
    background-color: #32A901;
    text-align: center;
    line-height: 50px;
    text-transform: capitalize;
    font-size: 17px;
    margin-top: 0;
    border-radius: 4px;
    margin: auto;
}

    .bottomSignUp:hover,
    #ancCreateOrSignUpBottom:hover {
        background-color: #277b05;
    }

.width325 {
    width: 325px;
}

.paragraphText, .contentContent ul {
    color: #555;
    font-family:;
    font-size: 16px;
    line-height: 25px;
    padding: 20px;
}

.contentContent ul li{
    list-style:circle;
    margin-left:20px;
}

@-moz-document url-prefix() {
    .paragraphText {
        font-size: 15px;
    }
}

.learnMoreDetails {
    color: #5CADC8;
    font-size: 14px;
    font-style: italic;
    height: 25px;
    cursor: pointer;
}

    .learnMoreDetails:hover {
        border-bottom: 1px solid #2a99bd;
    }

.learnMoreButtonHolder {
    background-image: url("/images/learnMoreButtonHolder.jpg");
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
}

.marginHead {
    margin-bottom: 0;
}



@media (max-width:1024px) {
    .platformHead, .contentHead {
        font-size: 27px;
    }

    .block-img
    {
        width:100%;
    }

    #divContentWrapper ul {
        display: block;
        float: left;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%;
        margin-right: 0;
    }

    .platform, .content, .broadcast, .experience, .createChannelLMore {
        margin-bottom: 0;
    }

    .platformContent, .contentContent {
        width: 100%;
    }

    .platformImg, .contentImg, .experienceImg, .broadcastImg, .createChannelLMoreImg, .businessImg {
        background-size: 200px;
        width: 100%;
        height: 220px;
        margin-top: 0;
        background-position: center center;
        margin: auto;
    }

    .experienceImg {
        background-size: 160px;
    }

    .margin300 {
        float: left;
    }
}


@media (max-width:760px) {
    .learnMoreButtonHolder {
        height: 200px;
    }

    .whatIs {
        color: #fff;
        font-size: 30px;
        ;
        position: absolute;
        bottom: 20px;
        left: 10px;
        height: auto;
        line-height: 1.3em;
        text-align: left;
        width: 96%;
    }

    .learmMoreWatchVideo {
        display: none;
    }

    .platform {
        margin-top: 0;
    }

    .pageHolder {
        margin-top: 30px;
    }

    .platformContent, .contentContent {
        padding-top: 0;
    }

    .marginHead {
        margin-bottom: 40px;
    }

    .FAQHolder {
        height: 200px;
        position: relative;
        background-position: right;
    }

    .mainTitleOverIMG {
        color: #fff;
        font-size: 30px;
        position: absolute;
        bottom: 20px;
        left: 10px;
        height: auto;
        line-height: 1.3em;
        text-align: left;
        width: 96%;
    }

    .columnHolder {
        margin-top: 0;
    }
}


@media (max-width:520px) {
    h6 {
    text-align: center;
    line-height: 30px;
}
}

.industries .paragraphText
{
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
}

.industries .platformHead 
{
    width:80%;
    text-align:left;
}

@media (max-width:520px) {
    .industries .platformHead {
        width: 100%;
        text-align: left;
    }
}

.drop-zone {
    margin: auto;
    max-width: 500px;
    text-align: center;
    padding: 0px;
    border: 4px dashed #eee;
    margin-bottom: 20px;
    margin-top: 20px;
}

#uploadReady.show, #uploadState.show, #uploadResults.show {
    display: block;
}

#uploadReady, #uploadState, #uploadResults {
    margin: auto;
    max-width: 450px;
    text-align: center;
    display: none;
}

#uploadState {
    padding: 5px;
    background-color: #FF9800;
    color: #fff;
    margin-bottom: 15px;
}

#uploadResults {
    text-align: left;
    border: 1px solid #ddd;
    padding: 10px;
}

.drop-zone.active {
    background: repeating-linear-gradient( 45deg, #eee, #eee 10px, #fff 10px, #fff 20px );
    border: 4px dashed #999;
}

.drop-zone .message {
    font-size: 30px;
    margin-top:20px;
}

.drop-zone .message p {
    font-size: 20px;
}

.drop-zone .message p small {
    font-size: 12px;
}

.drop-zone .preview {
    flex: 100%;
    max-width: 100%;
    padding: 0 4px;
    justify-content: center;
    display: flex;
    padding: 10px;
    margin: 10px;
    border: 1px solid #ddd;
    background: repeating-linear-gradient( 45deg, #eee, #eee 10px, #ddd 10px, #ddd 20px );
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height:50px;
}

.drop-zone .preview img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
    margin: auto;
    display: block;
}

.drop-zone .preview .remove-image {
    position: absolute;
    top: 2px;
    right: 2px;
    color: #F00;
    font-size: 20px;
    display: none;
}

.drop-zone .preview:hover .remove-image {
    display: block;
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
}