/* Reset */
body, html, form, img, div, p, h1, h2, h3, a, li { margin: 0; padding: 0; border: 0; }
    a, a:hover { text-decoration: none; border: 0; }
ul { list-style-type: none; }
a, a:hover { text-decoration: none; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
img { vertical-align: middle; }
/* General */
html, body { width: 100%; height: 100%; font-size: 16px; }
body { font-family: Helvetica, Arial, sans-serif,; background: url('../img/bg_full.png') no-repeat; background-attachment: fixed; background-size: cover; color: #666; font-weight: lighter; }
a, a:visited, a:hover { color: #666; }
/*Content-Left*/
.content-left { padding-left: 1rem; text-align: left; }
    .content-left .lang-responsive { display: none; text-align: left; padding-top: 1rem; }
        .content-left .lang-responsive .lang-en { padding-left: 0.8rem; padding-right: 0.8rem; }
    .content-left .logo { padding-top: 1rem; padding-bottom: 1rem; }
    .content-left .title { padding-bottom: 2rem; font-size: 2.8rem; line-height: 2.7rem; }
        .content-left .title span { color: #e02c00; }
    .content-left .store { padding-bottom: 0.2rem; }
        .content-left .store a { padding-right: 1rem; }
    .content-left .text { padding-bottom: 1rem; font-size: 1.1rem; }
        .content-left .text p { padding-top: 0.8rem; }
    .content-left .logo-isul { margin-bottom: 2rem; }
/*Content-Right*/
.content-right { text-align: right; }
    .content-right .lang { padding-top: 2rem; }
        .content-right .lang .lang-en { padding-left: 0.8rem; padding-right: 0.8rem; }
    .content-right .hand { background: url('../img/img_hand.png') no-repeat; background-position: bottom right; min-height: 840px; }
        .content-right .hand .gif { background: url('../img/app.gif') no-repeat; min-height: 840px; background-position: 31% 29%; }
.logo-isul img { max-width: 8rem; padding-bottom: 1rem; }
/*FX*/
.rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: transform; transition-property: transform; }
    .rotate:hover, .rotate:focus, .rotate:active { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); }

.grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: transform; transition-property: transform; }
    .grow:hover, .grow:focus, .grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); }

/*--<<Media Queries>>--*/
@media (max-width: 1920px) and (min-width: 1920px) {
    html { font-size: 22px; }

}

@media (max-width: 1680px) {
    html { font-size: 20px; }
}

@media (max-width: 1440px) {
    html, body { font-size: 19px; }
}

@media (max-width: 1360px) {
    html, body { font-size: 17px; }
}


@media (max-width: 1199px) {
    html, body { font-size: 16px; }
    .content-right .hand { background-position: bottom left 0.7rem; }
}

@media (max-width: 1024px) {
    html, body { font-size: 15px; }
}

@media (max-width: 991px) {
    .content-left { text-align: center; padding-left: 1rem; padding-right: 1rem; padding-top: 1.6rem; }
        .content-left .lang-responsive { display: initial; padding-top: 1rem; }
    .content-let .store a img { padding-bottom: 1rem; }
    .content-right { text-align: center; }
        .content-right .lang { display: none; }
        .content-right .hand { background-position: bottom left 12.6rem; }
            .content-right .hand .gif { background-position: 52.8% 29%; }
}

@media (max-width: 767px) {
    .content-left { padding-left: 1rem; padding-right: 1rem; }
    .content-right .hand { background-position: bottom left 6.3rem; padding-left: 1rem; padding-right: 1rem; }
}

@media (max-width: 579px) {
}

@media (max-width: 479px) {
    html, body { font-size: 14px; }
    .content-left { padding-left: 0.8rem; padding-right: 0.8rem; }
   /*.content-right .hand { background-position: bottom left 4.4rem; }*/
       .content-right .hand { background: none; padding-top: 1rem; }
        .content-right .hand .gif { min-height: 375px; }
}

@media (max-width: 419px) {
    .content-left .store a { padding-bottom: 1rem; }

}


@media (max-width: 320px) {
    html, body { font-size: 13px; }
}