@import "/css/fonts/PFDinDisplayPro.css";

body {
    padding-top: 0;
    font-family: "PF DinDisplay Pro", Arial, sans-serif;
}

.global-header-profile-data {
    position: absolute;
    top: -520px;
    right: 0;
    float: none;
}

.global-header-profile-item {
    padding: 5px 18px;
}

.global-header-sub-menu {
    background: transparent;
}

.global-header-sub-menu a {
    width: 130px;
    color: white;
    text-decoration: none;
    background: rgba(31, 34, 35, 0.6);;
}

.lang-list .icon {
    height: 22px;
    background-size: cover;
    width: 30px;
    margin-right: 10px;
}

.has-submenu.lang-list > a {
    text-transform: uppercase;
    color: white;
    font-size: 16px;
    line-height: 22px;
}

.has-submenu > a:after, .has-submenu > .icon:after {
    top: 13px;
}

.global-header-sub-menu {
    top: 30px;
}

.logo {
    background: url(/img/launcher/landing/crea_logo.png) no-repeat top center;
    width: 225px;
    height: 48px;
    position: absolute;
    left: 0;
    top: -525px;
}


.launcher-landing {
    background: url(/img/launcher/landing/bg1.jpg) no-repeat top center #24272d;
    padding: 560px 0 0;
    min-width: 1170px;
    margin: 0 auto;
}

.launcher-landing .wrap {
    width: 1150px;
    margin: 0 auto;
    position: relative;
}

.launcher-landing h1 {
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.launcher-landing p.desc {
    font-size: 26px;
    text-align: center;
    line-height: 36px;
    padding: 50px 90px;
}

.launcher-landing .download-section {
    text-align: center;
}

.launcher-landing .download-section .button-large {
    width: 220px;
    padding: 30px 40px 50px;
    text-align: center;
    line-height: 32px;
    height: 40px;
    font-size: 24px;
    margin-bottom: 100px;
}

.launcher-landing .instruction h2 {
    font-size: 44px;
    text-align: center;
    padding: 40px 0;
    font-weight: bold;
    text-transform: uppercase;
}

.instruction ol {
    padding: 0;
    margin: 40px 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    height: 100%;
    flex-wrap: nowrap;
    counter-reset: num;
}

.instruction ol li {
    width: 25%;
    padding: 0px 15px 0 50px;
    font-size: 20px;
    line-height: 26px;
    vertical-align: top;
    border-right: 1px #495365 solid;
    position: relative;
}

.instruction ol li:before {
    content: counter(num) '.';
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 15px;
    color: #d8395b;
    text-align: right;
    font-weight: bold;
}

.instruction ol li:last-of-type {
    border-right: none;
}

.launcher-landing .games h2 {
    font-size: 44px;
    text-align: center;
    padding: 40px 0 40px;
    font-weight: bold;
    text-transform: uppercase;
}

.games {
    margin-bottom: 100px;
}

.games > ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    height: 100%;
    flex-wrap: wrap;
    counter-reset: num;
    justify-content: center;
}

.games > ul > li {
    width: 48%;
    max-width: 475px;
    vertical-align: top;
    position: relative;
    background: #262a33;
    margin: 10px 1%;
    -webkit-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.3);
}

.desc-block {
    position: relative;
    overflow: hidden;
}
.desc-block:hover .desc {
    top: 0;

}

.desc-block .desc {
    position: absolute;
    top:100%;
    background: rgba(0,0,0,.7);
    font-size: 26px;
    line-height: 32px;
    padding: 30px 30px;
    height: 100%;
    transition: 0.7s;
}

.desc ul {
    padding-left: 40px;
    margin: 30px 0;
}

.desc ul li {
    list-style: none;
    position: relative;
    margin: 10px 0;

}
.desc ul li:before {
    position: absolute;
    display: block;
    content: '';
    width: 18px;
    height: 13px;
    top: 9px;
    left: -40px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAYAAACkTj4ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBEODgyMUZGM0ZBOTExRUJCNTJGRDMyRkEwOTZDRkNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBEODgyMjAwM0ZBOTExRUJCNTJGRDMyRkEwOTZDRkNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEQ4ODIxRkQzRkE5MTFFQkI1MkZEMzJGQTA5NkNGQ0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEQ4ODIxRkUzRkE5MTFFQkI1MkZEMzJGQTA5NkNGQ0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5vUKMrAAABAUlEQVR42mL8//8/Azngr0AoI5BSBGIWIL7NRKYhzEBqCRDfBeKbQKzGRIYhbEBqKRBHIQn/YSHDkDVA7IskvAyI7zFRaMgCII5j/rD6P+Mf/hAtIMcfiNcDBW7gMIQLJA/EbkjCM4A4C2QIiAMy6BmQlgTiT0DsDZQ4gsWQLUDsiMsQEAB5DcbhA+JdQI0uBAzpRTcE5iJzIL0diAWhYr+BOASID4IMBmIzJPWdQAMqsHmfEZQggTbrAtl7gVgUKv4PiO+A0gcxhsANgnpDBUgdAGJpLOoqgYZ04ItVePQDFYJcYAVNrSQZgmIQ1LBHQMoWiE8C8U8gLiLGEBAACDAAeTpeOg4eelwAAAAASUVORK5CYII=') no-repeat left center ;
}


.games > ul > li:nth-last-child(5):first-child,
.games > ul > li:nth-last-child(5):first-child ~ li {
    width: 31%;
}

.games ul li h3 {
    padding: 25px 20px;
    text-align: left;
    font-size: 36px;
    font-weight: normal;
}

.games ul li img {
    max-width: 100%;
    display: block;
}

.games ul li div.game-more {
    padding: 20px;
    text-align: right;
}

.games ul li div a {
    font-size: 18px;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    padding-right: 20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFGNUYzRTAyM0Y4NTExRUJCNDhCOUIwOUU4MDc2Q0REIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFGNUYzRTAzM0Y4NTExRUJCNDhCOUIwOUU4MDc2Q0REIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUY1RjNFMDAzRjg1MTFFQkI0OEI5QjA5RTgwNzZDREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUY1RjNFMDEzRjg1MTFFQkI0OEI5QjA5RTgwNzZDREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51N9MJAAAA5ElEQVR42mL4//8/w1mj5DVAHAVi48KMQAV7GRgYnBggwNTo7JwzDFgAE5IiEDh6zjhFFZfCWCQ+GxCfBCqWwVAItGoJkC5EEhOEKuZFN5EBqHgCkOpEEpcC4lNAxawoCqGKK4DUPCTFGkB8HMZhBHkdGQBNWQSkopEMAYVKLIZCqOKvQIoLSSiHCYuifWiKlgLxXBQTgYp2Aik3JEUbgG4PRPEM1G3Iig7DFMEVAhX1oAX8OaAiO5RwBCqqBNLFSGJ3gNgKWxS2IfGfA7EF0LSf2BTOAeIvQHwPmnreYksUAAEGAEZrYhZRDo0tAAAAAElFTkSuQmCC') no-repeat right center;
}

.games > ul li:nth-last-child(5):first-child div.game-more,
.games > ul li:nth-last-child(5):first-child ~ li div.game-more {
    text-align: center;
}

.games > ul li:nth-last-child(5):first-child div.desc,
.games > ul li:nth-last-child(5):first-child ~ li div.desc {
    font-size: 20px;
    line-height: 26px;
    padding: 20px;
}

.games > ul li:only-of-type .desc-block {
    overflow: visible;
}

.games ul.cnt1 {
    display: block;
}
.games ul.cnt1 li {
    display: inline-block;
    width: 470px;
}


.games > ul li:only-of-type .desc-block .desc {
    left: 115%;
    top: -86px;
    width: 120%;
    background: none;
    padding-top: 0;
}

.features {
    background: #181b22;
}

.features h2 {
    font-size: 44px;
    text-align: center;
    padding: 70px 0 0;
    font-weight: bold;
    text-transform: uppercase;
}

.features h4 {
    color: #f8a225;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 30px;
    margin: 50px 0 20px;
}

.features p {
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
}

.social {
    background: #181b22;
}

.social h2 {
    font-size: 36px;
    text-align: center;
    padding: 70px 0 50px;
    font-weight: bold;
    text-transform: uppercase;
}

.social ul {
    text-align: center;
}

.social ul li {
    display: inline-block;
    margin: 0 20px;
}

.social ul li a {
    display: block;
    width: 68px;
    height: 68px;
    background: url(/img/launcher/landing/social.png) no-repeat 0 0;
}

.social ul li a.vk {
   background-position: 0 0;
}
.social ul li a.fb {
    background-position: -68px 0;
}
.social ul li a.dc {
    background-position: -136px 0;
}
.social ul li a.in {
    background-position: -204px 0;
}


.faq {
    background: #181b22;
    padding-bottom: 40px;
}

.faq h2 {
    font-size: 36px;
    text-align: center;
    padding: 70px 0 50px;
    font-weight: bold;
    text-transform: uppercase;
}

.faq ul {
    margin: 0 0 50px;
    list-style: none;
}

.faq ul li {
    margin: 20px 0;
    padding: 10px;
    background: #24262e;
}

.faq h4 {
    color: #f8a225;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    margin: 0 0 20px;
}

.faq p {
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
}

.launcher-landing .faq .download-section .button-large {
    margin-bottom: 50px;
}

.footer {
    background: #24262e;
    padding: 20px 0;
    border-top: 1px solid #3e424a;
}

.copyright {
    font-size: 16px;
    text-align: center;
    color: #7c8080;
}

.icon-18 {
    margin-left: 10px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAe1BMVEVHcEx0fX17gIB7f398f39rb298gIB8f39se3t7f397gIB7gIAASEh1d3d3fn57gIB7gIBZdXV5f394fX17gIB5fn57gIB8f397gIB8gIB7f397gIB7gIB6f397f398gIB7f39qgIB7gIB6f397f396f397f397f398gIBTmdzcAAAAKHRSTlMAEWfXsQfWqwq/o/cBDSfmugUxGPIf++2cz4/+4DiFxmAMcFNCfNugJc1vYAAAA4JJREFUeF6t2NuSojAQBuBGOUoMchKQoyCa93/C3UorGSasBLL/zUgV9dFOujEAy3Hr3vmW0yFyQT20sUu2kqs9pooc6TOmlKBT8twXU84tXPfOJtuQk6XsPS/Ol1yeiuL97ZmP+8qFH96aiJ7q/4YQK18Xzx+PgEJCIWp6srjuaYvCK3P01MSXJEr15SFsiOu8xVDTk0VL6hfhaYlyfXqi7OmLwnNC2JX7L9Fy3p4LO3O+oPDCihodD2O8xR4AIPJVPULWxCwFAGx2c/IMGvFQQ1BW3eem17bmqRniZdHDsQWI+Q9INZ3WVf6Vx6+6jzcUJZsSNMaSSNE5w8Dlw1SLzabYuGqkYfO0i0WO/E7wgBP/7tMpRvADdLFm9jsOATmUr8UIR35NsgQeOejaEnitQU5Y8GuBjX8+cZ+/wQfDJHZbfMq/wUI8CRSL8hMc0cipBSQ+JBwsiDoIZxpFjgDhxIlLiECPKx0rg5hOgHge6wCDXebTjeBBgKTg7RABBg9ZNDFxmsY7QFFSOwf7zPez8f+BIa8nMDaDZT11G4Kztk3SDSBcZrOZJlygO0ExyYWFQiOGcicIEba5WRvWnTY+BxuOUUprBB+U0kegCJLbe4Cr4pngRzsGgL7y/wbva/hJEYS7WbJZqhoA3IBJUQQhtmeeP/AJ3Q8+inmFZTYSHbBOmJQRwK12gqHHMFnhtYjg4HTPZLYoVxVQdE0ypiEQYziyqW/u8Z62QVtMCuUC88juxr6hjYMyHT/Pu0GHAy/4ZOBgFu8GL9OsYaJSEADhEW9fm8FRgNefIHSB7wc9bAZvE/hgMxCMrT8BJq7qBPZimyWyBcyxoume33KwMnaDWBGzaw7ELzxsyT/B4wpY43CV1zZvbqa0F5HBgu8L/g1a/ASF3RJpOYidX92XQexkOScig7inOGAblIPAEBEgNJLnGWjIRVwjHJ7SFqeI7jUB0x1nXHZb8uLqU0M+bdpFyME0zRP9+OchL7KkLEs/e5p9CgsxxETRROWxIjRoXddRimcteWKb1/+/B58OL34Sop53Ew/LQtTwxGP9WYg6ngUgi9qe9K31PJ0aZU9PlNdDT5Tr0xNlT1eUPX1ReAovOON1L930ivN5iMk3jaR9peKJlWFB631JmzE1T/+1sxw313sxLoccAjWu6kAxaWNf1zS/6GNQjxt1ufMlzUDDZeAPdPJOOUSVDygAAAAASUVORK5CYII=');
}