html{font-size:100%;height:100%;width:100%;overflow-x:hidden;margin:0;padding:0;touch-action:manipulation}
body{font-size:18px;font-family:open sans,sans-serif;width:100%;height:100%;margin:0;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;overflow-x:hidden;color:#333}
h1,h2,h3,h4,h5,h6,p,a,ul,span,li,img,inpot,button{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{line-height:1.5;font-weight:inherit}
h1,h2,h3{font-family:'Libre Baskerville',serif}
p{line-height:1.6;font-size:1.05em;font-weight:400;color:#555}
h1{font-size:4.5em;line-height:1}
h2{font-size:3em;line-height:1.1}
h3{font-size:2.5em}
h4{font-size:1.5em}
h5{font-size:1.2em}
h6{font-size:.9em;letter-spacing:1px}
a,button{display:inline-block;text-decoration:none;color:inherit;transition:all .3s;line-height:1}
a:focus,a:active,a:hover,button:focus,button:active,button:hover,a b.light-color:hover{text-decoration:none;color:#e45f74}
b{font-weight:700}
img{width:100%}
li{list-style:none;display:inline-block}
span{display:inline-block}
button{outline:0;border:0;background:0 0;cursor:pointer}
b.light-color{color:#444}
.icon{font-size:1.1em;display:inline-block;line-height:inherit}
[class^=icon-]:before,[class*=" icon-"]:before{line-height:inherit}
*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}
*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}
.center-text{text-align:center}
.display-table{display:table;height:100%;width:100%}
.display-table-cell{display:table-cell;vertical-align:middle}
::-webkit-input-placeholder{font-size:.9em;letter-spacing:1px}
::-moz-placeholder{font-size:.9em;letter-spacing:1px}
:-ms-input-placeholder{font-size:.9em;letter-spacing:1px}
:-moz-placeholder{font-size:.9em;letter-spacing:1px}
.full-height{height:100%}
.position-static{position:static}
.title{color:#fcc50a}
.desc{font-family:'Libre Baskerville',serif;font-style:italic;color:#595450}
.main-area{position:relative;height:100vh;z-index:1;padding:0 20px;background-size:cover;color:#fff}
.main-area:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;/*opacity:.4;background:#000*/}
.main-area .desc{margin:20px auto;max-width:600px}
.main-area .notify-btn{padding:13px 35px;border-radius:50px;border:2px solid #f84982;color:#fff;background:#f84982}
.main-area .notify-btn:hover{background:0 0}
.main-area .social-btn{position:absolute;bottom:40px;width:100%;left:50%;transform:translateX(-50%)}
.main-area .social-btn>li>a{margin:0 10px;padding-bottom:7px;position:relative;overflow:hidden}
.main-area .social-btn>li>a:after{content:'';position:absolute;bottom:0;left:0;right:0;transition:all .2s;height:2px;background:#f84982}
.main-area .social-btn>li>a:hover:after{transform:translateX(100%)}
.logo { position: absolute; top: 15px; left: 15px; font-family: 'Montserrat', sans-serif; color:#595450; font-size: 16px; }