.fox-quiz-wraper{ display:block; padding:0px; margin:0px; border:1px solid #ccc; border-radius:6px; position:relative; }
.fox-quiz-wraper .fox-quiz-preview{ display:block; min-height:200px;  position:relative; border-radius:6px; overflow:hidden;}
.fox-quiz-wraper.active .fox-quiz-preview{ display:none;}
.fox-quiz-wraper.active .fox-quiz-preview img{ }
.fox-quiz-wraper .fox-quiz-preview .fox-quiz-overlay{ display:flex; position:absolute; left:0px; top:0px; right:0px; bottom:0px; justify-content: center; align-items: center;  background-color:rgba(252,252,252,.60);}
.fox-quiz-wraper .fox-quiz-preview .fox-quiz-overlay .fox-overlay-center{ display:block; padding:15px; width:100%; max-width:600px; margin:auto; text-align:center;}
.fox-quiz-wraper.active .fox-quiz-content{ display:block; }
.fox-quiz-wraper .fox-quiz-preview h4{ font-size:22px; margin-top:0px; font-weight: 600 !important; }
.fox-quiz-wraper .fox-quiz-preview p{ }
.fox-quiz-wraper .fox-quiz-preview .startQuiz{ display:inline-flex; padding:8px 16px; text-align:center; background-color:#0089ac; color:#fff; border:1px solid #0089ac; font-size:16px; border-radius:4px; }

.fox-quiz-popup{ display:block; width:100%; height:100%;}
.fox-quiz-popup .fox-quiz-header{ display:none; }
.fox-quiz-popup .fox-quiz-iframe{ display:block; width:100%; height:100%;  }
.fox-quiz-popup .fox-quiz-iframe iframe{ display:block; width:100%; height:auto; min-height:100%; border:0px; min-height:380px; }

.fox-quiz-wraper .fox-quiz-preview .fox-quiz-overlay .fox-overlay-center{

background: rgba(223, 233, 247,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(223, 233, 247,1) 0%, rgba(254,254,254,0.61) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(223, 233, 247,1)), color-stop(100%, rgba(254,254,254,0.61)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(223, 233, 247,1) 0%, rgba(254,254,254,0.61) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(223, 233, 247,1) 0%, rgba(254,254,254,0.61) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(223, 233, 247,1) 0%, rgba(254,254,254,0.61) 100%);
background: radial-gradient(ellipse at center, rgba(223, 233, 247,1) 0%, rgba(254,254,254,0.61) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=1 );
-webkit-box-shadow: 0px 0px 79px -5px rgba(176, 191, 215, 0.6);
-moz-box-shadow: 0px 0px 79px -5px rgba(176, 191, 215, 0.6);
box-shadow: 0px 0px 79px -5px rgba(176, 191, 215, 0.6);
}

.fox-quiz-btns{ display:block; position:absolute; left:0px; top:0px; right:0px; text-align:right; }
.fox-quiz-wraper .fox-quiz-header{ display:none; -webkit-box-shadow: 0 10px 18px 0 rgba(0,0,0,0.11); -moz-box-shadow: 0 10px 18px 0 rgba(0,0,0,0.11);box-shadow: 0 10px 18px 0 rgba(0,0,0,0.11); z-index: 1; position: relative;}

.fox-quiz-wraper.zoom .fox-quiz-content{ z-index:99999999999; position:fixed; left:0px; right:0px; top:0px; bottom:0px; background-color:#fff;}
.fox-quiz-wraper.zoom .fox-quiz-popup{ display:block; width:100%; height:100vh; position:relative; overflow:hidden;}
.fox-quiz-wraper.zoom .fox-quiz-header{ display:flex; height:100px;}
.fox-quiz-wraper.zoom .fox-quiz-iframe{ width:100%; height:calc(100vh - 100px); overflow:auto;}
.fox-quiz-wraper.zoom .fox-quiz-btns{ top:100px;}
.fox-quiz-wraper .fox-quiz-btns button{ width:42px; height:42px; width: 48px; height: 48px;  border:1px solid #000;  background-color:#333; color:#fff; opacity:.8;}
.fox-quiz-wraper .fox-quiz-btns button:hover{ opacity:1;}
.fox-quiz-wraper .fox-quiz-btns button.closeBtn{ background-color:#bf2727; color:#fff; border:1px solid #b50b0b;}
.fox-quiz-wraper.zoom .fox-quiz-header .priceView{ margin-bottom:0px !important;}
.fox-quiz-wraper.zoom .fox-quiz-header .priceView li{ margin-bottom:0px !important;} 
.fox-quiz-header > div{ flex:1;display:flex; align-items: center; }
body.foxPopup{ overflow:hidden; }
.fox-quiz-wraper.zoom .fox-quiz-header > div{ flex:1; align-items: center; padding-left:15px; padding-right:15px;  }
.fox-quiz-wraper.zoom .fox-quiz-header > div.cinfo{ max-width:600px;}
.fox-quiz-wraper.zoom .fox-quiz-header > div h2{ margin:0px; font-size:20px !important; }
.fox-quiz-wraper.zoom .fox-quiz-header > div p{ font-size:16px !important; margin-bottom:0px; }
.fox-quiz-wraper.zoom .fox-quiz-header > div:last-child{ justify-content: end; }

@media screen and (max-width: 992px) {
.fox-quiz-wraper.zoom .fox-quiz-header{ flex-direction: column; }
.fox-quiz-wraper.zoom .fox-quiz-header > div h2{ margin:0px; font-size:18px !important; }
.fox-quiz-wraper.zoom .fox-quiz-header > div p{ font-size:13px !important; margin-bottom:0px; display:none;}
.fox-quiz-wraper.zoom .priceView li button{ height:54px !important; line-height:16px !important; }
.fox-quiz-wraper.zoom .fox-quiz-header > div{justify-content: center;}
.fox-quiz-wraper.zoom .fox-quiz-header > div:last-child{ justify-content: center; padding-left:5px; padding-right:5px; }
.fox-quiz-wraper .fox-quiz-preview{ min-height:300px !important;}
}