/* CSS: Dragon Lord > Landing */

@font-face {
  font-family: "BehrensAntiqua";
  src: url("fonts/11748.eot"); /* IE9 Compat Modes */
  src: url("fonts/11748.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/11748.otf") format("opentype"), /* Open Type Font */
    url("fonts/11748.svg") format("svg"), /* Legacy iOS */
    url("fonts/11748.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/11748.woff") format("woff"), /* Modern Browsers */
    url("fonts/11748.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

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

* {
    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: 840px;
    transform-origin: 50% 0;
}

.landingWrapperInner {
    max-height: 1080px;
    position: relative;
}
.landingWrapperInner:after{
    display: block;
    content: '';
    position: relative;
}

/* Видео */

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

.landing-bg-video {
    height: 100%;
    position: relative;
    left: 0%;
    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.png);
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size: auto 100%;*/
    width: 640px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    transform-origin: 50% 0;
    margin: 0 auto;
}

.landing-logo {
    height: 248px;
}
.landing-logo img{
	display: block;
    margin: 0 auto;
}
.landing-logo-fr img{
	position: relative;
    right: 15px;
}
.landing-logo-de img{
	position: relative;
    right: 15px;
}
.landing-intro1 {
    line-height: 26px;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
}
.landing-intro1 p{
    font-family: "BehrensAntiqua";
    text-shadow: 2px 2px 2px #000;
    font-size: 23px;
}

.landing-button-link {
    background: url(img/landing_button.png);
    background-position: center -2px;
    background-repeat: no-repeat;
    width: 347px;
    height: 121px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
}
.landing-button-link-en{
    background: url(img/landing_button_en.png);
    background-position: center -2px;
    background-repeat: no-repeat;
}
.landing-button-link-fr{
    background: url(img/landing_button_fr.png);
    background-position: center -2px;
    background-repeat: no-repeat;
}
.landing-button-link-de{
    background: url(img/landing_button_de.png);
    background-position: center -2px;
    background-repeat: no-repeat;
}
.landing-button-link-pl{
    background: url(img/landing_button_pl.png);
    background-position: center -2px;
    background-repeat: no-repeat;
}
.landing-button-link:hover {
    background-position: center -135px;
}

.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;
    width: 83%;
    margin: 0 auto;
    margin-top: 22px;
}

.landing-intro2 > p {
    font-family: "BehrensAntiqua";
    padding-top: 5px;
    text-shadow: 2px 2px 1px #000;
    font-size: 23px;
    display: block;
    margin: 0 auto;
}
.landing-intro2 > p:nth-child(3){
    /*width: 77%;*/
}

/* Оверлей */

#landing-overlay {
    background: transparent;
    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;
}
.blur{
    -webkit-filter: blur(5px);
    filter: blur(5px);
}
/* Форма */

.landing-form {
    width: 475px;
    height: 760px;
    margin-left: -223px;
    position: absolute;
    top: 0px;
    left: 50%;
}
#osdk-auth-widget-holder {
    position: relative;
    margin: 0 auto;
}
@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;
    }
}




/* Копирайт */
/*
.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 */