body:before{content:"";display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:-10;background:url("../images/background.png") no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}*{font-family:'Exo 2',sans-serif;font-size:15px;margin:0;font-weight:300}body{background:url("../images/background.jpg") no-repeat fixed 100%}@keyframes blink{50%{color:transparent}}.loader__dot{animation:1s blink infinite}.loader__dot:nth-child(2){animation-delay:250ms}.loader__dot:nth-child(3){animation-delay:500ms}.step{overflow:hidden;margin-bottom:10px}.gen-box-description span{display:block;float:left;width:30px;padding:7px 0;background:#fa6400;text-align:center;margin-right:10px}.gen-box-description p{display:block;float:left;line-height:30px}.gen-box-description .step:last-child{margin-bottom:0}.bash-line{font-weight:600}.bg-overlay{position:fixed;background:rgba(0,0,0,0.75);top:0;left:0;width:100%;height:100%}.container{width:1200px;margin:0 auto;position:relative;z-index:200}.grid-2-2{float:left}#left-side{margin-right:20px}header{padding:50px 0}header img{height:150px;display:block;margin:0 auto}.gen-box{background:#404048;width:590px;box-shadow:0 0 20px rgba(0,0,0,0.55);overflow:hidden;margin-bottom:20px;position:relative}.gen-box-title{padding:20px;background:rgba(0,0,0,0.2);color:#fa6400;font-size:18px}.gen-box-field{position:relative}.gen-box-field div,select,input[type="text"]{width:440px;box-sizing:border-box;border:0;height:50px;padding:15px;background:rgba(0,0,0,0.2);margin:0 auto;display:block;color:#fff}.gen-box-field select option{background:#0e0e0e;padding:10px}.gen-box-field button{position:absolute;height:50px;width:50px;border:0;box-sizing:border-box;top:0;background:silver;color:#fff}button.min{left:30px}button.max{right:30px}.gen-box-field button:hover{background:#fa6400;transition-duration:.5s;cursor:pointer;color:#fff}.gen-box-field-name{padding:20px 30px;color:#fff;font-size:18px}.gen-box-field-name i{margin-right:10px;color:silver}#generate,#last-step{box-sizing:border-box;border:0;padding:15px;width:150px;font-size:18px;background:#fa6400;color:#fff;display:block;margin:20px 30px}#generate i,#last-step i{margin-left:10px}#generate:hover,#add-comment-btn:hover,#last-step:hover{background:#fb7d4b;cursor:pointer;transition-duration:.5s}.gen-box-description{margin:20px;color:#fff;box-sizing:border-box;padding:20px;background:rgba(0,0,0,0.2)}.gen-box-details{background:rgba(0,0,0,0.2);margin:20px;overflow:hidden}.gen-box-details p:last-child{border-bottom:0}.gen-box-details p{box-sizing:border-box;padding:20px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.1)}.gen-box-comment{padding:0 20px;padding-left:0;overflow:hidden;margin-top:20px}.user,.gen-box-comment .comment{float:left}.user{display:block;font-size:30px!important;height:80px;width:80px;color:#fa6400;text-align:center;margin-top:20px}.gen-box-comment .comment{width:490px;box-sizing:border-box;background:rgba(0,0,0,0.2);padding:20px;color:#fff}.comment-details{color:#fa6400;font-size:18px;margin-bottom:10px}.comment-details > span{margin-left:10px;color:silver}.comment-details > span > i{margin-right:5px}.add-comment{padding:20px;box-sizing:border-box;clear:both}.add-comment p:first-child{font-size:18px;color:#fff}#nickname,#comment-content{box-sizing:border-box;padding:15px;border:0;width:100%;margin-top:10px;background:rgba(255,255,255,0.5);resize:none}#add-comment-btn{box-sizing:border-box;padding:15px;border:0;margin-top:10px;background:#fa6400;color:#fff;width:150px;font-size:18px}#add-comment-btn i{margin-left:10px}.gen-status-detail{color:silver;background:rgba(0,0,0,0.2);padding:5px;margin-left:10px}.gen-status-detail i{color:#fa6400}.error{position:absolute;left:0;display:table-cell;width:100%;top:0;background:rgba(255,0,0,0.4);height:100%;z-index:201}.error > p{position:absolute;top:50%;transform:translateY(-50%);width:100%;text-align:center;color:#fff;font-size:18px}.close-error{font-size:18px;background:#fff;padding:2px 10px;color:#888}.close-error:hover{cursor:pointer;color:rgba(255,0,0,0.5);transition-duration:.5s}#gen-box-platform{display:none}#generator-status,#console{background:#404048;margin-bottom:20px;box-shadow:0 0 20px rgba(0,0,0,0.55);display:none}#console{width:590px;background:#fff;border-radius:10px;padding:10px;box-sizing:border-box;padding-top:0}#generator-status{width:590px}#console-title{position:relative;height:55px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.15)}#console-title p{color:#fff;font-size:18px}#console-btns{position:absolute;left:10px;top:20px}#console-btns i{margin-right:5px}#console-content{height:400px;overflow:hidden;padding:20px 0;background:#000}#console-content p{padding:5px 20px;color:green}#console-content p:before{content:'\f105';font-family:FontAwesome;margin-right:10px}#console-content p span{margin-right:5px}.bash-title{margin-top:15px}#loading-icn{display:block;text-align:center;padding:20px 0}#loading-icn i{font-size:50px;color:rgba(255,255,255,0.15)}#gen-status-info{text-align:center;padding-bottom:20px;color:#fff}#user-details{overflow:hidden;background:rgba(255,255,255,0.15);display:none}#user-details div{padding:10px 20px;color:#fff;text-align:center;display:block;float:left;width:50%;box-sizing:border-box;position:relative}#user-details div i{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#fa6400}#user-details div:first-child{border-right:1px solid rgba(255,255,255,0.15)}#overlay{width:100%;height:100%;bottom:0;right:0;position:fixed;background:rgba(0,0,0,0.4);z-index:500;display:none}#gateway{width:788px;background:#404048;position:absolute;left:50%;margin-left:-394px;top:50%;transform:translateY(-50%);min-height:386px;box-shadow:0 0 10px rgba(0,0,0,0.4);color:#222}#locker-title{padding:20px;background:rgba(0,0,0,0.2);color:#fa6400;font-size:18px}#complete{color:#fff;float:right;margin-top:2px}.fa-lock{float:right;color:#fff!important;font-size:18px;margin-top:2px}#locker-content{padding:20px;width:50%;margin:100px auto;overflow:hidden;background:rgba(0,0,0,0.2)}#verify-btn{box-sizing:border-box;border:0;padding:15px;font-size:18px;background:#fa6400;color:#fff;display:block;float:left}#verify-btn:hover{cursor:pointer;background:#fb7d4b;transition-duration:.5s}#locker-captcha{float:right;padding:5px 0;text-align:center}#locker-captcha p{margin:0;font-size:10px;color:#fff}#locker-captcha i{color:#fa6400;font-size:30px}#locker-footer{padding:15px 10px;background:rgba(0,0,0,0.2);font-size:14px;text-align:center;color:#fff;position:absolute;box-sizing:border-box;width:788px;bottom:0}#olock-title{padding:10px;text-align:center;background:rgba(255,255,255,0.15)}#olock-title p{margin:0;font-size:14px;color:silver}#olock-title p:first-child{font-size:18px;color:#fff}.offer,.offer:visited{text-decoration:none;text-align:left;text-align:center;color:#fa6400;display:block;position:relative}.offer:hover{background:#fa6400;color:#fff;transition-duration:.5s}.offer:hover .badge{background:#fff;color:#fa6400;transition-duration:.5s}.offer:hover .timer{border:1px solid #fff;transition-duration:.5s}.offer:hover .timer:before{background:#962a06;transition-duration:.5s}.offer p{font-size:14px!important;line-height:65px;margin:0;border-bottom:1px solid rgba(255,255,255,0.15);border-radius:3px}.badge{position:absolute;background:#fa6400;color:#fff;font-size:14px;right:20px;top:10px;width:70px;line-height:25px}.timer{width:65px;height:5px;position:absolute;right:22px;bottom:10px;background:transparent;display:block;border:1px solid silver;border-radius:2px}.timer:before{content:' ';position:absolute;height:5px;width:55px;background:#eaeaea;left:0}@media screen and (min-width: 1000px) and (max-width: 1200px){.container{width:1000px}.gen-box{width:490px}.gen-box-field div,select,input[type="text"]{width:340px}.gen-box-comment .comment{width:380px}#console{width:490px}#generator-status{width:490px}}@media screen and (min-width: 768px) and (max-width: 1000px){.container{width:768px}.gen-box{width:360px}.gen-box-field div,select,input[type="text"]{width:210px}.gen-box-comment .comment{width:260px}#console{width:360px}#generator-status{width:360px}}@media screen and (max-width: 768px){.container{width:80%}.gen-box{width:100%}#left-side{margin:0}.grid-2-2{float:none!important}.user,.gen-box-comment .comment{float:none!important}.gen-box-comment .comment{width:100%}.gen-box-comment{padding:20px;margin:0}.user{margin:0 auto;display:block!important;background:#fff;border-radius:100%;padding:25px 0;height:auto!important;margin-bottom:20px}.gen-box-field button{width:15%}button.min{left:10%}button.max{right:10%}.gen-box-field div,select,input[type="text"]{width:50%}#generate,#last-step{width:80%;margin:20px auto}#add-comment-btn{width:100%}#console{width:100%}.close-error{position:absolute;left:50%;width:50%;margin-left:-25%;top:30px;box-sizing:border-box;padding:10px}#generator-status{width:100%}#user-details div i{display:none}.gen-box-description span{float:none;margin:0 auto!important}.gen-box-description p{float:none;text-align:center}}

strong {
font-weight: 700;
}

/* modal desktop */

#desktop-alert-overlay {
background: rgba(0,0,0,0.5);
position: fixed;
z-index: 300;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}

#desktop-alert-modal {
outline: none;
box-shadow: 0 0 20px rgba(0,0,0,.3);
font: 13px/1.55 'Open Sans',Helvetica,Arial,sans-serif;
color: #666;
background: rgba(255,255,255,.9);
width: 800px;
top: 50%;
transform: translateY(-50%);
position: fixed;
left: 50%;
margin-left: -400px;
height: 252px;
}

.first-number {
padding-top: 30px!important;
}

#desktop-alert-modal p {
padding: 10px 30px;
}

#desktop-alert-modal p span {
padding: 10px;
background: #fa6400;
margin-right: 10px;
color: #fff;
font-weight: bold;
}

.error-modal-title {
display: block;
padding: 20px 30px!important;
border-bottom: 1px solid rgba(0,0,0,.1);
font-size: 25px;
font-weight: 300;
color: #232323;
margin: 0;
}

.error-modal-title i {
color: #fa6400;
float: right;
margin-top: 8px;
}
