.at-pictureBlock {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

/**
 * Text left, picture right
 */

.l-text-picture {
    direction: rtl;
}

.l-text-picture .at-pictureBlock__section--contentWrapper {
    direction: ltr;
}

/**
 * Sections
 */

.at-pictureBlock__section {
    vertical-align: top;
}

/** Picture */
.at-pictureBlock__section--picture {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.at-pictureBlock__placeholder {
    visibility: hidden;
}

@media screen and (min-width:600px) {
    .at-pictureBlock__placeholder {
        max-width: 1000px;
    }
}

.openPlayerButton {
    display: block;
}

.openPlayerButton:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    background: url(../../img/playButton.png) no-repeat 50% 50%;
    background-size: 60px;
}

/** Content */
.at-pictureBlock__section--contentWrapper {
    position: relative;
    padding: 20px;
}

.at-pictureBlock__section--content {
    padding: 20px 5%;
}

.at-pictureBlock__title {
    margin: 0.15em 0 0.3em
}

.at-pictureBlock__content {
    margin-top: 0.8em;
    padding-top: .9em;
    background: transparent url(../../img/wave-white.png) repeat-x top left;
    background-size: 14px;
}

.at-pictureBlock__download {
    font-family: 'Futurapt Bold', sans-serif;
}

.at-pictureBlock__download:before {
    color: #f9a702;
}

.theme-d-yellow .at-pictureBlock__download,
.theme-d-yellow .at-pictureBlock__download:before {
    color: #002b5c;
}

.theme-d-yellow .at-pictureBlock__download {
    color: inherit;
}

/** Arrow */
.at-pictureBlock__section--picture:before,
.at-pictureBlock__section--picture:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: transparent;
    display: block;
    width: 0;
}

.theme-b-blue.at-pictureBlock__section--picture:after {
    border-color: transparent transparent #002b5c transparent;
}

@media (min-width: 600px) {
    .at-pictureBlock__section {
        display: table-cell;
        height: 100%;
    }

    .at-pictureBlock__section--picture {
        width: 50%;
        overflow: hidden;
    }

    .at-pictureBlock__section--contentWrapper {
        width: 50%;
    }

    .at-pictureBlock__section--picture:before,
    .at-pictureBlock__section--picture:after {
        bottom: 50%;
        right: 0;
        margin: 0 0 -15px 0;
    }

    .theme-b-blue.at-pictureBlock__section--picture:after {
        border-color: transparent #002b5c transparent transparent;
    }

    /** Text left, picture right */
    .l-text-picture .at-pictureBlock__section--picture:before,
    .l-text-picture .at-pictureBlock__section--picture:after {
        left: 0;
        right: auto;
    }

    .l-text-picture .theme-b-blue.at-pictureBlock__section--picture:after {
        border-color: transparent transparent transparent #002b5c;
    }
}

@media (min-width: 900px) and (max-width: 1200px) {
    .at-pictureBlock__section--picture {
        width: 70%;
        position: relative;
    }

    .at-pictureBlock__section--contentWrapper {
        width: 30%;
    }
}