html{ height:100%;padding:0;margin:0;}
body{overflow-y:scroll; height:100%;padding:0;margin:0;width:99%; background-color:#001427;color:#FFFFFF;
font-family:"HelveticaNeue","Helvetica Neue","Helvetica","Arial",sans-serif;
font-size:1.5em;}

#header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: 230px;
    margin:auto;
    background: linear-gradient(to bottom right, rgba(0,47,100,1) 0%, rgba(9,9,121,1) 35%, rgba(160,89,230,1) 100%);
    max-width:1200px;
    min-width:920px;
    width:100%;
    display:block;
}
    #logo{    
        background-image: url(/app/img/logo_gayroyalapp@3x.png);
        background-repeat: no-repeat;
        background-position: center center;
        height:197px;width:407px;margin-top:30px;margin-left:15px;
        float:left;
        position:absolute;
    }
    #user{    
        background-image: url(/app/img/pic_usr-1@3x.png);
        background-repeat: no-repeat;
        background-position: center -51px;height:240px;width:513px;margin-right:90px;
        float:right;       
    }
    #badge {
        position:absolute;
        top:12px;width:309px;height:309px;background-position: center -51px;right:0;
        background-image: url(/app/img/badge_no1@3x.png);
        background-repeat: no-repeat;
}

section {display:block;width:100%;max-width:1200px;min-width:920px;margin:0 auto;background-color:#001B34}
article.app-stores {position:relative;z-index:1;text-align:center;white-space: nowrap;width:920px;margin:0 auto;}
article.app-stores a { display:inline-block;padding:0;background-repeat:no-repeat;background-position: center center;
        width:432px;height:132px;margin:12px 0;
}
#articleAppstore {background-image: url(/app/img/badge_apple@3x.png);}
#articlePlaystore {background-image: url(/app/img/badge_google@3x.png);}


/*#header{position:absolute;top:0;left:0;right:0;height:40px;background-image:linear-gradient(to right,rgba(0,45,100,0) 0%,rgba(0,45,100,0.8) 20%,rgba(0,45,100,1) 40%,rgba(0,45,100,1) 50%,rgba(0,45,100,1) 60%,rgba(0,45,100,0.8) 80%,rgba(0,47,100,0) 100%);} */
#content{position:relative;margin:0 auto;max-width:1200px;min-width:920px;}
#content-replace {background-color:#001427;clear:both;}

h1{text-align:center;}

ul{margin:0;padding:0;}

footer>ul {
height:120px;line-height:120px;vertical-align:middle;display:block;
}
nav>ul>li {display:inline-block;text-align:center;height:40px;width:33.3%;line-height:40px;vertical-align:middle;margin:0px;}
footer>ul>li {display:inline-block;text-align:center;height:40px;width:33.3%;line-height:40px;vertical-align:middle;margin:0px;}

p {margin:0;padding:0;color:#FFFFFF;}
nav>ul>li>a{margin-top:-4px;text-decoration:none;outline:none;width:100%;height:40px;line-height:40px;vertical-align:middle;display:inline-block;font-size:1em;text-align:center;color:#FABA79;border:none;border-left:2px solid #001B34;transition-duration:0.1s;transition-timing-function:linear;transition-property:color,background-color;}
nav>ul>li>a:hover{text-decoration:none;outline:none;background-color:#FABA79;color:#002F64;}
nav > ul > li:last-child > a{border-right:2px solid #001B34;}
header{display:block;position:relative;margin:0;padding:0;height:30%;}
header > h1{margin:0;}

header > h1>a>img{margin-top:3%;}
h2{margin-top:10px;color:#89F28D; font-weight:bold; font-size:1em;text-align:left;}
h3{ text-align:left; color:#A1A2AB; cursor:default;margin:20px 0 5px 0; }

footer{ margin:0px auto;background: linear-gradient(to bottom right, rgba(0,47,100,1) 0%, rgba(9,9,121,1) 35%, rgba(160,89,230,1) 100%);}
footer>ul>li>a, footer>ul>li>a:hover, footer>ul>li>a:visited { text-decoration:none; font-weight:bold; color:#FFFFFF;}

#start > p {margin:10px;padding:10px;color:#FFFFFF;font-size:1em;}
#start > p:last-of-type {margin-bottom:0;}
#start > h2 {padding:20px 10px 10px 10px;margin-top:0px;}
#leftPic {float:left;display:inline-block;background-repeat:no-repeat;background-image:url(/app/img/pic_usr1@3x.png);
background-position-x:-87px;width:570px;height:1446px;margin-right:20px;
}
#rightPic {float:right;display:inline-block;background-repeat:no-repeat;background-image:url(/app/img/preview@3x.png);
   width:483px;height:1041px;
}

#privacy, #termsofservice{box-sizing:border-box; position:relative;margin:0 auto;width:80%;color:rgb(230,230,230);padding:20px;border-radius:10px;border:0px solid #FFFFFF;} 
                                                                                                                                                                               */
#privacy ul{margin:0 0 0 20px;}
#privacy > ul > li{list-style:disc;}

/* SUPPORT */
#support,#terms,#termsofservice {padding:20px;}
#support>p,#termsofservice>p {padding:5px;}
#support-head{font-size:1.2em;line-height:1.5em;text-align:center;}
#support-address, #support-email{width:50%;float:left;}
#support-address>b, support-email>b, #support-register>b{ color: rgb(255, 255, 255);}

@media screen and (max-width: 700px){
	#support-address, #support-email{width:100%;}
	#support-email::before{content:'\A \A';clear:both;display:block;white-space:pre;}
}

 div#overlay-note{
                position:absolute;
                left:50%;
                top:40%;
                z-index:10;
            }
            div#overlay-note > div[onclick]{
                position:relative;
                background-color:#FABA79;
                color:#001B34;
                z-index:1;
                width:28px;
                height:28px;
                right:-178px;
                top:-14px;
                font-size:28px;
                line-height:28px;
                vertical-align:middle;
                text-align:center;
                border-radius:50%;
                font-weight:bold;
                cursor:pointer;
            }
            div#overlay-note > div[onclick] + div{
                width:400px;
                min-height:56px;
                overflow:hidden;
                line-height:50px;
                border-radius:4px;
                font-size:28px;
                text-align:center;
                border:1px solid #FABA79;
                box-shadow:0 0 10px 8px rgba(0,27,52,0.75);
                position:relative;
                left:-208px;
                top:-28px;
                padding:4px;
                background-color:#001B34;
                color:#FABA79;
                box-sizing:border-box;
                cursor:default;
            }

A,A:visited,A:hover {color:#3DBFEE;text-decoration:none;outline:none;}