/*CSS - Responsive Quizzes */
.dyk-wrapper {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:365px;padding-bottom:40px;overflow: hidden;position: relative;background: #fff;border:1px #0075c9 solid;text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family: 'Open Sans', sans-serif;}
.dyk-header {background-color: #0075c9;color:#FFFFFF;}
.dyk-title {background-image:url('/resources/Allstate/images/quiz-widget/dyk-header-3.gif');width:300px;line-height:28px;margin:0 auto;text-indent:200%;white-space:nowrap;overflow:hidden;height:38px !important;}
#dyk-questions {margin-bottom: 15px;padding: 5px 5% 0;position:relative;cursor: default;}
#dyk-question, #dyk-answers {min-width:273px;}
#dyk-question {margin:0 0 6px 0;height:8em;font-size:14px;color:#0075c9;padding:0px 7px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;}
#dyk-question-inner {text-align:center;width:100%;}
#dyk-answers {text-align:center;width:100%;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;}
#dyk-final {display:none;padding:10px 5% 0;text-align:center;color:#0075c9;margin-left:9000px;}
.dyk-final-inner {min-width:273px;margin:0 auto;}
.dyk-final-top {margin:0px 0 0 0;font-size:14px;}
.dyk-final-mid {font-size:28px;font-weight:bold;line-height:1em;}
.dyk-final-btm {font-size:14px;}
.dyk-final-social {margin:10px 0;width:100%;clear:both;text-align:center;}
.dyk-final-social > a {display:inline-block;width:30px;height:30px;text-indent:100%;white-space:nowrap;overflow:hidden;margin-right:4px;}
.dyk-final-social-facebook {background: url('/resources/Allstate/images/quiz-widget/dyk-social.jpg') -5px -2px;}
.dyk-final-social-twitter {background: url('/resources/Allstate/images/quiz-widget/dyk-social.jpg') -39px -2px;}
.dyk-final-social-googleplus {background: url('/resources/Allstate/images/quiz-widget/dyk-social.jpg') -74px -2px;}
.dyk-final-blurb {clear:both;font-size:13px;}
.dyk-final-blurb a {color:#0075c9;text-decoration:underline;}
.dyk-flip-proto {display:none;}
.dyk-flip {width:124px;position:relative;margin:0 6px 8px;vertical-align:top;display:inline-block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.dyk-flip .dyk-card {font-size:13px;transition:0.5s;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.dyk-flip .dyk-card .dyk-face {width:124px;text-align:center;line-height:1.4em;border-radius:10px;border-bottom-width:3px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;float:left;/* needed as no-flexbox fallback */}
.dyk-front {z-index:1;background:#FFFFFF;cursor:pointer;border:1px #b7b7b7 solid;color:#0075c9;transition: .15s opacity ease-out;}
.dyk-front:hover {border:1px #0075c9 solid;border-bottom:3px #006691 solid;background:#0097d7;color:#fff;}
.dyk-back {color:#fff;cursor:pointer;/*position:absolute;top:0;left: 0;*/margin-left:-124px;z-index:-1;opacity:0;transition:.15s opacity ease-out;}
.dyk-flipped .dyk-back {z-index:1;opacity:1;}
.dyk-flipped .dyk-front {opacity:0;}
.dyk-correctBG {background-color:#7bb441;border:1px #61972a solid;color:#fff;}
.dyk-incorrectBG{background-color:#e86329;border:1px #c24b18 solid;}
.dyk-quote{}
.dyk-agent {}
.dyk-cta-buttons {position:absolute;bottom:35px;left:0;right:0;}
.dyk-btn-cta {display:inline-block;width:120px;margin:0 10px;}
.dyk-btn-cta a{text-align:center;display:block;color:#fff !important;font-size:14px;padding:5px 10px;text-decoration:none;background-color:#c74e10;border-bottom:#c95e00 3px solid;border-radius:5px;transition:0.15s background-color;}
.dyk-btn-cta a:hover, .dyk-btn-cta a:focus {background-color: #b63a25;}
.dyk-btn-cta a:active{border-bottom:none;}
.question-counter{position:absolute;bottom:0px;width:100%;background-color:#0075c9;padding:2px 0px;}
.question-counter p{margin:0px;font-size:14px;text-align:center;color:#FFFFFF;}
#ShareButtonDYK {width:100px;margin:0 auto;}
@media only screen and (min-width: 800px) {
.dyk-flip, .dyk-flip .dyk-card .dyk-face {width: 140px;}
.dyk-back {margin-left:-140px;}
}

@media only screen and (min-width: 1000px) {
  .dyk-flip, .dyk-flip .dyk-card .dyk-face {width:150px;}
  .dyk-back {margin-left:-150px;}
  #dyk-question, .dyk-flip .dyk-card {font-size:15px;}
  .dyk-btn-cta {width:160px;margin:0 30px;}
  .dyk-btn-cta a {font-size:14px;padding:10px 28px;}
}

@media only screen and (min-width: 1200px) {
  #dyk-questions {padding-top: 10px;}
  #dyk-question, .dyk-flip .dyk-card {font-size:16px;}
  .dyk-btn-cta a {font-size:15px;padding:10px 28px;}
  .dyk-final-top, .dyk-final-mid,.dyk-final-btm {display:inline-block;}
  .dyk-final-top, .dyk-final-btm {font-size:16px;}
  .dyk-final-mid {margin:10px 3px;}
  .dyk-final-blurb {font-size:15px;line-height:1.6em;}
  .dyk-final-social {margin:16px 0;}
}