/*--- Pages -------------------------------------------------------------------------------------*/
.article-d10
{
    min-height: 1298px;
    color: #fff;

    background: url('/images/d10/d10-double-2560-background.jpg?v=1.2') no-repeat top center #161717;
    background-size: 1920px;
}

.article-d10.promo-block:before
{
    padding-top: 0;
}

.article-d10 .promo-block__text
{
    /*
    text-align: left;
    padding: 0;
    top: 80px;
    left: 50%;
    margin-left: -250px;
    */
}

.article-d10 .promo-block__text_wrapper,
.article-d10 .promo-block__text_wrapper h1
{
    text-align: left;
}

.article-d10 .promo-block__text_wrapper
{
    padding-left: 80px;
}

.d10-double-black-rotate-video
{
    width: 1280px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.d10-double-black-rotate-video.video-first-frame
{
    background-image: url('/media/video/d10/d10-double-black-rotate_frist-frame.jpg?v=1.3');
}

.d10-double-black-rotate-video.video-last-frame
{
    background-image: url('/media/video/d10/d10-double-black-rotate_last-frame.jpg?v=1.3');
}






.article-d10-horizontal
{
    color: #000;
    background-color: #fff;
}

.article-d10-horizontal:before
{
    padding-top: calc(40% + 300px);
}

.d10-white-horizontal-video
{
    position: absolute;
    top: calc(200px - 5%);
    left: 50%;
    transform: translate(-50%, 0);
}

.d10-white-horizontal-video.video-first-frame
{
    background-image: url('/media/video/d10/d10-white_first-frame.jpg?v=1.1');
}

.d10-white-horizontal-video.video-last-frame
{
    background-image: url('/media/video/d10/d10-white_last-frame.jpg?v=1.1');
}






.article-d10-white-vertical
{
    background-color: #fff;
}

.article-d10-white-vertical:before
{
    padding-top: calc(50% + 400px);
}

.article-d10-white-vertical .promo-block__text
{
    width: 55%;
    height: 100%;
    text-align: left;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.article-d10-white-vertical .promo-block__text_wrapper
{
    max-width: 600px;
    margin-top: -150px;
}

.article-d10-white-vertical .promo-block__background
{
    width: 50%;
    top: 50%;
    left: 72%;
}






.article-d10-pebble-and-water:before
{
    padding-top: calc(60% + 100px);
}






.article-d10-sandstone:before
{
    padding-top: calc(65% + 100px);
}

.article-d10-sandstone .promo-block__text_wrapper
{
    width: 48%;
    margin: 0 0 0 50%;
}

.article-d10-sandstone .promo-block__background
{
    width: 120%;
}