select:-moz-focusring {color:transparent;text-shadow:0 0 0 #000;}
        a:focus,a:active,button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,select::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner {border:0;outline:0;}
        textarea,input,input[type="text"],input[type="button"],input[type="submit"],input[type="image"] {-webkit-appearance:none;opacity:1;outline:0;}
        button {-webkit-appearance:none;outline:none;border:none;}
        a {text-decoration:none;}
        .wrapper {margin:0 auto;text-align:center;}
 
        *, *:before, *:after { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
        body {
            margin:0; padding:0; font-family:'Cairo', heletica, sans-serif;
            font-size:12px; background:#2980b9 url('../img/bg-repeat.png') repeat 0 0;
            -webkit-animation:10s linear 0s normal none infinite animate;
            -moz-animation:10s linear 0s normal none infinite animate;
            -ms-animation:10s linear 0s normal none infinite animate;
            -o-animation:10s linear 0s normal none infinite animate;
            animation:10s linear 0s normal none infinite animate;
        }
        @-webkit-keyframes animate {
            from {background-position:0 0;}
            to {background-position:500px 0;}
        }
        @-moz-keyframes animate {
            from {background-position:0 0;}
            to {background-position:500px 0;}
        }
        @-ms-keyframes animate {
            from {background-position:0 0;}
            to {background-position:500px 0;}
        }
        @-o-keyframes animate {
            from {background-position:0 0;}
            to {background-position:500px 0;}
        }
        @keyframes  animate {
            from {background-position:0 0;}
            to {background-position:500px 0;}
        }
        .wrap {
            margin:20vh auto 0; width:90%; max-width:400px; padding:10vh 0 5vh;
            background:#fff; position:relative; border-radius:20px;
            -webkit-box-shadow:0 0 20px 0 rgba(0, 0, 0, .3);
            -moz-box-shadow:0 0 20px 0 rgba(0, 0, 0, .3);
            box-shadow:0 0 20px 0 rgba(0, 0, 0, .3);
        }
        .txt { padding:0 5% 19px; color:#333; font-size:30px; line-height:32px; font-weight:bold; }
        .imgdl { width:100%; max-width:321px; margin:0 auto; position:absolute; top:-15vh; left:50%; transform:translateX(-50%); }
        .imgdl img { width:100%; }
        .btnope { margin:0 auto; width:230px; }
        .button {
            background:rgb(254, 83, 9);
            background:-moz-linear-gradient(90deg, rgba(254, 83, 9, 1) 0%, rgba(248, 25, 61, 1) 100%);
            background:-webkit-linear-gradient(90deg, rgba(254, 83, 9, 1) 0%, rgba(248, 25, 61, 1) 100%);
            background:linear-gradient(90deg, rgba(254, 83, 9, 1) 0%, rgba(248, 25, 61, 1) 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe5309", endColorstr="#f8193d", GradientType=1);
            display:block; font-size:22px; border-radius:50px; padding:5px 0; margin:10px 0;
            color:#fff; position:relative; -webkit-box-shadow:0 1px 5px 0 rgba(0, 0, 0, .6);
            -moz-box-shadow:0 1px 5px 0 rgba(0, 0, 0, .6); box-shadow:0 1px 5px 0 rgba(0, 0, 0, .6);
        }
        .button:after {
            content:''; display:inline-block;
            background:transparent url('../img/dl.png') no-repeat;
            width:26px; height:24px; position:absolute; right:20px; top:12px;
        }
        .button:hover {
            opacity:.9; -webkit-box-shadow:0 1px 5px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow:0 1px 5px 0 rgba(0, 0, 0, .1); box-shadow:0 1px 5px 0 rgba(0, 0, 0, .1);
        }
        /*Animation customize*/
        @-webkit-keyframes fadeInDown {
            from {
                opacity:0; -webkit-transform:translate3d(0, -5%, 0);
                transform:translate3d(0, -5%, 0);
            }
            to {
                opacity:1; -webkit-transform:translate3d(0, 0, 0);
                transform:translate3d(0, 0, 0);
            }
        }
        @keyframes  fadeInDown {
            from {
                opacity:0; -webkit-transform:translate3d(0, -5%, 0);
                transform:translate3d(0, -5%, 0);
            }
            to {
                opacity:1; -webkit-transform:translate3d(0, 0, 0);
                transform:translate3d(0, 0, 0);
            }
        }
        @media  only screen and (max-width:1366px) {
            .wrap { margin:120px auto 0; padding:70px 0 20px; }
            .imgdl { max-width:230px; top:-100px; }
            .wrap { max-width:300px;}
            .txt { font-size:26px; line-height:30px; }
            .btnope { width:200px; }
            .button { font-size:18px; }
            .button:after { width:22px; height:20px; background-size:cover; }
        }
        @media  only screen and (max-width:500px) {
            .wrap { margin:150px auto; }
        }
        @media  only screen and (max-width:991px) and (orientation:landscape) {
            .wrap { margin:70px auto; padding:120px 0 20px; }
            .imgdl { max-width:250px; top:-55px; }
        }