.slide-meh{position:relative;border-bottom:3px solid #000;width:90%;margin:0 auto 2em;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slide-meh h1{font-size:2em;padding:.5em 0;text-align:center;color:#fff}.slide-meh .slide-toggle{position:absolute;cursor:pointer;width:8%;padding-bottom:3%;bottom:0;margin-bottom:-1.5%;background:#57adf2 url(../images/responsive/slider.svg) center no-repeat;background-size:auto 100%;border-radius:4px;left:12.5%;margin-left:-4%;-webkit-box-shadow:0 0 0 3px #fff;-moz-box-shadow:0 0 0 3px #fff;box-shadow:0 0 0 3px #fff;-webkit-transition:background-color 250ms ease;-moz-transition:background-color 250ms ease;-ms-transition:background-color 250ms ease;-o-transition:background-color 250ms ease;transition:background-color 250ms ease}.slide-toggle:after{content:'';position:absolute;right:-120%;width:130%;padding-bottom:100%;top:50%;margin-right:-20px;margin-top:-50%;background:url(../images/responsive/slide-me.svg) center no-repeat;background-size:100% auto}.slide-toggle.used:after{display:none}.slide-toggle.move-meh{-webkit-transition:background-color 250ms ease,left 250ms ease;-moz-transition:background-color 250ms ease,left 250ms ease;-ms-transition:background-color 250ms ease,left 250ms ease;-o-transition:background-color 250ms ease,left 250ms ease;transition:background-color 250ms ease,left 250ms ease}.slide-meh .slide-toggle:hover{background-color:#2a97ef}.slide-meh .item{position:relative;float:left;width:25%;padding-bottom:12.5%;background-size:50% auto;background-position:top center;background-repeat:no-repeat;-webkit-transition:background-size 250ms ease-in-out;-moz-transition:background-size 250ms ease-in-out;-ms-transition:background-size 250ms ease-in-out;-o-transition:background-size 250ms ease-in-out;transition:background-size 250ms ease-in-out}.slide-meh .item.selected{background-size:55% auto}.slide-meh .item:nth-of-type(1){background-image:url(../images/responsive/desktop.svg)}.slide-meh .item:nth-of-type(2){background-image:url(../images/responsive/laptop.svg)}.slide-meh .item:nth-of-type(3){background-image:url(../images/responsive/tablet.svg)}.slide-meh .item:nth-of-type(4){background-image:url(../images/responsive/mobilephone.svg)}.slide-meh .item:nth-of-type(4n+1){clear:left}.playground{overflow:hidden;position:relative;border:1em solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#eee;width:90%;padding-bottom:45%;margin:0 auto;-webkit-transition:width .5s ease,padding-bottom .5s ease,border .5s ease,border-radius .5s ease;-moz-transition:width .5s ease,padding-bottom .5s ease,border .5s ease,border-radius .5s ease;-ms-transition:width .5s ease,padding-bottom .5s ease,border .5s ease,border-radius .5s ease;-o-transition:width .5s ease,padding-bottom .5s ease,border .5s ease,border-radius .5s ease;transition:width .5s ease,padding-bottom .5s ease,border .5s ease,border-radius .5s ease}.playground *{white-space:nowrap;-webkit-transition:width .5s ease-in-out 250ms,padding .5s ease 350ms,margin 250ms ease;-moz-transition:width .5s ease-in-out 250ms,padding .5s ease 350ms,margin 250ms ease;-ms-transition:width .5s ease-in-out 250ms,padding .5s ease 350ms,margin 250ms ease;-o-transition:width .5s ease-in-out 250ms,padding .5s ease 350ms,margin 250ms ease;transition:width .5s ease-in-out 250ms,padding .5s ease 350ms,margin 250ms ease}.playground:hover .test-field{margin-top:0}.playground .wrap{width:80%;margin:0 auto;padding:1em 0}.playground .main-section{background:#ddd}.playground.wide{width:100%}.playground.laptop{width:80%}.playground.tablet{width:50%;padding-bottom:50%;border-radius:20px}.playground.mobile{width:25%;padding-bottom:35%;border:1em solid #000;border-bottom:3em solid #000;border-top:3em solid #000;border-radius:20px}.playground .content-inner{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#fff}.playground .logo{float:left;width:8%;padding-bottom:8%;-webkit-border-radius:99px;-moz-border-radius:99px;border-radius:99px;background:#57adf2}.playground .nav-item{float:left;background:#bbb;width:12.5%;padding-bottom:3%;margin:2.5% 0 0 2%}.playground .slider{float:left;position:relative;width:50%;padding-bottom:25%;background:#bbb}.playground .slider:after,.playground .slider:before{position:absolute;content:'';background:url(../images/responsive/arrow-left.png) center no-repeat;background-size:auto 100%;width:8%;padding-bottom:8%;top:50%;margin-top:-4%;left:2%}.playground .slider:after{left:auto;right:2%;background:url(../images/responsive/arrow-right.png) center no-repeat;background-size:auto 100%}.playground .about{float:left;margin-left:2%;width:48%}.playground .orange-block{padding-bottom:8%;background:#75b7ed;margin:0 0 4%}.playground .white-block{padding-bottom:6%;background:#fff;margin:0 0 2%}.playground .lt-orange-block,.playground .media-block,.playground .thumb-block{float:left;width:32%;padding-bottom:16.5%;background:#75b7ed}.playground .media-block,.playground .thumb-block{background:#bbb;margin:0 0 0 2%}.playground .media-block{background:#bbb url(../images/responsive/play.png) center no-repeat}.playground .thumb-block{background:0 0;padding:0;margin:0 0 2% 2%}.playground .thumb{float:left;width:20%;padding-bottom:20%;background:#75b7ed}.playground .gray-blocks{position:relative;float:left;width:74%;margin:0 0 0 6%;padding-bottom:20%;background:#bbb}.playground .gray-blocks:before{position:absolute;content:'';top:50%;width:100%;height:16%;background:#fff;margin-top:-2%}.playground .white-block:last-child{width:50%}.laptop .lt-orange-block{width:66%}.laptop .thumb-block{margin:2% 0 0 2%}.laptop .thumb-block:nth-of-type(odd){margin-left:0}.tablet .nav-item{width:20%;margin:2.5% 0 0 3%}.mobile .nav-item{display:none}.mobile .nav-item:last-child{display:block;background:0 0;float:right;width:24px;height:0;padding:4px 0 0;margin:2% 0 0;border-top:4px solid #bbb;border-bottom:4px solid #bbb}.mobile .nav-item:last-child:after{content:'';display:block;height:4px;background:#bbb;margin-top:8px}.mobile .slider,.tablet .slider{width:100%;margin:0 0 2%;padding-bottom:45%}.mobile .about,.tablet .about{margin:0;width:75%}.mobile .about{width:100%}.tablet .lt-orange-block,.tablet .media-block,.tablet .thumb-block{width:49%;margin-bottom:2%}.mobile .lt-orange-block,.mobile .media-block,.mobile .thumb-block{width:100%;margin:0 0 2%;padding-bottom:40%}.mobile .white-block:last-child{width:100%}.mobile .thumb-block:nth-of-type(odd),.tablet .thumb-block:nth-of-type(odd){margin:0}.mobile .logo{width:12%;padding-bottom:12%}.mobile .wrap{width:94%;padding:3% 0}.tablet .wrap{width:95%}.laptop .wrap{width:90%}.boxxy{border:2px solid #000;padding:.25em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.col:after,.grid:after,.playground .wrap:after,.selections:after,.slide-meh:after,.test-field:after{position:relative;content:'';display:table;clear:both}.grid h2{font-size:1.75em;line-height:1;margin:0 0 .5em}.grid p{color:#000;font-weight:700;font-size:1em}.grid a{color:#ffb81d;font-weight:700}.grid a:hover{color:#333}#content_pane{width:100%;margin-bottom:0}.grid{position:relative;width:100%;padding:4%}.col{position:relative;width:100%;margin:0 0 3%}.col img{display:block;width:60%;height:auto;margin:0 0 3%}.col h1{margin:0 0 .5em;padding:0;font-size:2em}.col h1 small{display:block;font-size:.5em;line-height:.6;font-family:Exo,Arial,Sans-Serif;font-weight:700}.results{display:none}.prog{position:relative;font-weight:700;color:#fff;background:#ffb81d;padding:.5em .5em;width:80%;margin:0 auto 1em;border:4px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;text-align:left;border-radius:5px}.prog .percentage{position:absolute;width:50%;top:0;left:0;bottom:0;background:#000;z-index:0}.prog span{position:relative;z-index:99}.sources{float:left;overflow:hidden;font-size:.85em;text-align:center}.sources p{margin:0;font-size:1em;font-weight:400}.sources a{font-weight:400;color:#000}.omg img{position:relative;margin-top:-15%;z-index:999}.stats-guy .dude{float:left;display:none}.stats-guy img{width:100%}.soup img{width:45%}.survey{border:3px dashed #000;padding:1em}.survey a{display:block;clear:both;font-size:.85em;font-weight:400;text-align:center;color:#000;text-decoration:underline}.selections{margin:0 0 6%}.survey button{cursor:pointer;display:block;border:none;color:#fff;background:#000;padding:.75em 0;font-size:.95em;font-weight:700;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0;width:100%;margin:0 0 3%;-webkit-transition:background-color 250ms ease;-moz-transition:background-color 250ms ease;-ms-transition:background-color 250ms ease;-o-transition:background-color 250ms ease;transition:background-color 250ms ease}.survey button:hover{background-color:#fff;color:#000}.survey .man,.survey .woman{float:left;width:25%}.survey .woman{margin-left:-10%}.survey .man{width:15%;margin-right:10%}.survey .inner-col{float:left;width:70%;margin-left:-10%;text-align:center}.survey h2{font-size:1.35em}.yolo{margin-bottom:0}.yolo img{float:left;width:50%;margin-bottom:0}.yolo img:first-child{margin-top:2em}.col:not(.survey) img{display:none}.sources{display:none}#mobile-message{text-align:center;width:90%;border:3px dashed #000;padding:1em;font-size:1.25em;font-weight:700;margin:1em auto .5em}#mobile-message h1{font-size:3em}#mobile-message p:last-child{margin:0}.slide-toggle:after{display:none}@media only screen and (min-width:640px){.grid h2{font-size:2em}.col:not(.survey) img{display:block}.stats-guy img{float:left;width:65%}.stats-guy .dude{display:block;width:30%;margin:0 0 0 5%}.sources{display:block;margin-top:-7%;width:65%}.slide-meh h1{font-size:4em}.omg .inner,.omg img{float:left;width:50%}.omg img{margin-top:-12%}.omg .inner{margin-left:-10%;margin-top:5%;width:60%}.hey-ladies img{float:left;width:40%}.hey-ladies .inner{float:left;width:55%;margin-top:5%;margin-left:5%}.soup img{float:right;width:40%;margin-bottom:0}.soup .inner{float:left;width:55%;margin-top:5%;margin-right:5%;text-align:right}.grid h2{font-size:3em}.survey h1{font-size:4em;margin-bottom:.125em}.survey a{clear:both;float:right}.survey button{float:left;width:45%}.survey button:last-child{margin-left:10%}}@media only screen and (min-width:768px){#mobile-message{display:none}.omg img{margin-top:-10%}.omg .inner{margin-top:8%}.grid{padding:0}.col h1{font-size:2em}.survey h1{font-size:5em;margin:.25em 0 .125em}.survey h3{font-size:2.5em;margin-bottom:.5em}.selections{margin:0 0 2%}.playground{border:2em solid #000;width:100%}.slide-meh{margin:0 auto 2em}#content_pane{width:90%}}@media only screen and (min-width:960px){.slide-toggle:after{display:block}.hey-ladies .inner{margin-top:3%}.soup img{width:30%}.soup .inner{width:65%;padding-left:16%}.soup .inner p{margin-left:-10px}}@media only screen and (min-width:1024px){.omg img{margin-top:-14%}.omg .inner{margin-top:4%}.playground{border:3em solid #000}.grid{padding:5% 5% 0}.grid h2{font-size:3.5em}.selections{width:60%;margin:0 auto;padding:1em 0}.results{padding:1.5em 0}}@media only screen and (min-width:1280px){.survey h1{font-size:9.25em}.slide-meh h1{font-size:6em}.survey button{padding:1em 0}.grid p{font-size:1.125em}}