/* CSS: Dragon Lord > Landing */

/* ОСНОВНЫЕ */

* {
    padding: 0;
    margin: 0;
    /*border: 0;*/
}

a {
    color: #FFFFFF;
}
a:hover {
    color: #9999FF;
}

img {
    border: 0;
}

b, strong, h1, h2, h3 {
    font-weight: bold;  /* Исправляем отображение толщины шрифтов в Windows 7 */
}


/* ВЁРСТКА */

.landingWrapper {
    font: 17px/1 Arial, Helvetica, sans-serif;
    color: #EEE;
    background: #060C14;
    overflow: hidden;
    min-width: 980px;
        height: 900px;  /* Для Opera 12 */
    height: 100vh;
    min-height: 600px;
    transform-origin: 50% 0;
}

.landingWrapperInner {
    max-height: 1080px;
    position: relative;
}

/* Видео */

.landing-bg {
    width: auto;
    max-width: 1920px;
    height: 1080px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
}

.landing-bg-video {
    height: 100%;
    position: relative;
    left: -50%;
    display: block;
}

/* КОНТЕНТ */

.landing-contentOuter {
        width: 100%;  /* Для Opera 12 */
    width: 100vw;
        height: 100%;  /* Для Opera 12 */
    height: 100vh;
    min-height: 1080px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.landing-content {
    max-width: 1920px;
    height: 100%;
    max-height: 1080px;
    margin: 0 auto;
    position: relative;
}

.landing-contentInner {
    background: url(img/landing-content.jpg) center top no-repeat;
    width: 461px;
    height: 100%;
    margin-left: -482px;
    position: absolute;
    top: 0px;
    left: 50%;
        transform-origin: 50% 0;
}
.landing-contentInner_fr {
    background: url(img/bg_fr.png) center top no-repeat;
}
.landing-contentInner_de {
    background: url(img/bg_germ.png) center top no-repeat;
}
.landing-contentInner_pl {
    background: url(img/bg_pol.png) center top no-repeat;
}
.landing-contentInner_cz {
    background: url(img/bg_cz.png) center top no-repeat;
}
.landing-logo {
    height: 248px;
}

.landing-intro1 {
    line-height: 26px;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
}

.landing-button-link {
    background: url(img/landing-button.png) center top no-repeat;
    width: 347px;
    height: 70px;
    margin-top: 25px;
    margin-left: 57px;
    cursor: pointer;
    display: block;
}
.landing-button-link_eng{
    background: url(img/btns_eng.png) center top no-repeat;
}
.landing-button-link_fr{
    background: url(img/btns_fr.png) center top no-repeat;
}
.landing-button-link_de{
    background: url(img/btns_germ.png) center top no-repeat;
}
.landing-button-link_pl{
    background: url(img/btns_pol.png) center top no-repeat;
}
.landing-button-link_es{
    background: url(img/btns_es.png) center top no-repeat;
    margin-top: 0px;
}
.landing-button-link_cz{
    background: url(img/btns_cz.png) center top no-repeat;
    margin-top: 0px;
}
.landing-button-link:hover {
    background-position: center bottom;
}

.landing-gallery {
    margin-top: 30px;
    margin-left: 34px;
}

.landing-gallery-itemLink {
    font-size: 15px;
    background: url(img/landing-gallery-item.png) no-repeat;
    width: 128px;
    height: 78px;
    padding-top: 2px;
    padding-left: 2px;
    margin-right: 5px;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.29);
        cursor: url('cursors/gallery-zoom.cur'), pointer;  /* Для IE */
    cursor: url('cursors/gallery-zoom.cur'), zoom-in;
    display: inline-block;
    vertical-align: top;
    position: relative;
/* Блочная модель border-box !!! */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.landing-gallery-itemLink:hover {
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.5), 4px 4px 0 rgba(0, 0, 0, 0.29);
    -webkit-filter: brightness(120%);
   filter: brightness(120%);
}

.landing-gallery-item-img {
    width: 124px;
    height: 74px;
    display: block;
}

.landing-intro2 {
    line-height: 26px;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
    margin-top: 22px;
}

.landing-intro2 > p {
    background: url(img/landing-intro2-p.png) center top no-repeat;
    padding-top: 32px;
    margin-top: 11px;
}
.landing-intro2 > p:first-child {
    background: none;
    padding-top: 0;
    margin-top: 0;
}

/* Оверлей */

#landing-overlay {
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: opacity 0.4s linear, visibility 0.4s step-end;
    transition: opacity 0.4s linear, visibility 0.4s step-end;
    z-index: 20;
}
#landing-overlay.formOn {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear;
}

#landing-overlay > div {
        width: 100%;  /* Для Opera 12 */
    width: 100vw;
    max-width: 1920px;
        height: 100%;  /* Для Opera 12 */
    height: 100vh;
    max-height: 1080px;
    margin: 0 auto;
    position: relative;
}

.landing-buttonOverlayOff {
    background: url(img/landing-buttonOverlayOff.spr.png) no-repeat;
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 39px;
}
.landing-buttonOverlayOff:hover {
    background-position: left bottom;
}

/* Форма */

.landing-form {
    width: 445px;
    height: 760px;
    margin-top: -396px;
    margin-left: -223px;
    position: absolute;
    top: 51.2%;
    left: 50%;
}
@media screen and (min-height: 701px) and (max-height: 780px) {
    .landing-form {
        transform: scale(0.9);
    }
}
@media screen and (min-height: 633px) and (max-height: 700px) {
    .landing-form {
        transform: scale(0.82);
    }
}
@media screen and (max-height: 632px) {
    .landing-form {
        transform: scale(0.77);
    }
@media screen and (max-height: 599px) {
    .landing-form {
        margin-top: 0;
        top: 3px;
        transform-origin: 50% 0;
    }
}

#esprit-auth-widget-holder {
    height: 100%;
}

/* Копирайт */
/*
.landing-copyright {
    color: #DBEAF8;
    text-align: center;
    margin-top: 122px;
}

.landing-copyright > a {
    color: #DBEAF8;
    text-decoration: none;
}
.landing-copyright > a:hover {
    color: #8686C0;
    text-decoration: underline;
}
*/

/* Layout: <IZEM©STUDIO> • 2017 */