@-webkit-keyframes dropHeader{0% {-webkit-transform:translateY(0px);}
16% {-webkit-transform:translateY(60px);}
32% {-webkit-transform:translateY(-60px);}
48% {-webkit-transform:translateY(30px);}
66% {-webkit-transform:translateY(-30px);}
82% {-webkit-transform:translateY(15px);}
100% {-webkit-transform:translateY(0);}
}

/* END BUBBLE */

/* ARTICLES */
.article{position:relative;overflow:hidden;height:100%;}
.scroll-area{direction:ltr;height:100%;overflow:hidden;position:relative;overflow-x:hidden;}
.article a,.article a:hover{text-decoration:underline;}
.article h2{line-height:1.3em;}
.article h5,.quiz-title h2{text-transform:uppercase;margin-bottom:18px;}

.quiz>.row{-webkit-transition:.4s ease-out;}
.quiz>.row:nth-child(2){-webkit-transition-delay:.3s;}
.quiz>.row:nth-child(3){-webkit-transition-delay:.6s;}
.onload{opacity:0;margin-top:56px;}
.quiz{color:#222;position:relative;}
.avatar{margin:12px 0 0 9px;border-radius:6px;}
.quiz-title{font-weight:200;border:1px solid #0084ff;background:#0084ff;}
.quiz-title.blurb{border:1px solid #0084ff;background:#0084ff;color:#fff;}
.blurb{background-color:#ddd;border:1px solid #ddd;margin:0px 0px 9px;padding:3px 21px 19px;border-radius:14px;}
.blurb h3{margin:15px 0;}

.quiz-title,.bubble-response{border-radius:20px;position:relative;}
.quiz-title h2{font-weight:200;margin:0;letter-spacing:2px;}
.quiz-title h3{margin-bottom:0;font-weight:400;}
.question-mark{display:inline-block;width:32px;height:32px;position:absolute;top:18px;left:-48px;margin:0;border-radius:50%;background:#0084ff;color:#fff;line-height:30px;font-size:20px;text-align:center;letter-spacing:0;font-weight:bold;}
.article .quiz-result p{margin:0;}
.quiz-result p .small a{color:#fff;padding:9px;text-transform:uppercase;font-family:sans-serif;text-decoration:none;border-radius:3px;}
.quiz-result p .small a:hover{background:#fff;color:#673AB7;}
.bubble-response{margin-bottom:54px;}
div.btn-group-wrap{position:relative;z-index:2;margin-top:18px;margin-bottom:36px;}
.correctness{left:47px;top:100%;margin-right:18px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;color:#fff;opacity:0;position:absolute;}
.btn.active .correctness{top:14px;opacity:1;}

/* ANSWERS */
.bubble-response{padding:37px 40px 40px;background-color:#f0f0f0;border:1px solid #f0f0f0;position:relative;z-index:-1;}
.bubble-response hr{border-top-color:#555;margin-bottom:36px;}
.quiz .btn-group{width:100%;}
.quiz .btn-group-wrap .btn{color:#0084ff;background:#fff;border-color:#0084ff;padding-top:14px;border-radius:10px;padding-bottom:16px;white-space:normal;line-height:28px;font-weight:bold;font-size:20px;text-decoration:none;border-width:2px;}
.quiz .btn-group>.btn{width:50%;}
.quiz .btn-group-wrap .btn-lg:hover,.quiz .btn-group-wrap .btn.active{color:#fff;background:#0084ff;position:relative;}
.quiz .btn-group-wrap .btn.active{background:#00C853;border-color:#00C853;box-shadow:none;}
.quiz .btn-group-wrap .btn-lg:not:first-child.active{border-top-width:3px;border-type:solid;}
.quiz .btn-group-wrap .answer-incorrect.active{background-color:#F44336;border-color:#F44336;}
.quiz .btn-group-wrap .answer-not-sure.active{border-color:#F4511E;background-color:#F4511E;}
.btn-group-top .btn:first-child{border-bottom-left-radius:0!important;}
.btn-group-top .btn:last-child{border-bottom-right-radius:0!important;}
.btn-group-middle .btn{border-radius:0!important;}
.quiz .btn-group-bottom .btn,.quiz .btn-group-middle .btn{border-top-width:0;}
.btn-group-middle .btn.active,.btn-group-bottom .btn.active{border-top-width:2px;margin-top:-2px;}
.btn-group-bottom .btn:first-child{border-top-left-radius:0!important;}
.btn-group-bottom .btn:last-child{border-top-right-radius:0!important;}
.correct .correct,.incorrect .incorrect,.not-sure .not-sure{display:block!important;visibility:visible!important;}
.article p,.article ul,.article .section-lead{font-size:20px;margin-bottom:36px;}
.article p,.article .section-lead{line-height:1.5em;}
.article ul p{margin-bottom:0;}
.article-title p{margin:0;}
.article-title p .small{font-size:12px;}
.article-title p .small strong{margin-right:18px;}
.article p{font-family:Georgia,Cambria,"Times New Roman",Times,serif;}
mark{background-color:#FFF8E1;}
/* END ARTICLES */

#logos{padding-top:18px;}
.press img.logo{height:40px;border:0;margin:0 18px 36px 0;}
h5.description{margin-top:18px;}
h5.marked{position:relative;padding-top:12px;margin-bottom:18px;padding-left:0;}
.marked:before{content:"\00a0";position:absolute;width:45px;height:1px;border-width:1px 0 0 0;border-style:solid;border-color:#999;top:0;left:0;z-index:0;}
#mail{bottom:15px;overflow:hidden;}
#mail img{width:29px;height:29px;position:absolute;top:11px;left:14px;display:block;}
#mail,.share-icons{bottom:15px;right:15px;position:fixed;z-index:100;}
#mail{background:#096BBE ;-webkit-transition-duration:0.25s;transition-duration:0.25s;transition-property:background-color,box-shadow;}
#mail,.share-icons-on li{box-shadow:0px 2px 10px rgba(0,0,0,0.3),0px 0px 1px rgba(0,0,0,0.1),inset 0px 1px 0px rgba(255,255,255,0.25),inset 0px -1px 0px rgba(0,0,0,0.15);cursor:pointer;}
#mail:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2);}

/* SCREEN SIZES */
.blurred{position:relative;}
.blurred .blur{position:absolute;width:100%;height:100%;top:0;left:0;background:-webkit-linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,1));}
.question,.text-block{position:relative;}
.question,.question-wrap .explanation-float{margin-top:27px;}
.explanation,#share-options{border-radius:6px;}
.explanation{padding:5px 18px 18px;}
.explanation p,#about p{font-size:15px;line-height:22px;margin:0 0 12px;font-weight:400;}

.blurred .explanation{display:none;}
.correct mark.correct,.incorrect mark.incorrect,.not-sure mark.not-sure{display:inline!important;}

/* MEDIA QUERIES */
@media (max-width:768px) {
.kicker{margin-bottom:0;}
.article h1{font-size:24px;margin-top:18px;}
.article h3{font-size:16px;}
.article p{font-size:16px;line-height:23px;}
.article-title p .small strong{margin:0;display:block;}
.explanation{margin-left:-15px;margin-right:-15px;border-radius:0;padding-top:18px;}
.quiz .explanation-float,.text-block .explanation-float{margin:0 -15px;}
.explanation-float,.answer-wrap .explanation-float{margin:18px 0 0;clear:both;}
.btn.active .correctness{top:10px;}
}

@media (min-width:769px) {
.explanation-float{position:absolute;top:0;right:-8.33333333%;left:auto;z-index:1000;padding-top:18px;}
.text-block .explanation-float{right:-30%;margin-top:27px;}
}

#about{padding:90px 0 45px;margin:90px 0 0;color:#fff;}
#about hr{margin:90px 0;}
#about h2{margin-bottom:36px;font-weight:bold;}
#about p,#about .btn-outline{font-weight:200;font-size:18px;line-height:26px;}
.btn-outline{background:transparent;border:1px solid #fff;border-radius:26px;margin-top:27px;}
#about a.btn-outline:hover{background-color:#fff;border-color:#fff;color:#000;}

@media (min-width:1280px){
.explanation-float{right:-16.66666667%;}
.text-block .explanation-float{right:-33.33333333%;margin-top:27px;}
}

/* Moves body images left to narrower screens */
@media (max-width:1280px){
.item img{left:-30px;}
}


@media (max-width:979px){
h1{font-size:28px;margin:68px 0 18px;}
h3,.quiz-title h3,.quiz .btn-group-wrap .btn{font-size:16px;line-height:23px;}
.blurb{margin-bottom:0;}
.quiz-result{margin-top:18px;margin-bottom:18px;}
div.btn-group-wrap{margin-bottom:18px;}
.question{margin-top:18px;}
.quiz-title.blurb,.quiz-result{padding:0 15px 15px;border-radius:12px;}
.quiz .btn-group-wrap .btn{font-weight:bold;padding-top:11px;padding-bottom:12px;}

#about{margin-top:27px;padding:18px 0 29px;}
#about h2,#about p{margin-bottom:18px;}
#about hr{margin:18px 0;}
#about .btn-outline{margin-top:9px;}
}