/*!
 * Copyright 2016 - OlaSoft
 * https://www.olasoft.net
 * @OlaSoftBenin
 * contact@olasoft.net
 */
*{font-family:"Helvetica Neue",sans-serif,calibri,tahoma,verdana;box-sizing:border-box;padding:0;margin:0;font-size:16px;color:#313131}html{background-color:#fff;height:100%}body{width:100%;position:relative;top:0;left:0;height:100%;width:100%;margin-left:auto;margin-right:auto;position:relative;padding:20px}body>section{height:100%;position:relative;text-align:left;padding-top:0;padding-bottom:0}body>section>div{height:100%;min-height:708px}body>section .btn{width:auto;text-transform:uppercase;font-size:17px;height:50px;line-height:50px;min-width:150px;padding-left:10px;padding-right:10px;margin-right:10px;font-weight:700;max-width:100%;border-radius:30px}body>section .btn.btn-white{background:#fff;color:#313131}body>section>div>header{height:150px;background:#0d76ba}header{padding:25px}header div{height:100%}header h1{color:#fff;font-size:22px;line-height:27px;margin-bottom:10px}header p{color:#fff;font-size:16px;line-height:20px}body>section>div>div{height:calc(100% - 150px);background:#fff;margin-top:20px;margin-bottom:20px;border:2px solid #ccc}.badge-body{height:100%}.footer{height:180px;font-size:20px;font-weight:300;text-align:center;line-height:33px;letter-spacing:6px;color:#FFF;background-color:#313131;padding-left:80px;padding-right:80px}.footer ul{list-style-type:none}.footer ul li{width:50px;height:50px;display:inline-block;margin:4px}.footer ul li a{width:50px;height:50px;display:inline-block}.footer ul li:first-child{background:url(./icons/facebook.png) center center no-repeat}.footer ul li:first-child+li{background:url(./icons/twitter.png) center center no-repeat}.footer ul li:first-child+li+li{background:url(./icons/linkedin.png) center center no-repeat}.footer ul+a{width:100%;height:32px;background:url(./images/griio.png) right center no-repeat}.badge-body h1{font-size:42px;line-height:44px;font-weight:300;max-width:700px;margin-bottom:70px}.badge-load .btn{height:46px;line-height:46px;margin-top:20px;max-width:50%!important;width:210px!important;display:inline-block;margin-left:auto;margin-right:auto;font-size:15px}.badge-load div.img-previewer{width:420px;height:420px;margin-left:auto;margin-right:auto;position:relative;border:2px solid #0d76ba;overflow:hidden;background:url(./images/user.png) right center no-repeat;background-size:420px 420px}#source,#badge_source,#badge,#download,#generate-badge{display:none}.badge-load div.img-previewer::after{width:100%;height:100%;left:0;top:0;content:"";position:absolute;background:url(./images/badge.png) center center no-repeat;background-size:420px 420px}.onloading div.img-previewer{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:RGBA(10,55,100,.5)!important}.complete div.img-previewer::after{display:none}.badge-load div.img-previewer img{margin-left:auto;margin-right:auto}.complete div.img-previewer img{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;-ms-flex-pack:center;justify-content:center}.width-auto{height:100%;width:auto;transform:translateX(calc(-50% + 160px))}.height-auto{height:auto;width:100%;transform:translateY(calc(-50% + 160px))}.no-auto{height:100%;width:100%}.ccm{max-width:430px;padding:20px}.ccm h2{font-size:37px;font-weight:400;margin-bottom:30px}.ccm ol{padding-left:20px}.ccm ol li{font-size:17px;line-height:27px}.ccm span{margin-left:20px;margin-top:40px}