@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,900");
@import url("https://fonts.googleapis.com/css?family=Lobster%7CNunito:400,700");
@import url("https://fonts.googleapis.com/css?family=Chivo:400,700%7CWeb:500");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700%7CMitr:500");
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:700,900");
@import url("https://fonts.googleapis.com/css?family=Signika:400,700");
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:400,700");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700%7CLato:500");
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,700");
@import url("https://fonts.googleapis.com/css?family=Caveat:400%7CMontserrat:600,900");
@import url("https://fonts.googleapis.com/css?family=Caveat:400%7CMontserrat:900%7CRoboto:400:700");
@import url("https://fonts.googleapis.com/css?family=Merriweather+Sans:400,800%7CRusso+One");
@import url("https://fonts.googleapis.com/css?family=Cabin:400,700%7CWork+Sans:800");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700");
@import url("https://fonts.googleapis.com/css?family=Lato:400,900");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto");
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700%7CRoboto:700");
@import url("https://fonts.googleapis.com/css?family=PT+Sans:700%7CRoboto:400,700");
@import url("https://fonts.googleapis.com/css?family=Amaranth:400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");

:root {
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    box-sizing: border-box;
    height: 100%;
    -webkit-font-smoothing: antialiased
}

body {
    height: 100vh
}

*, :after, :before {
    box-sizing: inherit
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .07em 0
}

a {
    background-color: transparent;
    text-decoration: none;
}
a:hover, a:focus {
    color: #fff;
    text-decoration: none;
}

b, strong {
    font-weight: bolder
}

img {
    border-style: none
}
.ul{
	text-decoration-line: underline;
text-decoration-thickness: 2px;
font-weight: bold;
letter-spacing: -0.02em;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.quiz-navbar:not(.is-outline):not(.mobile-promotions-bar_on){
	background-color:none!important;
}

._2ai9T_0 {
    display: grid;
    -ms-flex-align: stretch;
    align-items: stretch;
	margin-top: 5px;
}

._2HK7r_0 {
    display: grid;
    grid-template-areas: "question"
}

._3gGSj_0 {
    grid-area: question
}

._26P4y_0 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

._1imIn_0 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center
}

.oTWqL_0 {
    margin-top: 24px
}

._1D1H5_0, .oTWqL_0 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

._1D1H5_0 {
    background: #fff
}

._1D1H5_0, .nQLS9_0 {
    -ms-flex-direction: column;
    flex-direction: column
}

.nQLS9_0 {
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0;
    margin-top: 6px;
    margin-bottom: 12px
}

._39sgT_0, .nQLS9_0 {
    display: -ms-flexbox;
    display: flex
}

._39sgT_0 {
    -ms-flex-pack: center;
    justify-content: center
}

._2ty1h_0 {
    display: -ms-flexbox;
    display: flex;
    margin: 6px 0;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    transform: translateY(10px);
    transition: transform .5s ease,opacity .5s ease
}

._2RuEW_0 {
    opacity: 1;
    transform: translateY(0)
}

.diwNd_0 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 36px;
    width: 36px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid green;
    border-radius: 100%;
    margin-right: 18px;
    color: green
}
.marquiz__container{padding-bottom: 20px;}
.marquiz__inline-frame{height:600px!important;}
.v-spinner .v-moon1 {
    position: relative
}

.v-spinner .v-moon1, .v-spinner .v-moon2 {
    animation: v-moonStretchDelay .6s 0s infinite linear;
    animation-fill-mode: forwards
}

.v-spinner .v-moon2 {
    opacity: .8;
    position: absolute
}

.v-spinner .v-moon3 {
    opacity: .1
}

@keyframes v-moonStretchDelay {
    to {
        transform: rotate(1turn)
    }
}

svg:not(:root) {
    overflow: hidden
}

.icon {
    display: inline-block;
    vertical-align: text-top;
    fill: currentColor
}

._1hBpx_0 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    overflow: auto;
    font-family: Roboto,sans-serif;
    background: #e9ebee;
    min-height: 100%;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50%;
    padding-top: 10px
}

._8RU-__0 {
    background: #fff;
    max-width: 500px;
    width: 100%;
    overflow: hidden;
    padding: 12px
}

._3ay2g_0 {
    width: 100%
}

.zYV5A_0 {
    margin-top: 12px;
    text-align: center;
    font-size: 12px
}

.NJP2J_0 {
    margin: 24px 10px 36px;
    max-width: 500px;
    font-size: 10px;
    color: rgba(0,0,0,.5)
}

.NJP2J_0, ._25dRa_0 {
    line-height: 1.25em;
    font-family: Arial,sans-serif
}

._25dRa_0 {
    margin: 0;
    font-size: 13px
}

._2nkLG_0 {
    display: grid;
    color: #333;
    padding-bottom: 6px
}

._2nkLG_0 img {
    max-width: 100%
}

._340G8_0 {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 0
}

._2KBuM_0 {
    font-weight: 400;
    font-size: 25px;
    text-shadow: 0 0 15px #fff
}

._2KBuM_0 strong {
    color: red
}

._3hC9k_0 {
    background: #fff;
    width: 100%;
    max-width: 500px;
    font-size: 14px;
    border-radius: 0 0 3px 3px
}

._3W5qG_0 {
    padding: 14px 10px 13px;
    box-shadow: inset 0 1px 0 hsla(220,7%,82%,.5),inset 0 -1px 0 hsla(220,7%,82%,.5);
    display: grid;
    grid-template-areas: "emojis counter . comments shares";
    grid-template-columns: auto auto 1fr auto auto;
    -ms-flex-align: center;
    align-items: center;
    color: #616770;
    font-size: 14px
}

.KTFhN_0 {
    grid-area: emojis;
    margin-right: 4px
}

._3bl5r_0 {
    grid-area: counter
}

.ZiKlf_0 {
    grid-area: shares
}

._2-9Rh_0 {
    margin-right: 10px;
    grid-area: comments
}

._18KN3_0 {
    padding: 8px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 6px;
    grid-template-areas: "avatar comment" "avatar details"
}

._18KN3_0:not(:first-child) {
    margin-top: 8px
}

.Pkrcb_0 {
    height: 36px;
    width: 36px;
    grid-area: avatar;
    border-radius: 100%
}

._1FQ1c_0 {
    display: grid;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    grid-template-areas: "timestamp like reply";
    margin-top: 5px;
    margin-left: 4px;
    font-size: 12px;
    color: #90949c
}

._12mVg_0 {
    grid-area: timestamp;
    padding: 0 8px
}

.JdPD-_0 {
    grid-area: like
}

._1GeZu_0 {
    grid-area: reply
}

.JdPD-_0, ._1GeZu_0 {
    font-weight: 700;
    padding: 0 8px
}

._2qSv6_0 {
    grid-area: comment;
    background: #e9ebee;
    border-radius: 18px;
    align-self: flex-start;
    padding: 6px 12px 7px;
    display: grid;
    grid-template-areas: "author" "comment"
}

._3vQyW_0 {
    line-height: 16px
}

._1wS8e_0 {
    grid-area: author;
    font-weight: 700;
    color: #000;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 4px
}

._3vQyW_0 {
    grid-area: comment
}

._1FQ1c_0 {
    grid-area: details
}

#redirecturl, .q5, .q6 {
    display: none
}
html {
    height: 100%;
}

body {
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-size: 18px;
}
logo::after {
	content:'('asfasgdaaf')';
	padding-right: 8px;
	color: blue;
	display: inline-block;
    width: 12px;
    height: 12px;
}
.new_offers2022.last_week {
    border-top: 2px solid #ffc220;
	border-bottom: 2px solid #ffc220;
	margin: 5px 20px 5px 20px;
}
.new_offers2022 {
    position: relative;
    margin-bottom: 5px;
	margin-top: 0px;
    padding: 0 0;
    z-index: 0;
}
.new_offers2022.last_week header {
    position: absolute;
    left: 18px;
    top: -26px;
    background: #fff;
    z-index: 2;
}
.new_offers2022.last_week header h3 {
    color: #ffc220;
    padding: 0 15px;
    text-align: left;
	font-weight: bold;
}
.new_offers2022 header h3 {
    font-size: 18px;
    line-height: 11px;
}
.new_offers2022.last_week .body {
    padding-top: 40px;
}
.new_offers2022 .body {
    margin-left: -15px;
    margin-right: -15px;
}
.new_offers2022.last_week .body {
    padding-top: 40px;
}


.answer {
    border: 1px solid #0071dc;
    display: block;
    cursor: pointer;
    color: #fff;
    font-size: 22px;
    padding: 8px 0;
    margin: 8px 0;
    text-decoration: none;
    text-align: center;
    background: #0071dc;
	border-radius: 62.5rem;
}

.answer:hover{opacity: 0.8;}

.answer:active {
    position:relative;
    top:1px;
}

.question {
    display: none; /*default hide all questions*/
}

#our_rewards{
	background: #1e1e1e;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0px 45px;
    flex-direction: row;
    height: 45px;
    font-size: 0.7em;
    align-items: center;
    margin-top: 25px;
    color: #fff;
}



/********************** List ************************/
/*******************************************************/


.claim-now-text-sub-head {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: rgba(255, 255, 255, .75);
}

.claim-now-content {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.claim-now-text {
    padding-left: 10px;
}

.claim-now-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0;
    position: relative;
    height: auto;
}

.claim-now-text h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    display: block;
}

.claim-now-text h3 {
	font-size: 16px;
    line-height: 1.22;
}

.claim-now-box:nth-child(1)::after {
    content: "";
    background: 0 0;
}

.claim-now-text h3 span {
    font-weight: 900;
}

.claim-now-box {
    margin-bottom: 4px;
}

.claim-now-num {
    width: 27px;
    height: 24px;
    background: #424242;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    position: relative;
    z-index: 9;
}

.claim-now-box:last-child {
    margin-bottom: 0;
}

.claim-now-box::after {
    content: "";
    width: 2px;
    height: 29px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    background: #005b29;
    opacity: .2;
    top: -14px;
    left: 13px;
    position: absolute;
}

.claim-now-content {
    max-width: 300px;
}

.claim-now-text {
    padding-left: 10px;
    width: 100%;
    text-align: left;
}

.claim-now-box::after {
    top: -18px;
    left: 11px;
}



/********************** OVERLAY ************************/
/*******************************************************/

.centerIt {
    margin:0px auto;
    text-align:center;
    margin-top: 80px;
}

.overlay-checker {
    display: none;
    background: #fff;
    position: fixed;
	color: #333;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}
.overlay-checker {
    font-size: 34px;
    font-weight: bold;
}
.overlay-checker-points {
    max-width: 90%;
    font-size: 20px;
    padding: 0;
	list-style: none;
}
.overlay-checker-points li:before {
  content: '✓';
}
.spinner:before {
	content: none!important;
}

.overlay-checker-points li{list-style: none;padding: 0.4em;}

.overlay-checker-points li img{height: 21px;}


/********************* MEDIA QUERIES ********************/
/********************************************************/
.section--info {
    padding: 2em 0 0;
	background: #85c1e9;
	box-shadow: 0 1px 5px 1px #cfcfcf;
	border-bottom: 2px solid #7ab9e2;
}
.section--bali{
	padding: 2em 0 0;
}
.section--property{
	padding: 2em 0 0;
	background: #f7dc6f;
	box-shadow: 0 1px 5px 1px #cfcfcf;
	border-bottom: 2px solid #3c3722;
}
.section--value{
	padding: 2em 0 0;
	background: #D4AC0D;
	box-shadow: 0 1px 5px 1px #cfcfcf;
	border-bottom: 2px solid #ba9813;
}
.section--cta{
	padding: 2em 0 0;
}
.center-block--md {
    width: 80%;
    margin: 0 auto; 
	max-width: 640px;
}


/*.center-block__content {
    display: flex;
    flex: 0 1 auto;
	justify-content: center;
    align-items: center;
}*/
.center-block__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px; /* Add space between elements */
}
.text {
    font-size: calc(.268096515vw + 1.614209115em);
    text-align: center;
    margin-bottom: 2rem;
}

.title-headline--mbr {
    margin-bottom: 1rem !important;
	letter-spacing: -0.04em;
}

.dib {
    display: inline-block;
}

.highlight {
    position: relative;
    display: inline-block;
}

.highlight::before {
    display: inline-block;
    position: absolute;
    z-index: 1;
    content: '';
    background-color: rgba(247,220,111);
    transform: scale3d(1, .8, 1) rotate(-2deg) skew(-20deg) translateX(-.2em);
    transform-origin: center bottom;
    transition: right .5s ease-in-out;
    left: 0;
    right: 100%;
    top: 0;
    bottom: .125em;
    animation: highlight 3s cubic-bezier(.645, .045, .355, 1) both infinite normal;
}

.highlightText {
    display: inherit;
    position: relative;
    z-index: 2;
    line-height: 1;
}

.fz__lg {
    font-size: 0.7em;
}
.fw4 {
    font-weight: 400 !important;
}
.fz__lg-s {
    font-size: 1.1em;
}
.tdu--f {
    display: inline-block;
    position: relative;
	font-size: 1em;
}
.icon-font {
    font-family: HelveticaNeueDeskInterface, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
	margin-right: 5px;
}
.checked{
	display: inline-flex;
    margin: 5px;
	letter-spacing: -0.02em;
}

.tdu--f::after {
    background: url('img/tdu-f-lg.png') no-repeat center bottom transparent;
    background-size: 100% auto;
    content: '';
    position: absolute;
    left: 7.5%;
    right: 0;
    bottom: -.16em;
    height: 0;
    overflow: hidden;
    padding: 0 0 10.526315789%;
    width: 85%;
}

@keyframes highlight {
    0% {
        right: 100%;
    }
    100% {
        right: 0;
    }
}

/* Slider container */
.slider {
position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow: hidden;
}

/* Slides */
.slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

/* Individual slide */
.slide {
    min-width: 100%!important;
    box-sizing: border-box;
}

/* Slide images */
.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Navigation buttons */
.prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 1000;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

.prev:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

 /* Hide navigation buttons on mobile */
        @media (max-width: 768px) {
            .prev, .next {
                display: none;
            }
        }
		
.button {
    font-size: 18px !important;
    padding: 12px 30px;
    min-height: 43px;
    height: auto;
    border-radius: 24px;
    border: none;
    line-height: 1.3rem;
    -webkit-tap-highlight-color: transparent;
}
.start-page__button {
    white-space: normal;
    min-height: 55px;
    border-radius: 40px;
}
.button.is-primary {
    background: #1a5276;
    color: #fff !important;
	overflow: hidden;
}
.button a{
	color: #fff !important;
} 
iframe .lead-form__sticky_active .lead-form__button {
        width: 100%!important;
    }

iframe .lead-form__button {width:100%!important;}