/* Minify_CSS_UriRewriter::$debugText

docRoot    : /var/www/staging/html/public
currentDir : /var/www/staging/html/public/styles/widgets

file-relative URI  : ../../images/widgets/bb/strokes.svg
path prepended     : /var/www/staging/html/public/styles/widgets/../../images/widgets/bb/strokes.svg
docroot stripped   : /styles/widgets/../../images/widgets/bb/strokes.svg
traversals removed : /images/widgets/bb/strokes.svg

file-relative URI  : ../../images/logo/gymdesk.png
path prepended     : /var/www/staging/html/public/styles/widgets/../../images/logo/gymdesk.png
docroot stripped   : /styles/widgets/../../images/logo/gymdesk.png
traversals removed : /images/logo/gymdesk.png

*/

/* bb.css */

/* 1   */ .bb {
/* 2   */     max-width:1060px;
/* 3   */     margin:auto;
/* 4   */     background:url(/images/widgets/bb/strokes.svg) 0 0 no-repeat #fff;
/* 5   */     background-position: 40% 100%;
/* 6   */     background-size:120% 120%;
/* 7   */     border-radius: 24px;
/* 8   */     padding:55px;
/* 9   */     overflow: hidden;
/* 10  */
/* 11  */ }
/* 12  */ .bb h2 {
/* 13  */     font-size:24px;
/* 14  */     line-height: 42px;
/* 15  */     color:#092C42;
/* 16  */     margin-bottom:0;
/* 17  */     font-weight: bold;
/* 18  */ }
/* 19  */ .bb.has-discipline h2 {
/* 20  */     display:inline-block;
/* 21  */ }
/* 22  */ .illustration {
/* 23  */     float:right;
/* 24  */     position: relative;
/* 25  */     width: 600px;
/* 26  */     max-width:50%;
/* 27  */     text-align: center;
/* 28  */ }
/* 29  */ .illustration img {
/* 30  */     max-width:70%;
/* 31  */     position: relative;
/* 32  */     z-index:3;
/* 33  */     height:480px;
/* 34  */     margin:20px auto 0;
/* 35  */     display:block;
/* 36  */ }
/* 37  */ .illustration .circle {
/* 38  */     position: absolute;
/* 39  */     z-index:2;
/* 40  */     width: 384px;
/* 41  */     padding-bottom: 384px;
/* 42  */     left: 50%;
/* 43  */     transform: translateX(-50%);
/* 44  */     bottom:32px;
/* 45  */     border-radius:100%;
/* 46  */     background-color: rgba(232,54,40,0.1);
/* 47  */
/* 48  */
/* 49  */ }
/* 50  */ .illustration .logo {

/* bb.css */

/* 51  */     background:url(/images/logo/gymdesk.png) 0 0 no-repeat;
/* 52  */     background-size: 34px 34px;
/* 53  */     padding-left: 58px;
/* 54  */     min-height: 34px;
/* 55  */     display: inline-block;
/* 56  */     letter-spacing: 3px;
/* 57  */     font-size: 14px;
/* 58  */     padding-top:7px;
/* 59  */     font-weight: 500;
/* 60  */     line-height: 21px;
/* 61  */     text-transform: uppercase;
/* 62  */
/* 63  */
/* 64  */ }
/* 65  */ .main {
/* 66  */     max-width: 50%;
/* 67  */     display:inline-block;
/* 68  */ }
/* 69  */ .main h3 {
/* 70  */     font-size:14px;
/* 71  */     font-weight: bold;
/* 72  */     margin-bottom:10px;
/* 73  */     margin-top:15px;
/* 74  */ }
/* 75  */ .main li input[type='radio'] {
/* 76  */     display:none;
/* 77  */ }
/* 78  */ .main ul {
/* 79  */     background: #fafafa;
/* 80  */     border-radius:40px;
/* 81  */     padding:8px;
/* 82  */     overflow: hidden;
/* 83  */     display:inline-block;
/* 84  */ }
/* 85  */ .main li {
/* 86  */     float:left;
/* 87  */     padding:8px 20px;
/* 88  */     cursor:pointer;
/* 89  */     border-radius:25px;
/* 90  */     margin-right:3px;
/* 91  */ }
/* 92  */ .main li:hover {
/* 93  */     background:#ffffff;
/* 94  */ }
/* 95  */ .main li:last-child {
/* 96  */     margin-right:0;
/* 97  */ }
/* 98  */ .main li:active {
/* 99  */     box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.04);
/* 100 */ }

/* bb.css */

/* 101 */ .main li.selected {
/* 102 */     background:#fff;
/* 103 */     font-weight: 500;
/* 104 */     color:#E83628;
/* 105 */     box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.04);
/* 106 */ }
/* 107 */
/* 108 */ .main input[type='number'] {
/* 109 */     width:80px;
/* 110 */     border-radius:30px;
/* 111 */     border:0;
/* 112 */     font-size:16px;
/* 113 */     text-align: center;
/* 114 */ }
/* 115 */ .main input[type='number']:focus {
/* 116 */     outline: none;
/* 117 */ }
/* 118 */ .main .button {
/* 119 */     border-radius:30px;
/* 120 */     margin-top:22px;
/* 121 */     display:block;
/* 122 */     text-transform: none;
/* 123 */     letter-spacing: 0;
/* 124 */     font-size:16px;
/* 125 */ }
/* 126 */ .step .button {
/* 127 */     display:none;
/* 128 */ }
/* 129 */ .main .result {
/* 130 */     display:none;
/* 131 */     margin-top:60px;
/* 132 */ }
/* 133 */ .bb.has-discipline .result {
/* 134 */     margin-top:61px;
/* 135 */ }
/* 136 */ .result h2 {
/* 137 */     font-size:32px;
/* 138 */     margin-bottom:24px;
/* 139 */ }
/* 140 */ .result h4 {
/* 141 */     font-size:18px;
/* 142 */     font-weight: bold;
/* 143 */     line-height:30px;
/* 144 */     margin-bottom:25px;
/* 145 */     max-width:320px;
/* 146 */ }
/* 147 */ .result .age {
/* 148 */     color:#E83628;
/* 149 */ }
/* 150 */ .main .result .slider {

/* bb.css */

/* 151 */     width:310px;
/* 152 */     max-width:100%;
/* 153 */     border:0;
/* 154 */     height:5px;
/* 155 */     background:#E1E1E1;
/* 156 */     border-radius:5px;
/* 157 */ }
/* 158 */ .result .slider .ui-slider-range {
/* 159 */     background:#E83628;
/* 160 */ }
/* 161 */ .result .slider .ui-slider-handle {
/* 162 */     background:#E83628;
/* 163 */     border-radius:20px;
/* 164 */     height:18px;
/* 165 */     width:18px;
/* 166 */     top:-6px;
/* 167 */     position: relative;
/* 168 */     border:0;
/* 169 */ }
/* 170 */ .result .slider .ui-slider-handle span {
/* 171 */     position: absolute;
/* 172 */     bottom:-32px;
/* 173 */     background:#E83628;
/* 174 */     color:#fff;
/* 175 */     font-size:14px;
/* 176 */     text-align: center;
/* 177 */     width:32px;
/* 178 */     line-height:23px;
/* 179 */     left:-8px;
/* 180 */     border-radius:6px;
/* 181 */ }
/* 182 */ .result .slider .ui-slider-handle span:before {
/* 183 */     position: absolute;
/* 184 */     top:-10px;
/* 185 */     content:"";
/* 186 */     border-width:5px;
/* 187 */     border-style:solid;
/* 188 */     border-color:transparent transparent #e83628;
/* 189 */     left:50%;
/* 190 */     transform: translateX(-50%);
/* 191 */ }
/* 192 */ .result p {
/* 193 */     font-size:16px;
/* 194 */     font-weight: bold;
/* 195 */     margin-bottom:15px;
/* 196 */ }
/* 197 */ .result .restart {
/* 198 */     margin-top:36px;
/* 199 */ }
/* 200 */ .result .share {

/* bb.css */

/* 201 */     margin-top:60px;
/* 202 */     margin-bottom:32px;
/* 203 */ }
/* 204 */ .result .share h4 {
/* 205 */     color: #7C7C7C;
/* 206 */     font-size:14px;
/* 207 */     line-height:1.2;
/* 208 */     margin-bottom:8px;
/* 209 */ }
/* 210 */ .result .share > a {
/* 211 */     font-size:30px;
/* 212 */     text-decoration: none;
/* 213 */     display:inline-block;
/* 214 */ }
/* 215 */ .result .share .facebook {
/* 216 */     color:#1877F2;
/* 217 */ }
/* 218 */ .result .share .twitter {
/* 219 */     color:#1DA1F2;
/* 220 */
/* 221 */     text-align: center;
/* 222 */ }
/* 223 */ .result .share .instagram {
/* 224 */     color:#000;
/* 225 */ }
/* 226 */ .result .share .whatsapp {
/* 227 */     color:#37BB4C;
/* 228 */ }
/* 229 */ .result .share input {
/* 230 */     background: #FAFAFA;
/* 231 */     padding:16px;
/* 232 */     border-radius:30px;
/* 233 */     font-size:12px;
/* 234 */     color:#000;
/* 235 */     border:0;
/* 236 */     outline:0;
/* 237 */     margin-top:8px;
/* 238 */     width:100%;
/* 239 */ }
/* 240 */ .result .share .input {
/* 241 */     position:relative;
/* 242 */     width:320px;
/* 243 */     max-width:100%;
/* 244 */ }
/* 245 */ .result .share .input a {
/* 246 */     position: absolute;
/* 247 */     right:18px;
/* 248 */     top:24px;
/* 249 */     font-weight: bold;
/* 250 */     color:#075FD4;

/* bb.css */

/* 251 */     font-size:12px;
/* 252 */     cursor: pointer;
/* 253 */ }
/* 254 */ .result .button {
/* 255 */     background-color:#E83628;
/* 256 */     box-shadow: none;
/* 257 */ }
/* 258 */ @media only screen and (max-width : 1010px) {
/* 259 */     .bb {
/* 260 */         padding:35px;
/* 261 */     }
/* 262 */     .main ul {
/* 263 */         font-size:13px;
/* 264 */     }
/* 265 */ }
/* 266 */ @media only screen and (max-width : 920px) {
/* 267 */     .bb.has-discipline h2 {
/* 268 */         display:block;
/* 269 */     }
/* 270 */     .illustration {
/* 271 */         margin:0 auto;
/* 272 */         float:none;
/* 273 */         max-width:100%;
/* 274 */         position: relative;
/* 275 */         width:370px;
/* 276 */         margin-bottom:20px;
/* 277 */     }
/* 278 */     .illustration img {
/* 279 */         height:390px;
/* 280 */     }
/* 281 */     .illustration .circle {
/* 282 */         width:302px;
/* 283 */         padding-bottom:302px;
/* 284 */     }
/* 285 */     .main {
/* 286 */         max-width: 100%;
/* 287 */         width:425px;
/* 288 */         margin:auto;
/* 289 */         display:block;
/* 290 */     }
/* 291 */     .illustration .logo {
/* 292 */         position: absolute;
/* 293 */         top:-78px;
/* 294 */         left:50%;
/* 295 */         font-size:12px;
/* 296 */         font-weight: 500;
/* 297 */         transform: translateX(-50%);
/* 298 */         background-size:24px 24px;
/* 299 */         white-space:nowrap;
/* 300 */         padding-top:2px;

/* bb.css */

/* 301 */         padding-left:40px;
/* 302 */     }
/* 303 */     .bb {
/* 304 */         padding-top:56px;
/* 305 */         min-height: 700px;
/* 306 */     }
/* 307 */     .bb h2 {
/* 308 */         text-align: center;
/* 309 */         font-size:18px;
/* 310 */         line-height:24px;
/* 311 */         margin-bottom:5px;
/* 312 */     }
/* 313 */     .main .submit {
/* 314 */         display:none;
/* 315 */     }
/* 316 */     .main .step {
/* 317 */         display:none;
/* 318 */         text-align: center;
/* 319 */     }
/* 320 */     .main .step.active {
/* 321 */         display:block;
/* 322 */     }
/* 323 */     .main h3 {
/* 324 */         margin-top:8px;
/* 325 */     }
/* 326 */     .main .step .button {
/* 327 */         display:block;
/* 328 */         padding: 3px;
/* 329 */
/* 330 */         line-height: 39px;
/* 331 */         margin:25px auto 0;
/* 332 */         width:160px;
/* 333 */     }
/* 334 */     .main .result,.bb.has-discipline .result {
/* 335 */         margin-top:0;
/* 336 */     }
/* 337 */
/* 338 */     .result h2 {
/* 339 */         font-size:18px;
/* 340 */         margin-bottom:5px;
/* 341 */         line-height:18px;
/* 342 */     }
/* 343 */     .result h4 {
/* 344 */         font-size:14px;
/* 345 */         margin:auto;
/* 346 */         text-align: center;
/* 347 */         line-height:24px;
/* 348 */     }
/* 349 */     .adjust-age {
/* 350 */         text-align: center;

/* bb.css */

/* 351 */         width: 310px;
/* 352 */         margin: auto;
/* 353 */     }
/* 354 */     .result .restart {
/* 355 */         margin-top:54px;
/* 356 */     }
/* 357 */ }
/* 358 */ @media only screen and (max-width : 500px) {
/* 359 */     .bb {
/* 360 */         padding:56px 20px 20px;
/* 361 */
/* 362 */     }
/* 363 */ }
/* 364 */ @media only screen and (max-width : 470px) {
/* 365 */     body .main ul {
/* 366 */         background:transparent;
/* 367 */         display:block;
/* 368 */         font-size:14px;
/* 369 */         text-align: left;
/* 370 */     }
/* 371 */     .main li,.main li.selected {
/* 372 */         display:list-item;
/* 373 */         border:8px solid #fafafa;
/* 374 */         margin-bottom:5px;
/* 375 */         float:none;
/* 376 */         box-shadow:none;
/* 377 */         margin-right:0;
/* 378 */         position:relative;
/* 379 */     }
/* 380 */     .main li:after {
/* 381 */         content:"\E828";
/* 382 */         font-family:"mor";
/* 383 */         position: absolute;
/* 384 */         right:14px;
/* 385 */         font-size:18px;
/* 386 */         top:6px;
/* 387 */     }
/* 388 */     .main li:active:after,.main li.selected:after {
/* 389 */         content:"\E86D";
/* 390 */         color:#fff;
/* 391 */         background:#E83628;
/* 392 */         border-radius:20px;
/* 393 */         height:20px;
/* 394 */         width:20px;
/* 395 */         line-height:20px;
/* 396 */         font-size:11px;
/* 397 */         display:inline-block;
/* 398 */         text-align: center;
/* 399 */     }
/* 400 */     .main li:active {

/* bb.css */

/* 401 */         box-shadow: none;
/* 402 */         background:#f9f9f9;
/* 403 */     }
/* 404 */     .main .result .slider {
/* 405 */         width:290px;
/* 406 */         margin:auto;
/* 407 */     }
/* 408 */     .illustration img {
/* 409 */         height:300px;
/* 410 */     }
/* 411 */     .illustration .circle {
/* 412 */         padding-bottom:230px;
/* 413 */         width:230px;
/* 414 */         bottom:23px;
/* 415 */     }
/* 416 */ }
/* 417 */ @media only screen and (max-width : 400px) {
/* 418 */     .result .share input {
/* 419 */         font-size:11px;
/* 420 */     }
/* 421 */ }
/* 422 */ @media only screen and (max-width : 359px) {
/* 423 */     .bb h2 {
/* 424 */         font-size:17px;
/* 425 */     }
/* 426 */     .main .result .slider {
/* 427 */         width:270px;
/* 428 */     }
/* 429 */     .adjust-age {
/* 430 */         width:auto;
/* 431 */     }
/* 432 */ }
/* 433 */ @media only screen and (max-width:320px) {
/* 434 */     .bb h2 {
/* 435 */         font-size:15px;
/* 436 */     }
/* 437 */ }