.white-txt{ color:#FFF}
.greentxt{ color:#090;}
.redtxt{ color:#F00;}
.fsz5vw{font-size:5vw;}
.fsz4vw{font-size:4vw;}
.btn-tertiary-fill:hover{ color:#fff; background-color:rgb(13 110 253)}
.top-brands-logo{ padding-bottom:2.5rem;}
.shovel-mpt{padding-top: 3rem !important; margin-top: 3rem !important;}
.sql-sign-mpt{padding-top: 3rem; margin-top: 3rem;}
.sql-wat-pt{padding-top: 3rem;}
.tasks{ margin-bottom:30px;}
.pb4{ padding-bottom:3rem;}
.acornrwrd{ padding-bottom:2rem;}
.close{ right: -10px; position: absolute; top: -10px; z-index: 100;}
.store-modal__header .store-banner { background-color: #eaeaea; -moz-border-radius: 0px !important; -webkit-border-radius: 55px 55px 0px 0px !important; border-radius: 55px 55px 0px 0px !important; }
.mytask{margin: 10px 0 0 0;}
.gender_selected { background-color:#CFCFCF !important; color:#4A3F3B !important; }
.selected { background-color:#CFCFCF !important; color:#4A3F3B !important; }
label.error {color: red; font-size: 14px;}
.error {color: red; font-size: 14px;}
.error_msg {color: red;}
input.error {border: 1px solid red;}
#reg_result_msg_error{ display:none; padding: 10px; position: relative; z-index: 9999; width: 80%; height:50px; transform: translate(-41%, -25%); left: 43%;}
#reg_result_msg{display:none; height: 562px; justify-content: center; align-items: center;}
#result_msg, #result_msg_login, #result_msg_review, #survey_success_msg{display:none; margin-top: 10px;}
.white-box{ text-align: center; background: #fff; border: 1px solid #e4e3e3; border-radius: 15px;}
.fl{float:left !important;}
.fr{float:right !important;}
.hide{display:none !important;}
.h3-form{ font-size:34px; color:#000;}
.modal-content{ border-radius:30px !important;}
.coin-group {bottom: -45px; width: 11vw;}
.silver-coin-group { right: -50px;}
.gold-coin-group {bottom: -60px; width: 14vw; left:-50px;}
.nut1{ top: 20px; transform: translate(-50%, -15%);}
.border-1{border-color: #98c83436 !important;}
.card-body { padding: 30px;}
#contact_us_form input[type=text], input[type=password], input[type=email], textarea{ padding: 0.7rem 1rem !important}
.contact-btn {position: inherit; width: 11vw;border-radius: 5px;  background-color: #E75113;  text-transform: uppercase; font-weight: 600; line-height: 2; margin-left: 8px; display: flex; border: 0 !important; cursor:pointer;}
.contact-btn-wdh { width:100%; text-align:center;}
.h4-form { font-size: 24px; color: #000; margin: 0px 0 20px 0;}
#login_div, #forgot_password_div{padding: 0 10px 10px 10px;}
#forgot_password_div{display:none;}
#login_form, #forgot_password_form{padding:1rem!important; border-radius: 20px;}
.btn_div{margin: 1.5rem 0 !important;}
.btn_div div:first-child {padding-left:0px !important}
#forgot_password, #existing_user{ color: #E61E50; font-weight: 500; margin-left: 4px;}
.redtx{ color: #E61E50 !important;}
.top-brands {padding-bottom: 2vw !important;}
.modal-dialog {margin: 0 auto !important;}
.top-background {background: url(../images/sub-page-curve.png) left top no-repeat;background-size: 100%;}
.faq{ padding-top: 1rem !important;}
.reward-img img{ width:148px; height:52px;}
.btn-icon-arrow .btn-icon img { filter: none !important}
@media all and (min-width:768px) {
    .form-inner-container { padding:2rem 3rem !important; }
	.owl-carousel .owl-nav button.owl-next.disabled { display:none !important; }
	.carousel-fade-out-right:after { display:none !important;}
	.carousel-fade-out--::after { width: 18% !important; background: linear-gradient(90deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 2.97) 60%, rgba(255, 255, 255, 1) 90%) !important;}
}
@media all and (max-width:767px) {
    .tree-squirrel { transform: translate(70%, -1%) !important; margin-bottom: 50px !important; width: 35.177vw !important;}
	.intro-section p {font-size: 5.917vw !important; letter-spacing: 0 !important; text-align: left;}
	.acc-offers p { font-size: 2.95vw !important; letter-spacing: -0.02em !important;}
	.hero-title {line-height: 1.1;}
	.brand-logos li {width: 33%;}
	.shovel-mpt {padding-top: 0 !important; margin-top: 0.5rem !important;}
	.nut4 { top: -13% !important; right: 10% !important;}
	.sql-sign-mpt{padding-top: 0; margin-top: 0;}
	.sql-wat-pt{padding-top: 0;}
	.character-img img { margin-bottom: 15px;}
	.nut12 { top: -33% !important;}
	.nut2 { bottom: -25% !important;}
	.character-cheer { margin-bottom: -3rem !important; }
	/*.form-container label.field-label{ display:none;}*/
	.faq .accordion-item .accordion-header .accordion-button, .faq .accordion-body { font-size: 4.2vw !important;padding: 2px 5px !important;}
	.faq .accordion-button::after { width: 4.2vw !important; height: 4.2vw !important;}
	.account-progress__progress-bar {height: 9vw !important;}
	.points-note {top: -12vw !important; width: 48vw !important; left: 2vw !important; padding: 1rem 0.7em !important;}
	.points-note .quick-summary .info h3 {font-size: 3.917vw;}
	.points-note .quick-summary .info p {font-size: 3.5vw; width: 100%;}
	.points-detail{ font-size: 3.5vw !important;}
	.tasks {  margin-bottom: 33px;}
	.pb4{ padding-bottom:4rem;}
	.acornrwrd{padding-bottom:0;padding-top:1rem;font-size: 5.083vw !important;}
	.squirl-acorn { bottom: 7.5vw !important;}
	 button.disabled { opacity: 0.2; cursor: default !important;}
	.mytask{margin: 0 0 75px 7px;}
    .coin-group.silver-coin-group {width: 100px;bottom: -30px; right: -12px;}
	.coin-group.gold-coin-group { width: 120px; bottom: -32px; left: -25px;}
	.pgmt{ margin-top:-60px;}
	.pgmt-faq{ margin-top:-40px;}
	.contact-us-pad { padding: 15px !important;}
	.contact-btn {width: 50%; margin-left:10px;}
	#forgot_password, #existing_user{ float:right;}
	.first-time p{ margin-bottom:8px !important;}
	.share-container{ padding: 1rem 0rem;}
	.refer-friends-box { padding: 1rem;}
	.refer-img-box { margin-top:0rem;}
	.refer-img-box img { width: 200px; margin: auto !important;}
	.refer-txt-box{ width:100%;}
	#navbarCollapse .navbar-nav a{ padding: 7px 5px 0 5px; font-size: 18px;}
	.dropdown-menu li a{ padding: 6px 5px 0 5px !important; font-size: 17px !important;}
}

@media all and (min-width:992px) {    
    .btn-start-squirling {bottom:auto !important }
}
@media (min-width: 1200px) {
    .form-container {
        max-width: 33vw !important;
        width: 33vw !important;
    }
}
@media (min-width: 1547px) {
    .store-modal-dialog {max-width: 100%; }
	.faq .container { max-width: 100%;}
}