.blush_bg{background-color: #FDF3EB;}
.seafoam_bg{background-color: #DCF0EB;}
.saga_bg{background: #E5E6D8;}
.white_bg{background: #fff;}
.btn_navy{background: #16395C; border:2px solid #16395C; color: #fff;}
.btn_navy:hover, .btn_navy:focus, .btn_navy:active{background: #0e3151; border:2px solid #0e3151; color: #fff;}
.btn_navy_inverse{background: #fff; border:2px solid #16395C; color: #16395C;}
.btn_navy_inverse:hover, .btn_navy_inverse:focus, .btn_navy_inverse:active{background: #16395C; border:2px solid #16395C; color: #fff;}
.btn_gray{background: #9D9D9D; border:2px solid #9D9D9D; color: #fff;}
.btn_gray:hover, .btn_gray:focus, .btn_gray:active{background: #686868; border:2px solid #686868; color: #fff;}
.hbq_main .error.from-control, .hbq_main .error.from-control:hover, .hbq_main .error.from-control:focus{color: #CD1D00 !important; border-color: #CD1D00 !important;}
.italic{font-style: italic;}
textarea{resize: none;}
.paper_icon{background: url("../images/new/icon/paperclip.svg") 0 center no-repeat; min-height: 20px; padding-left: 30px;}

.d-flex{display: flex;}
.justify-content-center{justify-content: center;}
.justify-content-between{justify-content: space-between;}
.justify-content-around{justify-content: space-around;}
.align-items-center{align-items: center;}
.align-self-center{align-self: center;}
.order-2{order: 2;}
.order-1{order: 1;}
.modal-backdrop.show{opacity: 0.6;}
.modal.show{opacity: 1;}

.hbq_main{font-family: 'IBM Plex Serif', serif; font-size: 16px; line-height: 24px; color: #1a1a1a;}
.hbq_main h1{font-family: 'Open Sans', sans-serif !important; font-size: 48px; line-height: 65px; font-weight: 700; color: #1a1a1a;}
.hbq_main h2, .modal h2{font-family: 'Open Sans', sans-serif !important; font-size: 32px; line-height: 44px; font-weight: 700; letter-spacing: 0.5px; color: #1a1a1a;}
.hbq_main h3{font-family: 'Open Sans', sans-serif !important; font-size: 24px; line-height: 32px; font-weight: 600; color: #1a1a1a;}
.hbq_main .title, .hbq_main .title_1{font-family: 'Open Sans', sans-serif !important; font-size: 20px; line-height: 27px; font-weight: 600; color: #1a1a1a;}
.back_arrow a{background: url("../images/new/icon/back-arrow.svg") 0 center no-repeat; padding-left: 34px;}
.hbq_main .btn{text-transform: uppercase;}
.hbq_main .btn-white{border-color: #fff;}
.hbq_main .btn-white:hover, .back_arrow a:hover{opacity: 0.8;}
.hbq_main .checkBox .checkmark, .hbq_main .radioBox .checkmark{border: 1px solid #414141;}
.hbq_main .checkBox input:checked ~ .checkmark{background:#16395C; border-color: #16395C;}
.hbq_main .radioBox input:checked ~ .checkmark{background:#fff; border: 1px solid #16395C;}
.hbq_main .radioBox .checkmark:after{background: #16395C; left: 3px; top: 3px; width: 13px; height: 13px;}

.hbq_about_img{text-align: center; width: 50%;}
.hbq_about_img img{max-width: 100%;}
.hbq_about_text{text-align: center; width: 50%; padding: 0 60px;}
.hbq_about_text img{max-width: 100%; margin-bottom: 20px;}
.hbq_about_text .hbq_about_btn{display: flex; justify-content: center;}
.hbq_about_text .hbq_about_btn a{margin: 0 8px;}
.hbq_space_quilter{text-align: left; padding: 0;}
.hbq_about_text.hbq_space_quilter{padding-left: 24px;}
.hbq_getting{background:#FDF3EB url("../images/new/star_bg.png") center top repeat-x;}
.hbq_getting_box{text-align: center;}
.hbq_getting_box img{max-width: 100%;}
.hbq_getting_text{max-width: 822px; margin: 0 auto 24px;}
.hbq_getting_text img{margin-bottom: 45px;}
.hbq_getting_text strong{font-weight: 700; font-size: 18px; line-height: 30px;}
.hbq_quilting_story{position: relative; background: url("../images/new/mother-kid.png") center top repeat-x; background-size: cover; text-align: center; color: #fff; padding: 102px 0;}
.hbq_quilting_story:before{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(10, 73, 93, 0.85) url("../images/new/quilting-story-star.png") center top repeat-x;}
.hbq_quilting_text{max-width: 700px; width: 100%; margin: 0 auto;}
.hbq_quilting_story h2, .hbq_quilting_story .title{color: inherit;}
.hbq_join{background: #E5E6D8; padding: 60px 0; text-align: center;}
.hbq_join ul{display: flex; justify-content: space-between; margin: 0 auto;}
/*.hbq_join li{padding: 0 12px; width: 25%;}*/
.hbq_join li{width: 50%; padding: 0 24px;}
.hbq_join li img{max-width: 100%; /*margin-bottom: 20px;*/}
.hbq_join .btn{margin-top: 36px;}

.hbq_story_banner{position: relative; background: url("../images/new/story-banner.jpg") center top no-repeat; background-size: cover; text-align: center; color: #fff; padding: 98px 0; margin-top: 24px;}
.hbq_story_banner h2{color: #fff;}
.hbq_story_banner img{max-width: 100%;}
.hbq_grace_story, .hbq_sport_story{text-align: center;}
.hbq_grace_story ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.hbq_grace_story li{padding: 40px 5px 0; width: 33%; max-width: 410px;}
/*.hbq_grace_story .btn, .hbq_sport_story .btn{text-transform: none;}*/
.ambassador_bg{background: url("../images/new/ambassador/storyframe.png") center center no-repeat; width: 100%; max-width: 400px; height: 461px; position: relative; background-size: 100% 100%; z-index: 2; padding: 26px 15px 24px 13px;}
.ambassador_bg img{ max-width: 374px; width: 100%; height: 350px; object-fit: cover;}
.ambassador_name{font-family: "EdsMarketUprightScript"; font-size: 24px; line-height: 24px; font-weight: 700; margin-top: 20px; }
.ambassador_name span{display: block; font-weight: 600; margin-top: 2px; }
.hbq_grace_story li .btn, .hbq_sport_story .btn{margin-top: 12px; min-width: 184px;}

.sport_slider{max-width: 1052px; margin: 0 auto;}
.hbq_sport_story .item{padding: 0 6px; width: 100%; max-width: 344px;}
.hbq_sport_story .ambassador_bg{background: url("../images/new/sportlight/sport-story-bg.png") 0 0 no-repeat; width: 100%; max-width: 332px; height: 382px; position: relative; background-size: 100% 100%; z-index: 2; padding: 26px 18px 16px 18px;}
.hbq_sport_story img{ max-width: 300px; width: 100%; height: 286px; object-fit: cover;}
.hbq_sport_story h3{margin: 24px 0 0;}
.sport_slider.owl-carousel.owl-loaded{display: flex; justify-content: center;}
.sport_slider.owl-carousel .owl-nav span{text-indent: -9999px;}
.sport_slider.owl-carousel .owl-nav [class*=owl-]{background: #FFFFFF !important; top: calc(50% - 44px);}
.sport_slider.owl-carousel .owl-nav [class*=owl-]:hover{opacity: 0.8;}
.sport_slider.owl-carousel .owl-nav .owl-next{right: -52px !important;}
.sport_slider.owl-carousel .owl-nav .owl-prev{left: -52px !important;}
.owl-carousel .owl-nav .owl-next span{background-image: url("../images/new/icon/arrow-right-black.svg") !important;}
.owl-carousel .owl-nav .owl-prev span{background-image: url("../images/new/icon/arrow-left-black.svg") !important;}
.sport_slider {display: flex;}
.sport_slider .filterColumn{width: 33.33%; padding: 16px 12px;}
.sport_slider .filterImg img{width: 100%; max-width: 100%; height: auto;}
.hbq_story_detail{max-width: 1370px; margin: 48px auto;}
.hbq_story_detail_title{text-align: center;}
.hbq_story_text{margin-top: 48px;}
.hbq_story_text p{padding-bottom: 30px;}
.hbq_story_text p:last-child{padding-bottom: 0;}
.hbq_story_icon{padding-top: 30px; display: flex; align-items: center;}
.hbq_story_icon a{margin-left: 8px;}
.hbq_story_icon a:first-child{margin-left: 0;}
.hbq_story_icon a:hover{opacity: 0.8;}
.hbq_story_prompt{max-width: 1045px; margin: 50px auto 0; background: #fff; border: 2px solid #50C1AF; -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 44px 40px;}
.hbq_story_prompt h2{text-align: center; color: #16395C;}
.hbq_story_form{margin-top: 75px;}
.hbq_story_form h3{margin: 0 0 10px 8px;}
.hbq_story_form .paper_icon h3{margin: 0;}
.hbq_story_form .form-group{margin-bottom: 30px;}
.hbq_story_form textarea{height: 200px;}
.hbq_story_detail .hbq_grace_story{padding-top: 10px;}
.hbq_story_detail .hbq_grace_story ul{justify-content: space-around;}
.ambassador_btn{text-align: center;}
.ambassador_btn button{margin: 0 10px;}
.hbq_confirmation{margin-top: 40px;}
.bhq_confirm_box{max-width: 612px; position: relative; margin: 0 auto; padding: 14px 44px 14px 20px; width: calc(100% - 32px); background: #EDFAF0; border: 2px solid #62C476; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.bhq_confirm_box a strong{text-decoration: underline; color: #0A495D; letter-spacing: 0.15px; font-size: 16px; line-height: 21px; margin-left: 16px;}
.bhq_confirm_box a strong:hover{text-decoration: none;}
.bhq_confirm_box .close{background: url("../images/new/icon/close-black.svg") 0 0 no-repeat; height: 24px; width: 24px; position: absolute; right: 16px; top: 14px; opacity: 1;}
.bhq_confirm_box .close:hover{opacity: 0.8;}
.hbq_confirmation_text{max-width: 1220px; text-align: center; margin: 0 auto;}
.hbq_confirmation_text .title_1{max-width: 795px; margin: 0 auto 40px;}
.hbq_learn{}
.hbq_learn h3{margin-bottom: 24px;}
.hbq_learn .componetText p{padding-bottom: 30px !important;}
.hbq_questionnary{margin: 48px auto;}
.hbq_questionnary_left{float: left; width: 53%;}
.hbq_questionnary_right{float: right; width: 42%; margin-top: 40px;}
.hbq_questionnary_right img{max-width: 100%;}
.hbq_que_top h2{color: #9d9d9d; text-align: center; margin-bottom: 20px;}
.hbq_que_title h3, .hbq_complete h3{color: #fff; padding: 10px; background: #16395C; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0;}
/*.hbq_que_title h3 span{display: inline-block; font-size: 18px; font-style: italic; margin-left: 16px;}*/
.hbq_que_text{display: none;}
.hbq_que_text.current{display: block;}
.hbq_que_text li{margin-top: 10px;}
.hbq_que_text li .whiteBg{background: #FFFFFF; border: 2px solid #F0EFEF; padding: 8px 10px 8px 18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.hbq_que_text li .checkBox h3, .hbq_que_text li .radioBox h3{color: #16395C; margin: 0; padding-left: 4px;}
.hbq_que_text li .checkBox .checkmark{top: 5px;}
.hbq_que_text li .radioBox .checkmark{top: 6px;}
.hbq_que_text li .checkBox label, .hbq_que_text li .radioBox label{display: block;}
.hbq_que_text li .form-input{padding: 8px 18px 18px 18px; margin: 10px 0 0 40px;}
.hbq_que_text li .form-select{padding: 8px 0 8px 10px; margin: 10px 0 0 40px;}
.hbq_que_text li .form-select .form-control{padding: 0 30px 0 0; border: none !important; background-position: calc(100% - 10px) 6px;}
.hbq_que_text li .form-input.ml-22{margin: 0 0 0 22px;}
.hbq_que_text li .form-input.ml-18{margin: 0 0 0 18px;}
.hbq_que_text li .form-input h3{margin-bottom: 12px; color: #9d9d9d;}
.hbq_que_btn {margin-top: 20px; justify-content: center; display: flex;}
.hbq_que_btn button{margin: 0 12px; min-width: 92px;}
.hbq_complete{max-width: 870px; margin: 100px auto;}
.hbq_complete h2{margin-bottom: 20px; text-align: center;}
.hbq_complete h3{margin-bottom: 16px;}
.hbq_complete .checkCenter{display: flex; justify-content: center;}
.que_result_banner{background: url("../images/new/questionnaire-result-banner.jpg") center center no-repeat; color: #fff; padding: 60px 0 40px; background-size: cover; text-align: center;}
.que_result_banner .title{color: inherit;}
.que_result_banner h1{color: inherit; margin: 20px 0 0;}
.que_result_banner ul{border-top: 1px solid #fff; padding-top: 40px; margin-top: 32px; display: flex;}
.que_result_banner li{width: 33.33%; border-left: 2px solid #fff; padding: 16px; text-align: left;}
.que_result_banner li:last-child{padding-right: 0;}
.que_result_banner li dl{display: flex; align-items: center; margin-top: 24px;}
.que_result_banner li dl:first-child{margin-top: 0;}
.que_result_banner li dt{width: 35px;}
.que_result_banner li dd{width: calc(100% - 35px); padding-left: 12px;}
.que_banner_title{font-size: 48px; line-height: 48px; font-family: "EdsMarketUprightScript"; font-weight: 700; margin-top: 36px;}
.que_banner_btn{margin-top: 36px;}
.que_result_workshop{padding: 70px 0 40px; text-align: center; max-width: 1130px; margin: 0 auto;}
.que_workshop_top{max-width: 870px; margin: 0 auto;}
.que_workshop_top h2{color: #16395C;}
.que_result_workshop ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0 -12px; padding-top: 14px;}
.que_result_workshop li{width: 100%; padding: 16px 12px 0; max-width: 384px;}
.que_result_workshop li img{max-width: 100%; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));}
.que_result_workshop li span{display: block; margin-top: 20px;}
.que_result_workshop li a.btn{min-width: 150px;}
.que_result_product{padding: 48px 0 80px; text-align: center; max-width: 870px; margin: 0 auto;}
.que_result_product ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0 -12px;}
.que_result_product li{padding: 0 12px; width: 100%; max-width: 272px;}
.que_result_product .card{padding: 8px 8px 14px; height: 100%; display: flex; flex-direction: column;}
.que_result_product .card img{max-width: 100%;}
.que_result_product .card h3{margin: 10px 0 0; flex: 1 0 auto; display: flex; align-items: center; justify-content: center;}
.que_result_product .card a.btn{min-width: 200px; margin: 10px auto 0;}
.que_result_product span a.btn{min-width: 282px; margin-top: 24px;}
.que_result_print{padding: 54px 0; max-width: 1300px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.que_result_print_left{width: 467px; position: relative;}
.que_result_print_left img{max-width: 100%;}
.que_result_print_left span{position: absolute; top: -24px; right: -60px; background: #50C1AF; padding: 8px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; height: 156px; width: 156px;}
.que_result_print_right {padding-left: 100px; width: 826px; position: relative; margin-bottom: 24px;}
.que_result_print_right h2:after{content: ''; width: 64px; display: block; background: #16395C; height: 4px; margin-top: 24px;}
.que_result_print_btn a{margin-left: 20px; margin-top: 4px;}
.que_result_print_btn a:first-child{margin-left: 0;}
.modalPrint{max-width: 932px; width: 100%; margin: 0 auto;}
.modalPrint.modal .modal-dialog{width: calc(100% - 32px); margin: 10px auto;}
.modalPrint button.close{background: url("../images/new/icon/close-black.svg") 0 0 no-repeat; height: 24px; width: 24px; position: absolute; top: 10px; right: 10px; opacity: 0.7;}
.modalPrint button.close:hover{opacity: 1;}
.print_popup{padding: 42px 50px 50px; }
.print_popup h2{text-align: center; margin-bottom: 24px;}
.print_popup ul{display: flex; justify-content: space-between; margin: 0;}
.print_popup li{width: 46%; max-width: 400px;}
.print_popup li img{width: 100%; max-width: 100%; border: 2px solid #16395C;}
.printPopup_btn span{display: block; text-align: center; margin-top: 12px;}
.printPopup_btn span:first-child{margin-top: 24px;}
.has-error .form-control{border-color: #E42C3E}
.error_msg{color: #E42C3E; padding-left: 14px;}
.has-error.error-check .error_msg{padding-left: 28px;}
.modal{z-index: 99999 !important;}
.modal-backdrop{z-index: 9999;}
@media (max-width : 1400px) {
.hbq_grace_story li{width: 33.33%;}
}

@media (max-width : 1152px) {
.hbq_about_text{padding: 0 16px !important;}
}

@media (max-width : 1151px) {
.hbq_grace_story li{width: 50%;}
}

@media (max-width : 1024px) {
.hbq_main h1{font-size: 30px; line-height: 38px;}
.hbq_main h2, .modal h2{font-size: 24px; line-height: 32px; letter-spacing: 0;}
.hbq_quilting_story, .hbq_join{padding: 40px 0;}
.hbq_join ul{margin: 0 -12px; width: calc(100% + 24px);}
.hbq_join li{padding: 0 12px;}
.hbq_getting_box .btn{margin-bottom: 16px;}
.hbq_main .title{font-size: 18px; line-height: 24px; font-weight: 500;}
.sport_slider{max-width: 700px;}
.sport_slider.owl-carousel .owl-nav .owl-next{right: -52px !important;}
.sport_slider.owl-carousel .owl-nav .owl-prev{left: -52px !important;}
.hbq_questionnary_left{width: 100%; float: none;}
.hbq_questionnary_right{width: 100%; float: none; text-align: center;}
.que_result_banner, .que_result_workshop, .que_result_product, .que_result_print{padding: 40px 0;}
.que_result_banner ul{margin-top: 24px; padding-top: 24px;}
.que_banner_title{margin-top: 16px;}
.print_popup{padding: 32px 16px 24px 16px;}
.print_popup h2{margin-bottom: 24px;}
.printPopup_btn span:first-child{margin-top: 16px;}
}

@media (max-width : 991px) {
/*.hbq_join ul{flex-direction: row; flex-wrap: wrap;}
.hbq_join li{width: 50%; margin-top: 16px;}*/
.hbq_join .mb-20{margin-bottom: 8px;}	
}

@media (max-width : 900px) {
.bhq_confirm_box{margin-top: 16px;}
.hbq_confirmation{margin-top: 24px;}
.que_result_banner ul{margin-top: 16px; padding-top: 16px; display: block;}
.que_result_banner ul li{width: 100%; border-left: 0; padding-left: 0;}
.que_result_banner li dl{margin-top: 16px;}
.que_banner_title{font-size: 32px; line-height: 32px;}
.que_result_print{display: block; text-align: center;}
.que_result_print_left{display: inline-block; max-width: 100%; width: auto;}
.que_result_print_right{display: block; width: 100%; margin: 24px 0 0; padding: 0;}
.que_result_print_right h2:after{margin: 16px auto 0;}
}

@media (max-width : 820px) {
.sport_slider.owl-carousel .owl-nav .owl-next{right: -36px !important;}
.sport_slider.owl-carousel .owl-nav .owl-prev{left: -36px !important;}
}

@media (max-width : 767px) {
.hbq_main h2{font-size: 20px; line-height: 26px; margin-bottom: 8px;}
.hbq_main h3{font-size: 16px; line-height: normal;}
.hbq_main h2.mb-24{margin-bottom: 24px;}
.d-flex.d-m-block, .d-m-block{display: block !important;}
.hbq_about_img{width: 100%;}
.hbq_about_text{width: 100%; padding: 16px 0 0 !important;}
.hbq_about_text img{margin-bottom: 12px; max-width: 400px; width: 100%;}
.hbq_about_text .hbq_about_btn{display: block;}
.hbq_about_text .hbq_about_btn a{display: block; margin: 12px 0 0;}
.hbq_about_text .hbq_about_btn a:first-child{margin: 0;}
.hbq_main .title{font-size: 16px; line-height: 22px;}
.hbq_join ul{display: block !important;}
.hbq_join li{width: 100%; margin-bottom: 24px;}
.hbq_story_banner{padding: 56px 0;}
.hbq_grace_story{padding-top: 0;}
.hbq_grace_story ul{ margin: 0 -16px; width: calc(100% + 32px); padding: 0 0 12px; /*display: -webkit-box; flex-wrap: nowrap; justify-content: left; overflow-x: auto;*/}
.hbq_story_detail .hbq_grace_story ul{padding-bottom: 4px;}
.hbq_grace_story li{width: 100%; padding: 24px 12px 0;}
.hbq_sport_story {overflow-x: hidden;}
.hbq_story_text p{padding-bottom: 20px;}
.hbq_story_prompt{margin-top: 24px; padding: 16px; text-align: center;}
.hbq_story_form{margin-top: 24px;}
.hbq_story_form .form-group{margin-bottom: 16px;}
.hbq_story_form .form-group h3{margin: 0 0 4px;}
.ambassador_btn{padding-top: 16px !important;}
.bhq_confirm_box{text-align: center;}
.bhq_confirm_box span{display: block;}
.bhq_confirm_box a strong{margin: 8px 0 0; display: block;}
.bhq_confirm_box .close{top: 8px; right: 8px;}
.hbq_main h3{margin-bottom: 16px;}	
.hbq_learn .componetText p{padding-bottom: 16px !important;}
.hbq_que_top h2, .hbq_complete h2{margin-bottom: 16px;}
.hbq_que_text li .whiteBg{padding-left: 10px;}
.hbq_que_text li .checkBox .checkmark{top: 0;}
.hbq_que_text li .checkBox h3{padding-left: 0;}
.hbq_que_text li .form-input{padding: 8px; margin-left: 12px;}
.hbq_que_text li .form-select{margin-left: 12px;}
.hbq_main .btn{display: block; width:100%; margin: 12px 0 0;}
.hbq_main .btn:first-child{margin: 0;}
.que_result_print_left span{height: 80px; width: 80px; top: -16px; right: -10px; font-size: 12px !important; line-height: 12px !important;}
.print_popup h2{margin-bottom: 0;}
.print_popup ul{display: block; text-align: center;}
.print_popup ul li{width: 100%; max-width: 400px; margin: 24px auto 0;}
.printPopup_btn span a{display: block;}
.sport_slider.owl-carousel.owl-loaded{display: block !important;}
.hbq_sport_story .item{margin: 0 auto;}
.que_result_print_btn a{margin: 24px 0 0 0;}
.que_result_print_btn a:first-child{margin: 0;}
.hbq_space_quilter{text-align: center; padding-bottom: 24px !important;}
.hbq_questionnary .hbq_questionnary_left form .hbq_que_btn button{margin-top: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
.hbq_que_text li .radioBox .checkmark{top: 1px;}
}