.hbg-groups-form { box-shadow: 0 0px 5px 2px rgb(0 0 0/20%); -moz-box-shadow: 0 0px 5px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0 0px 5px 2px rgb(0 0 0/20%); padding: 30px 15px; margin-top: 40px; background-color: #fff; border-radius: 15px; margin-left: 0 !important; margin-right: 0 !important; position: absolute; left: calc(100% + 25px); width: calc(60%); z-index: 1; top: 0; } .hbg-groups-form .content h2 { font-size: 1.5rem; } .hbg-groups-form .content p { line-height: 1.4; } .hbg-groups-form.thank-you > .content { display: none !important; } .hbg-groups-form.thank-you .bg-white-shadow { box-shadow: none; } @media only screen and (min-width: 320px) and (max-width: 991px){ .hbg-groups-form { position: relative; left: auto; width: auto; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; padding: 30px 26px 10px 26px; left: -25px; background: #f2f5ff; width: calc(100% + 50px); border-radius: 0; } } .hbg-groups-form.wFormContainer .wFormHeader, .wFormFooter { display: none; } .hbg-groups-form.wFormContainer .wFormWebPage { background: transparent !important; margin: 0 !important; /* background-color: rgb(250, 250, 250); */ } .hbg-groups-form.wFormContainer .wForm { margin: 0; } .hbg-groups-form.wFormContainer .wForm .wFormTitle { color: #2885bf; font-size: 28px; font-family: 'Rubik', sans-serif; font-weight: 600; line-height: normal; padding-bottom: 0 !important; text-align: center; } .hbg-groups-form.wFormContainer .htmlSection { margin-top: .5em; margin-bottom: 0; } .hbg-groups-form.wFormContainer .htmlSection .htmlContent span { font-family: 'Poppins' !important; line-height: 22px; } .hbg-groups-form.wFormContainer .supportInfo { display: none; } .hbg-groups-form.wFormContainer .wForm form { padding: 0 1.5em !important; } .hbg-groups-form.wFormContainer .wForm form * { font-family: 'Poppins', sans-serif !important; } .hbg-groups-form.wFormContainer input#submit_button { border-radius: 5px; background: #284185; font-weight: bold; font-family: 'Rubik', sans-serif !important; font-size: 24px; padding: 15px 30px; border: none; margin: 0 !important; width: 100%; box-sizing: border-box; color: #ffffff; } .hbg-groups-form.wFormContainer .wForm form { box-shadow: none; padding: 0 !important; border-radius: 14px; } .hbg-groups-form.wFormContainer .wForm { background: none; max-width: 440px; margin: auto; border: none; padding: 0; position:relative; } .hbg-groups-form.wFormContainer div#wfPgIndex-1, .hbg-groups-form.wFormContainer input#submit_button { display: block !important; } .hbg-groups-form.wFormContainer div#wfPgIndex-1-buttons, .hbg-groups-form.wFormContainer div#wfPgIndex-2-buttons, .hbg-groups-form.wFormContainer h4#tfa_449-T, .hbg-groups-form.wFormContainer h4#tfa_450-T { display: none; } .hbg-groups-form.wFormContainer fieldset { padding: 0 !important; margin: 0 !important; border: none !important; } .hbg-groups-form.wFormContainer fieldset > legend { display: none; } .hbg-groups-form.wFormContainer .oneField { padding: 0 !important; width: 100% !important; } .hbg-groups-form.wFormContainer #tfa_338-D, .hbg-groups-form.wFormContainer #tfa_362-D, .hbg-groups-form.wFormContainer #tfa_346-D, .hbg-groups-form.wFormContainer #tfa_496-D, .hbg-groups-form.wFormContainer #tfa_354-D, .hbg-groups-form.wFormContainer #tfa_368-D, .hbg-groups-form.wFormContainer #tfa_441-D, .hbg-groups-form.wFormContainer #tfa_358-D, .hbg-groups-form.wFormContainer #tfa_2-D, .hbg-groups-form.wFormContainer #tfa_3-D, .hbg-groups-form.wFormContainer #tfa_5-D, .hbg-groups-form.wFormContainer #tfa_4-D, .hbg-groups-form.wFormContainer #tfa_337-D, .hbg-groups-form.wFormContainer #tfa_405-D { width: 100% !important; margin-top: 5px; } .hbg-groups-form.wFormContainer #tfa_338-L, .hbg-groups-form.wFormContainer #tfa_362-L, .hbg-groups-form.wFormContainer #tfa_346-L, .hbg-groups-form.wFormContainer #tfa_496-L, .hbg-groups-form.wFormContainer #tfa_354-L, .hbg-groups-form.wFormContainer #tfa_368-L, .hbg-groups-form.wFormContainer #tfa_441-L, .hbg-groups-form.wFormContainer #tfa_358-L, .hbg-groups-form.wFormContainer #tfa_2-L, .hbg-groups-form.wFormContainer #tfa_3-L, .hbg-groups-form.wFormContainer #tfa_5-L, .hbg-groups-form.wFormContainer #tfa_4-L, .hbg-groups-form.wFormContainer #tfa_337-L, .hbg-groups-form.wFormContainer #tfa_405-L { color: #1646A8 !important; font-size: 16px !important; width: 100% !important; position: relative; font-weight: 500; display: none; } .hbg-groups-form.wFormContainer label+br { display:none; } .hbg-groups-form.wFormContainer #tfa_338-D .inputWrapper, .hbg-groups-form.wFormContainer #tfa_362-D .inputWrapper, .hbg-groups-form.wFormContainer #tfa_346-D .inputWrapper, .hbg-groups-form.wFormContainer #tfa_496-D .inputWrapper, .hbg-groups-form.wFormContainer #tfa_354-D .inputWrapper, .hbg-groups-form.wFormContainer #tfa_368-D .inputWrapper, .hbg-groups-form.wFormContainer #tfa_441-D .inputWrapper, .hbg-groups-form.wFormContainer #tfa_358-D .inputWrapper, .hbg-groups-form.wFormContainer #tfa_2-D .inputWrapper, .hbg-groups-form.wFormContainer #tfa_3-D .inputWrapper, .hbg-groups-form.wFormContainer #tfa_5-D .inputWrapper, .hbg-groups-form.wFormContainer #tfa_4-D .inputWrapper, .hbg-groups-form.wFormContainer #tfa_337-D .inputWrapper, .hbg-groups-form.wFormContainer #tfa_405-D .inputWrapper { width: 100% !important; background: #fff; } .hbg-groups-form.wFormContainer #tfa_338-D .inputWrapper #tfa_338, .hbg-groups-form.wFormContainer #tfa_362-D .inputWrapper #tfa_362, .hbg-groups-form.wFormContainer #tfa_346-D .inputWrapper #tfa_346, .hbg-groups-form.wFormContainer #tfa_496-D .inputWrapper #tfa_496, .hbg-groups-form.wFormContainer #tfa_354-D .inputWrapper #tfa_354, .hbg-groups-form.wFormContainer #tfa_368-D .inputWrapper #tfa_368, .hbg-groups-form.wFormContainer #tfa_441-D .inputWrapper #tfa_441, .hbg-groups-form.wFormContainer #tfa_358-D .inputWrapper #tfa_358, .hbg-groups-form.wFormContainer #tfa_2-D .inputWrapper #tfa_2, .hbg-groups-form.wFormContainer #tfa_3-D .inputWrapper #tfa_3, .hbg-groups-form.wFormContainer #tfa_5-D .inputWrapper #tfa_5, .hbg-groups-form.wFormContainer #tfa_4-D .inputWrapper #tfa_4, .hbg-groups-form.wFormContainer #tfa_337-D .inputWrapper #tfa_337, .hbg-groups-form.wFormContainer #tfa_405-D .inputWrapper #tfa_405 { width: 100% !important; border-radius: 0 !important; min-height: 40px; height: 40px !important; padding: 0 1.5em !important; font-size: 14px !important; font-family: 'Poppins', sans-serif !important; background: #fff; color:#343b3e !important; border: 1px solid #9facb4 !important; } .hbg-groups-form.wFormContainer #tfa_358-D .inputWrapper #tfa_358 { height: 100px !important; padding-top: 14px !important; } .hbg-groups-form.wFormContainer #tfa_338-D .inputWrapper #tfa_338, .hbg-groups-form.wFormContainer #tfa_346-D .inputWrapper #tfa_346, .hbg-groups-form.wFormContainer #tfa_496-D .inputWrapper #tfa_496, .hbg-groups-form.wFormContainer #tfa_354-D .inputWrapper #tfa_354, .hbg-groups-form.wFormContainer #tfa_368-D .inputWrapper #tfa_368, .hbg-groups-form.wFormContainer #tfa_441-D .inputWrapper #tfa_441 { -webkit-appearance: initial; background: transparent !important; z-index: 1; position: relative; } .hbg-groups-form.wFormContainer #tfa_338-D .inputWrapper:after, .hbg-groups-form.wFormContainer #tfa_346-D .inputWrapper:after, .hbg-groups-form.wFormContainer #tfa_496-D .inputWrapper:after, .hbg-groups-form.wFormContainer #tfa_354-D .inputWrapper:after, .hbg-groups-form.wFormContainer #tfa_368-D .inputWrapper:after, .hbg-groups-form.wFormContainer #tfa_441-D .inputWrapper:after { position: absolute; top: 6px; right: 24px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; font-size: 28px; color: #ccc; z-index: 0; } .hbg-groups-form.wFormContainer #tfa_346-D .inputWrapper:after { top: 30px;} .hbg-groups-form.wFormContainer div#tfa_443 { padding: 15px 0; margin-top: 0; } .hbg-groups-form.wFormContainer div#wfPgIndex-1-buttons { display: block; width: 50%; margin-left: 50%; padding: 20px 30px; box-sizing: border-box; text-align: right; position: relative; z-index: 1; } .hbg-groups-form.wFormContainer input#wfPageNextId1 { margin: 0; background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1381 5.80434L13.6974 1.08616C13.5892 0.975145 13.406 0.972369 13.3033 1.07228C13.1979 1.17497 13.1895 1.36092 13.2895 1.46639L17.2888 5.71552H1.27754C1.12489 5.71552 1 5.84042 1 5.99306C1 6.14571 1.12489 6.2706 1.27754 6.2706H17.2888L13.2895 10.5197C13.1895 10.6252 13.1951 10.8139 13.3033 10.9138C13.4088 11.0138 13.5809 11.0165 13.6974 10.9L18.1381 6.18179C18.2435 6.05135 18.2158 5.89315 18.1381 5.79879V5.80434Z' fill='%231646A8' stroke='%231646A8'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; text-indent: -1111px; background-color: #ffffff; width: 37px; height: 37px; border: 2px solid #1646A8; border-radius: 50%; border: none; cursor: pointer; z-index: 1; background-color: transparent; width: 100%; background-position: 92% center; } .hbg-groups-form.wFormContainer div#wfPgIndex-2-buttons { display: none; } .hbg-groups-form.wFormContainer .actions { margin: 10px 0 0; padding: 0 30px; width: auto; } @media only screen and (max-width: 600px){ .hbg-groups-form.wFormContainer input#wfPageNextId1 { min-width: auto; padding: 0; } } .hbg-groups-form.wFormContainer .hbg-groups-form #wfPgIndex-1-buttons:before { content: 'Next page'; text-align: right; color: #1646A8; font-family: 'Poppins', sans-serif !important; cursor: pointer; position: absolute; top: 25px; right: 77px; z-index: -1; } .hbg-groups-form.wFormContainer #wfPgIndex-1-buttons:after { width: 37px; height: 37px; content: ''; display: block; position: absolute; border: 2px solid #1646A8; border-radius: 50%; right: 30px; top: 18px; z-index: -1; } .hbg-groups-form.wFormContainer .wForm .actions.multipage { width: 100%; padding: 0; box-sizing: border-box; } .hbg-groups-form.wFormContainer span#tfa_346-HH { background: none !important; } .hbg-groups-form.wFormContainer label#tfa_444-L, label#tfa_444-L * { font-size: 12px; background: none !important; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #343b3e; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #343b3e; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #343b3e; } .hbg-groups-form #google-captcha, .hbg-groups-form #wfPgIndex-1-buttons { display: none !important; visibility: hidden !important; } .hbg-groups-form .daterangepicker .drp-calendar { padding: 8px!important; min-width: 300px!important } .hbg-groups-form .daterangepicker .drp-calendar.left .calendar-table { padding-right: 0 } .hbg-groups-form .daterangepicker th.month { padding: 0 } .hbg-groups-form .daterangepicker select { font-size: 14px!important; height: 100%!important; font-weight: 600!important; color: #1646a8 } .hbg-groups-form thead th.prev.available,thead th.next.available { padding: 0; position: relative } .hbg-groups-form thead th.prev.available:before,thead th.next.available:before { position: absolute; border: 1px solid #e9e9e9; width: 100%; height: 100%; content: ''; top: 0; left: 0; box-sizing: border-box } .hbg-groups-form .daterangepicker .calendar-table td:not(.off) { font-size: 14px; font-weight: 600 } .hbg-groups-form button.applyBtn { background: #1646a8; color: #fff!important; font-size: 14px !important; padding: 6px 10px !important; } .hbg-groups-form button.applyBtn:hover { color: #1646a8!important } .daterangepicker .drp-buttons button.cancelBtn { position: absolute; top: -15px; margin: 0!important; right: -14px; height: 28px; width: 28px; border-radius: 50%!important; border: 1px solid #e9e9e9; background: #fff; padding: 0!important } .hbg-groups-form .daterangepicker.show-calendar .drp-buttons { display: none; justify-content: space-between; border: none; padding: 10px } .hbg-groups-form button.flexibleBtn { border: 1px solid #8e8e8e!important; box-shadow: none; background: 0 0; color: #8e8e8e!important } .hbg-groups-form button.flexibleBtn:hover { background: #f4f4f4 } .hbg-groups-form .calendar-table thead>tr:first-child { height: 30px }