﻿@font-face {
    font-family: "NettoOT-Lightr";
    src: url('Fonts/NettoOT-Light.otf') format('embedded-opentype'); /* Modern Browsers */
}

@font-face {
    font-family: 'NettoOT';
    src: url('Fonts/nettoot-webfont.eot');
    src: url('Fonts/nettoot-webfont.eot?#iefix') format('embedded-opentype'),          
         url('Fonts/nettoot-webfont.ttf') format('truetype'),
         url('Fonts/nettoot-webfont.svg#nettootregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NettoOT-Bold';
    src: url('Fonts/nettoot-bold-webfont.eot');
    src: url('Fonts/nettoot-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/nettoot-bold-webfont.ttf') format('truetype'),
         url('Fonts/nettoot-bold-webfont.svg#netto_otbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    /*font-family: "NettoOT-Lightr";*/
    font-family: "BoosterLight";
    src: url('Fonts/BoosterLight.eot');
    src: url('Fonts/BoosterLight.eot?#iefix') format('embedded-opentype'),
         url('Fonts/BoosterLight.otf') format('embedded-opentype'), /* Modern Browsers */
         url('Fonts/BoosterLight.ttf') format('truetype'),
         url('Fonts/BoosterLight.svg#BoosterNextFYW01-Light') format("svg");
    font-weight: normal;
    font-style: normal;
}        


@font-face {
    /*font-family: 'NettoOT';*/
    font-family: "Booster";
    src: url('Fonts/booster.eot');
    src: url('Fonts/booster.eot?#iefix') format('embedded-opentype'),
        url('Fonts/booster.otf') format('embedded-opentype'),
        url('Fonts/booster.ttf') format('truetype'),
        url('Fonts/booster.svg#BoosterNextFYW01-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    /*font-family: 'NettoOT-Bold';*/
    font-family: "BoosterBold";
    src: url('Fonts/BoosterBold.eot');
    src: url('Fonts/BoosterBold.eot?#iefix') format('embedded-opentype'),
        url('Fonts/BoosterBold.otf') format('embedded-opentype'), /* Modern Browsers */
        url('Fonts/BoosterBold.ttf') format('truetype'),
        url('Fonts/BoosterBold.svg#BoosterNextFYW01-Bold') format('svg');

    font-weight: normal;
    font-style: normal;
}

.imgAuthor {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 130px;
    height: 150px;
}


.banner-title-panel .banner-right {
    float: right;
    width: 440px;
    text-align: right;
}

    .banner-title-panel .banner-right .large {
        float: right;
        width: 470px;
        text-align: right;
    }

    .banner-title-panel .banner-right img {
        float: right;
    }

.document-products-block {
    float: left;
    width: 1000px;
    margin-bottom: 20px;
    padding: 35px 0px;
    font-size: 20px;
}

    .document-products-block .documents-products-row {
        float: left;
        width: 788px;
        margin-bottom: 20px;
        padding: 0px 60px;
        font-size: 20px;
        /*background: url(/OrchardLocal/Modules/PaybackLoyalty.Tiles/Styles/document-prd-bg.png) no-repeat 0 230px;*/
        background-size: 780px 96px;
    }

        .document-products-block .documents-products-row li {
            float: left;
            width: 190px;
            margin-right: 30px;
            list-style-type: none;
        }

            .document-products-block .documents-products-row li.last {
                margin-right: 0px;
            }

            .document-products-block .documents-products-row li .img {
                float: left;
                width: 178px;
                margin-bottom: 50px;
                -webkit-box-shadow: 2px 2px 2px 2px #333333;
                -moz-box-shadow: 3px 3px 10px #cecece;
                -webkit-box-shadow: 3px 3px 10px #cecece;
                box-shadow: 3px 3px 10px #cecece;
            }

                .document-products-block .documents-products-row li .img img {
                    float: left;
                }

            .document-products-block .documents-products-row li .title {
                float: left;
                width: 190px;
                font-size: 20px;
                color: #0093a8;
            }

                .document-products-block .documents-products-row li .title a {
                    font-size: 20px;
                    color: #0093a8;
                }

            .document-products-block .documents-products-row li.last {
                margin-right: 0px;
            }



/*.AuthorTileItem {
    border-width: 1px;
    border-bottom-color: white;
    border-style: solid;
    float:left;    
    background-color:#2ea5b4;
    color:white;
    width: 262px;
    height: 350px;
}*/

.AuthorTileItem {
    border-width: 1px;
    border-bottom-color: white;
    border-style: solid;
    float:left;    
    background-color:#5261AC;
    color:white;
    width: 252px;
    height: 340px;
    margin:5px;
}


.Authortile:hover {
    background-color: #0092a7;
    color: #ffffff;
}

.AuthorsquareHtmlImage:hover {
    opacity: .5;
    height: 250px;
    -webkit-transition-property: height, opacity;
    -webkit-transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out;
}

.AuthorsquareHtmlImage {
    opacity: 1;
    height: 200px;
    -webkit-transition-property: height, opacity;
    -webkit-transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out;
}

.AuthorBackgroundVideo {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}