body{background:#efefef;margin:0}.bmc-button,body{font-family:sans-serif}.bmc-button{position:fixed;bottom:10px;right:10px;z-index:1000;display:inline-block;background:0 0;padding:0;color:#222;font-size:16px;text-decoration:none;border-radius:0;width:70px;transition:all .4s}.bmc-button:hover{transform:scale(1.05) rotate(-5deg)}@media (max-width:767px){.bmc-button{bottom:auto;top:8px;width:50px}}.nav{border-bottom:1px solid #607d8b;margin:-30px -30px 30px;box-shadow:0 0 10px 0 rgba(0,0,0,.3)}.nav,.nav a,.nav button{height:50px;display:block}.nav a,.nav button{line-height:50px;width:50%;text-align:center;float:left;text-decoration:none;padding:0;border:0;border-right:1px solid #e2e2e2;box-sizing:border-box;background:#fff}.nav a:hover,.nav button:hover{background:#efefef}.nav a:last-child,.nav button:last-child{border-right:0}.nav svg{height:24px;width:24px;padding:5px 0 0;display:block;vertical-align:top;margin:0 auto 5px}.nav svg#logout{height:18px;margin:1px auto 7px}.nav span{line-height:14px;font-size:12px;text-transform:uppercase;display:block;text-decoration:none;color:#222;font-family:sans-serif}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.logo{display:block;max-width:180px;width:100%;margin:30px auto 30px}.logo.floating{position:fixed;top:10px;left:10px;width:100%;max-width:50px;max-height:50px;z-index:1000;margin:0}.google-login{padding:15px 15px;display:block;margin:0 auto 60px;width:200px;border-radius:40px;border:0;font-size:16px}.google-login img{display:inline-block;max-width:20px;width:100%;vertical-align:middle;margin:0 5px 0 0}#app{display:block;text-align:center;overflow:hidden;width:100%;position:relative}@media (max-width:980px){#app{min-height:100vh}}@media (max-width:767px){#app{padding:0 20px;box-sizing:border-box}}#app .row{max-width:1920px;margin:auto;display:block}#app .col{display:inline-block;width:49%;text-align:left;vertical-align:middle;position:relative;z-index:10}@media (max-width:980px){#app .col{width:100%}}#app .col.fh-col{margin:10vh auto;width:100%;height:80vh;max-width:480px;padding:0;border-radius:10px;box-sizing:border-box;position:relative}@media (max-width:980px){#app .col.fh-col{height:auto;margin:30px auto}}#app:after{bottom:0;left:0;width:40%;background:#2d4f70;border-radius:800px;transform:translate(-50%,50%) rotate(-20deg)}#app:after,#app:before{content:"";position:absolute;height:120%;opacity:1}#app:before{top:0;right:0;width:120%;background:#fdbd39;border-radius:600px;transform:translate(60%,-60%) rotate(-20deg);display:block}.heading{display:block;margin:0 auto 0;color:#2c3e50;text-align:left;font-family:sans-serif;font-size:52px;max-width:480px;position:relative;z-index:10;line-height:1.5}.heading span{display:block;font-size:18px;margin-left:3px}@media (max-width:980px){.heading{margin:80px auto 0}}@media (max-width:767px){.heading{font-size:30px}}.instructions{position:relative;bottom:0;left:0;width:100%;padding:0 0 20px;font-family:sans-serif;opacity:.8}.wrapper{padding:30px 30px 0;position:relative;overflow:hidden}.curtain{position:absolute;top:0;left:0;width:100%;height:0%;transition:height;transition-duration:.4s;transition-timing-function:ease;z-index:1000;background:#e74c3c}.curtain:before{content:"";width:30px;height:30px;border-radius:50%;border-width:1px;border-color:#fff;border-style:solid;border-top-color:transparent;border-bottom-color:transparent;-webkit-animation:spin .4s linear infinite;animation:spin .4s linear infinite;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-25px;opacity:1}@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fade-enter-active,.fade-leave-active{transition-duration:.4s;transition-property:transform,height,opacity;transition-timing-function:ease;overflow:hidden}.fade-enter-active .curtain,.fade-leave-active .curtain{height:100%}.fade-enter,.fade-leave-active{opacity:0}button{cursor:pointer}button.copy-btn{position:relative;float:right;width:20px;height:25px;border:0;background:#fff;padding:0;cursor:pointer}button.copy-btn:before{content:"";position:absolute;z-index:1;width:100%;height:100%;top:-5px;right:-5px;border:1px solid #868686;border-radius:3px;box-sizing:border-box;transition:all .4s}button.copy-btn:hover:before{top:-2px;right:-2px}button.copy-btn:hover:after{content:"Copy HTML";position:absolute;display:inline;white-space:nowrap;font-size:10px;color:#fff;background:#222;padding:5px 10px;top:-5px;left:50%;transform:translateX(-50%) translateY(-100%);text-transform:uppercase}button.copy-btn span{width:100%;height:100%;z-index:10;border:1px solid #868686;border-radius:3px;background:#ecf0f1;box-sizing:border-box}.btn-wrap,button.copy-btn span{display:block;position:relative}.btn-wrap{margin:30px -30px 20px;height:40px;text-align:center}.btn-wrap:after{content:"";clear:both;display:block}.CodeWrap p{font-size:16px;font-family:sans-serif;margin:20px 0 0}.CodeWrap textarea{width:100%;display:block;margin:5px 0 0;border:1px solid #eee;height:140px;font-size:12px;font-family:sans-serif;padding:10px;box-sizing:border-box}.CodeWrap textarea::-webkit-scrollbar{width:5px;background:#fff;margin-right:0}.CodeWrap textarea::-webkit-scrollbar-thumb{background:#b9b9b9}.btn{width:auto;display:inline-block;text-align:center;text-decoration:none;margin:0;padding:10px 20px;border-radius:30px;color:#fff;font-size:16px;font-family:sans-serif;text-transform:uppercase;line-height:20px}.btn.rs-btn{background:#2d4f70;color:#fff;transition:all .4s}.btn.rs-btn:hover{color:#2d4f70;background:#c9d9e6}.btn.hc-btn{color:#127080;background:0 0}.btn.hc-btn:hover{color:#127080;background:#efefef}.btn.hm-btn{color:#fff;background:#2c3e50}.btn.hm-btn:hover{color:#fff;background:#34495e}.btn.icon-btn{width:25%;background:#fff}.btn.icon-btn svg{height:20px;width:20px}.btn.icon-btn:hover{background:#efefef;cursor:pointer}.rating{display:block;padding:0;color:#b7b7b7;border-radius:8px}.rating .list{display:inline-block;padding:0;margin:0}.rating .list .star.active svg.star-solid path{fill:#ffe100;stroke:#ffe100;stroke-width:1px}.rating .list .star:hover:not(.active) svg.star-line path,.rating .list:hover .star svg.star-solid path{fill:#ffe100}.rating .list:hover .star svg.star-line path{stroke:#ffe100;stroke-width:1px}.rating .list .star{display:inline-block;font-size:42px;transition:all .2s ease-in-out;cursor:pointer}.rating .list .star:hover~.star:not(.active){color:inherit}.rating .list .star:first-child{margin-left:0}.rating .list .star.active{color:#ffe100}.rating .info{margin-top:15px;font-size:40px;text-align:center;display:table}.rating .info .divider{margin:0 5px;font-size:30px}.rating .info .score-max{font-size:30px;vertical-align:sub}.sub-heading{font-size:24px;padding:30px 0 15px 15px;font-family:sans-serif}@media (max-width:767px){.sub-heading{font-size:20px}}.utility-btn-wrap{display:block;margin:30px -30px -30px;position:relative;height:52px;text-align:center;text-decoration:none;border-top:1px solid #607d8b;box-shadow:-10px 0 10px 0 rgba(0,0,0,.3)}.utility-btn-wrap:after{content:"";clear:both;display:block}.utility-btn-wrap .utility-btn{width:25%;background:#fff;float:left;display:block;border:0;text-align:center;height:52px;text-decoration:none;color:#222;border-right:1px solid #efefef;box-sizing:border-box}.utility-btn-wrap .utility-btn.btn-save{width:100%}.utility-btn-wrap .utility-btn.btn-save svg{height:25px;width:25px;margin:0 auto}.utility-btn-wrap .utility-btn.btn-50{width:50%}.utility-btn-wrap .utility-btn.btn-75{width:75%}.utility-btn-wrap .utility-btnnth-last-child(1){border-right:0}.utility-btn-wrap .utility-btn svg{height:20px;width:20px;display:block;margin:5px auto}.utility-btn-wrap .utility-btn svg#back-icon{margin-top:6px}.utility-btn-wrap .utility-btn span{text-transform:uppercase;font-size:10px;font-family:sans-serif}.utility-btn-wrap .utility-btn:hover{background:#efefef;cursor:pointer}.toasted-container.top-center{top:0!important}.toasted-container .toasted.toasted-primary{background-color:#2980b9;font-family:sans-serif;text-transform:uppercase;top:0;transform:translateY(0)!important}.form-wrap{max-height:400px;overflow-y:auto;display:block;padding-right:10px;margin-right:-10px}.form-wrap::-webkit-scrollbar{width:5px}.form-wrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}.form-wrap::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.rating svg{display:inline-block;width:30px;height:30px;margin:5px}.rating svg path{fill:#eee}.email-form{display:block;width:100%;max-width:480px;padding:0;border-radius:10px;box-sizing:border-box;background:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%);box-shadow:0 0 20px 0 rgba(0,0,0,.2);border:1px solid #607d8b;overflow:hidden}@media (max-width:980px){.email-form{width:100%;position:relative;top:auto;transform:translateY(0)}}label{display:block;font-family:sans-serif;font-size:12px;margin:6px 0 2px 15px;text-transform:uppercase;color:#7f8c8d}input{width:100%;margin:0 0 15px;height:32px;border-radius:20px;border:1px solid #e2e2e2;box-sizing:border-box;padding:0 15px;line-height:40px}input:focus{outline:0;border-color:#222}textarea{width:100%;margin:0 0 15px;height:100px;border-radius:20px;border:1px solid #e2e2e2;box-sizing:border-box;padding:0 15px;line-height:40px}textarea:focus{outline:0;border-color:#222}