.pb-20{
     padding-bottom: 20px;
}
.desktop{
    display: block;
}
.mobile{
    display: none;
}

/*====================== Quiz pop-1 ======================*/
 .quiz, .quiz-two, .quiz-three{
     -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 2s;
    /* Firefox < 16 */
     -ms-animation: fadein 2s;
    /* Internet Explorer */
     -o-animation: fadein 2s;
    /* Opera < 12.1 */
     animation: fadein 2s;
}
 @keyframes fadein {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
/* Firefox < 16 */
 @-moz-keyframes fadein {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
/* Safari, Chrome and Opera > 12.1 */
 @-webkit-keyframes fadein {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
/* Internet Explorer */
 @-ms-keyframes fadein {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
/* Opera < 12.1 */
 @-o-keyframes fadein {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 .mfp-close-btn-in .mfp-close {
     color: #ad2069;
     padding: 0;
     opacity: 9;
     height: 40px;
     right: auto;
     top: auto;
     position: relative;
     text-align: right;
     width: 100%;
     -webkit-transition: all .33s ease-in-out;
     -moz-transition: all.33s ease-in-out;
     -ms-transition: all .33s ease-in-out;
     -o-transition: all .33s ease-in-out;
     transition: all .33s ease-in-out;
}
 .mfp-close-btn-in .mfp-close:hover{
     color: #fff;
}
img.mfp-img {
    padding: 0 0 40px;
}
.quiz-template .slide-quiz-btn a{
  font-weight: 700;
    padding: 20px;
    font-size: 30px;
    display: block;
}
.quiz-template .slide-blurb h1{
    font-weight: 700;
}

 .quiz-product .buy-learn-btn a{
     margin: 0;
}
 .single-kit {
     max-width: 289px;
     margin: auto;
}
 .kit{
     border: 1px solid #f1eded;
     max-width: 250px;
     margin: 0 auto;
}
 .quiz-selector{
     padding: 30px;
}
 .quiz, .quiz-two, .quiz-three, .table-wrapper{
     display: table;
     width: 100%;
     margin: 0 auto 0;
}
 .quiz-wrapper{
     background: #fff;
}
 .quiz .quiz-wrapper{
     padding: 20px;
}
 .quiz-question {
     font-size: 30px;
     color: #191919;
     font-weight: 600;
     padding-top: 20px;
}
 .quiz-title {
     font-size: 20px;
     color: #191919;
}
 .quiz-logo {
     display: table-cell;
     vertical-align: middle;
     width: 25%;
     padding-bottom: 20px;
}
 .quiz-product{
     display: table-cell;
     text-align: center;
     width: 50%;
     padding: 0 20px 30px;
}
 .quiz-description{
     font-size: 16px;
     line-height: 24px;
}
 .quiz-blurb{
     color: #191919;
     font-size: 30px;
     font-style: italic;
     display: table-cell;
     vertical-align: middle;
     text-align: center;
}
 .kit-blurb-popout{
     font-size: 16px;
     color: #333333;
     font-weight: 300;
     padding: 20px 30px 20px;
     line-height: 24px;
}
 .led-blurb{
     padding-top: 20px;
}

 .quiz .buy-learn-btn a{
     color: #fff;
     font-weight: 600;
     font-size: 13px;
     padding: 10px 20px;
     border: none;
     text-transform: uppercase;
     display: inline-block;
     min-width: 120px;
     margin: 0px 15px;
     text-align: center;
     cursor: pointer;
     background: url(../images/quiz/learn-btn.png);
}
 .quiz .buy-learn-btn a:hover{
     opacity: 0.55;
     background: url(../images/quiz/learn-btn.png);
}
.quiz-checkbox, .quiz-option{
    display: table-cell;
    vertical-align: middle;
}
/*================================= Quiz pop-2 =================================*/
.quiz-product img:hover{
    opacity: .6;
}
 .cell-answer{
     display: table-cell;
     width: 30%;
     background:#dddddd;
     vertical-align: top;
     padding: 30px 20px;
     position: relative;
}
 .logo-two{
     border-bottom: 1px solid #c1c1c3;
     padding-bottom: 20px;
}
 .answer-list{
     font-size: 15px;
     color: #191919;
     text-align: left;
}
 .answer-list li:first-child{
     font-weight: 600;
     padding-bottom: 10px;
}
 .answer-list li{
     padding: 10px 0;
}
 .answer-list li:last-child a {
     font-size: 13px;
     color: #000;
     padding: 10px;
     border: 1px solid #000;
     text-transform: uppercase;
     display: inline-block;
     min-width: 120px;
     text-align: center;
     white-space: nowrap;
}
 .answer-list:last-child a:hover{
     color: #fff;
     background: #000;
}
 .fa-long-arrow-left{
     padding: 0 3px 0 0;
}
 .cell-option{
}
 .fa-square{
     font-size: 20px;
     padding: 0px 10px 0 0;
}
 .dimensions{
     display: table-cell;
     letter-spacing: 1px;
     padding-top: 30px;
     font-weight: 500;
}
 .dimensions ul li{
     padding-bottom: 14px;
}
 .dimensions ul li:last-child{
     padding-bottom: 0;
}
 .answer-list li:last-child{
     padding: 10px 0 0;
}
 .dimensions input[type=checkbox]{
     margin-bottom: 0;
     cursor: pointer;
}
 .dimensions ul li a{
     color:#8a8a8a;
}
 .dimensions ul li a:hover{
     color:#ad2069;
}
/*================================= Quiz pop-3 =================================*/
 .quiz-footer{
     background-image: url(../images/quiz/footer-3.jpg);
     padding: 50px 0;
}
 .quiz-footer-promo{
     font-size: 16px;
     font-weight: 600;
     color: #f01515;
}
 .quiz-footer-promo span {
color: #fddb2e;
}
 .quiz-btn a{
     font-size: 13px;
     color: #fff;
     padding: 10px;
     border: 1px solid #fff;
     text-transform: uppercase;
     display: inline-block;
     min-width: 120px;
     text-align: center;
     background: transparent;
}
 .quiz-btn a:hover{
     background: #fff;
     color: #191919;
}
 .footer-blurb {
     font-size: 13px;
     color: #fff;
     padding: 10px 6px 20px;
     line-height: 18px;
}
 .more-help{
     padding-top: 30px;
     font-size: 12px;
}
 .more-help div:first-child {
     font-size: 18px;
     color: #191919;
}
 .more-help div {
     padding-bottom: 10px;
     line-height: 18px;
}
 .more-help div:last-child {
     padding-bottom: 0;
}



 @media screen and (max-width: 991px){
.product-container .cover{
        background-position: left;
    }
}
 @media screen and (max-width: 767px){
    .quiz-two{
        position: fixed;
    top: 0;
    margin: 0 auto;
    right: 0;
    left: 0;
}
    .product-container .desktop{
        display: none;
    }
    .mobile{
        display: block;
    }
     .quiz-product{
         max-width: 400px;
             padding: 0 20px 20px;
         margin: 0 auto;
    }
    .help-wrapper{
        background: #dddddd;
    }
     .more-help {
         position: relative;
         bottom: 0;
         padding: 30px;
    }
     .quiz .quiz-wrapper{
         text-align: center;
         padding: 10px;
    }
    .kit-blurb-popout{
        padding: 10px 30px;
    }
     .quiz-question{
         font-size: 18px;
    }
     .table-wrapper, .quiz-product{
         display: block;
         width: 100%;
    }
     .quiz-blurb{
         display: block;
         padding-bottom: 20px;
    }
     .quiz-selector{
         padding: 30px 15px;
    }
  
    .quiz-template .slide-quiz-btn a{
        display: block;
    }
    .quiz-mobile{
        line-height: 22px;
    }
    .cell-answer{
        padding: 30px 20px 10px
    }
    .answer-list li{
        display: none;
    }
    .answer-list li:last-child{
        display: block;
    }
    
}
 @media screen and (max-width: 320px){
     .kit-blurb-popout{
         padding: 20px 0px 20px;
    }
}