/* **** QUIZ ***** */ body.quizbdy { font-family: 'Helvetica', Arial, sans-serif; font-size: 1.2rem; line-height: 1.3rem; color: #444; /* background-image:url("img/minwl-bg.jpg"); background-size: cover; background-repeat: no-repeat; background: rgb(246,230,180); background: -moz-linear-gradient(top, rgba(246,230,180,1) 0%, rgba(242,182,87,1) 100%); /* FF3.6-15 background: -webkit-linear-gradient(top, rgba(246,230,180,1) 0%,rgba(242,182,87,1) 100%); /* Chrome10-25,Safari5.1-6 background: linear-gradient(to bottom, rgba(246,230,180,1) 0%,rgba(242,182,87,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#f2b657',GradientType=0 ); /* IE6-9 */ } header.minWL { padding: 12px; text-align: center; font-family: Open Sans Condensed; font-weight: 200; font-size: 2rem; line-height: 3.6rem; color: #801717; margin-bottom: -44px; } hr.rul1 { width: 75%; max-width: 75%; margin-top: 20px; border: 0; height: 3px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #fc5102b3, rgba(0, 0, 0, 0)); } .quiz { justify-content: center; align-items: center; display: flex; text-align: center; } .quiz h4 { font-size: 1.8rem; line-height: 2rem; margin: 8px; } .quiznum { background: #FFF; padding: 0px 26px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: -1px -1px 2px #b39070; display:inline-block; border: 1px solid #fff; margin:20px auto; } .quiznum ul { padding:0px; margin: 6px; } .quiznum ul li { text-align: center; padding: 8px; height: 10px; width: 10px; font-size: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 13px; display: inline-block; background: #b8b8b8; line-height: 11px; margin: 0 4px; color: #fff; } .quiznum ul li:nth-child(1) { margin-left:0px; } .qactive { background:#0086ff !important; color:#FFF; } .separrow { min-height:60px; background:url("img/arrowdown.png") #f4e1bf top center no-repeat; } .qwrap { margin:10px; background-color:#FFF; position:relative; padding:40px; -webkit-box-shadow: 1px 1px 8px 0px #754a4a80; -moz-box-shadow: 1px 1px 8px 0px #754a4a80; box-shadow: 1px 1px 8px 0px #754a4a80; margin-bottom: 40px; border-radius: 6px; } .qwrap .question h3{ font-weight:bold; font-size:22px; line-height:26px; } .qwrap .question { float:left; text-align:left; max-width: 532px; margin-left:10px; } .qoptions { margin:15px 0px; } .qnum { position:absolute; top: 10px; left: 20px; color: #E54949; font-size: 2rem; background-color: #ccc6; padding: 18px 24px 20px 16px; border-radius: 0 0 50px; margin: -10px 0 0 -20px; } .qimg { float:left; margin-left: -12px; width:250px; } .qimg img { } .qs.result { max-width: 830px; } .qcir { height:25px; width:25px; border:1px solid #0a8bff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position:absolute; top:0px; left:5px; color:#FFF; } .qoptions { margin-top:20px; } .qoptions li i{ margin: 5px; } .qoptions li { position:relative; margin-bottom:12px; list-style: none; cursor:pointer; } .qoptions li span { display:inline-block; padding:5px; margin-left:40px; color: #666; } .clear { clear:both; } .qcontrol { position:absolute; bottom:-20px; left:50%; margin-left: -30px; } .qleft { display:inline-block; } .qright { display:inline-block; } .footer { padding: 0 0 3.5%; text-align: center; position: absolute; width: 100%; margin-left: -0.5%; } .footer ul{ display: block; margin: 0 0 -8px -2.5%; color: #FFF; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 1px; } .footer ul li{ display:inline-block; margin-left:30px; color:#FFF; } .footer ul li:nth-child(1){ margin-left:0px; } .footer span{ color:#AA7947; display:block; font-size:12px; margin-top:20px; } .other { width:100%; margin-top:20px; } .other p { display:block; margin-bottom:20px; font-size:14px; line-height:18px; text-align:center; } .qs { display:none; } .quest1 { display:block; } .result h3{ font-size: 26px; line-height: 40px; margin-bottom: 20px; font-weight: bold; margin-top: -8px; } .result p { text-align:left; margin-bottom:20px; } .resultbtn, .quiznummob { display:none; } .resultbtn { margin-bottom:40px; } .resultbtn .btn { background: #e83434; width: 300px; margin: 0 auto; padding: 20px; font-size: 22px; color: #fff; font-weight: bold; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.53); -moz-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.53); box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.53); border: 1px solid #c11717; cursor:pointer; } .deskonly { display: none; } @media screen and (max-width: 815px) { .deskonly { display:none; } .content { width:95%; margin: 0 auto; } .quiznum { display:none; } .quiznummob { display:block; padding: 10px 0px; background: #fff; margin: 20px 0px; font-size: 30px; font-weight: bold; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.53); -moz-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.53); box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.53); } nav .content ul { display:none; } .footer ul { width:100%; } }