Your IP : 216.73.216.131
*,
:after,
:before {
box-sizing: border-box
}
input,
select,
textarea {
outline: 0;
margin: 0;
text-align: left
}
select {
-webkit-appearance: none;
appearance: none
}
img {
max-width: 100%
}
a {
text-decoration: none
}
textarea::-webkit-resizer {
background-image: url("7a082ba297c0e58ddb550ba3978b1143baa99e24.svg");
background-size: 7px;
background-repeat: no-repeat;
background-position: 50%
}
select::-ms-expand {
display: none
}
button {
outline: 0
}
::placeholder {
color: #8894ab;
font-weight: 300;
font-family: inherit
}
.form-dropdown:required:invalid {
color: #8894ab;
font-weight: 300
}
@supports (-webkit-overflow-scrolling:touch) {
input,
textarea {
-webkit-appearance: none;
appearance: none
}
}
@media (-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi),
not all {
body {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility
}
}
.form-all {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin: 22px auto;
width: 100%
}
.form-line {
padding: 12px 10px;
margin: 12px 4px;
border-radius: 3px;
position: relative;
width: 100%;
transition: background-color .15s;
border-top: 1px solid rgba(163, 163, 163, 0.455);
}
.form-line,
ul.page-section {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start
}
ul.page-section {
margin: 0;
padding: 0 38px;
list-style: none
}
.page-section>li:first-child:not(.form-line-column):not([data-type=control_head]):not([data-type=control_payment]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]),
.page-section>li:nth-child(2):not(.form-line-column):not([data-type=control_head]):not([data-type=control_paymrnt]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]) {
margin-top: 28px
}
.page-section>li:first-child:not(.form-line-column):not([data-type=control_head]):not([data-type=control_payment]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse])+li:nth-child(2):not(.form-line-column):not([data-type=control_head]):not([data-type=control_payment]):not([data-type=control_text]):not([data-type=control_button]):not([data-type=control_collapse]) {
margin-top: 12px
}
.form-label {
display: inline-block;
font-weight: 500;
word-break: break-word
}
.form-required {
margin-left: 4px
}
.form-sub-label {
font-size: .75em;
margin-top: 11px;
margin-left: 2px;
display: block;
word-break: break-word
}
.form-sub-label:empty {
display: none
}
.form-label-top {
width: 100%;
margin-left: 2px;
margin-bottom: 14px
}
.form-sub-label-container {
-ms-flex: 1 1 100%;
flex: 1 1 100%
}
.form-sub-label-container+.form-sub-label-container {
margin-left: 8px
}
.form-label:not(.form-label-top) {
width: 230px;
margin-right: 10px;
margin-top: .625em;
margin-bottom: .625em
}
li[data-type=control_checkbox] .form-label:not(.form-label-top),
li[data-type=control_radio] .form-label:not(.form-label-top) {
margin-top: 0
}
.form-input-wide {
width: 100%
}
li.form-line:not(.form-line-column) .form-input-wide[data-layout=half] {
width: calc(50% - 14px)
}
.form-line:not(.fixed-width) .form-dropdown,
.form-line:not(.fixed-width) .form-textarea,
.form-line:not(.fixed-width) .form-textbox:not(.time-dropdown):not(#productSearch-input) {
min-width: 100%;
max-width: 100%
}
@keyframes fadeIn {
0% {
transform: translateY(-100px)
}
to {
transform: translateY(0)
}
}
.form-textbox {
padding: 0 .625em
}
.form-dropdown {
padding: 0 1.875em 0 .625em;
background-image: url("698a59ed1f38d169cdf31d422c50479871b25466.svg");
background-position: right 10px bottom 50%;
background-size: .625em;
background-repeat: no-repeat
}
.form-textarea {
padding: .625em;
min-height: 2.5em;
max-width: 100%;
font-family: inherit
}
.form-dropdown,
.form-textarea,
.form-textbox:not(#productSearch-input) {
font-size: 1em;
border-radius: 4px;
border-width: 1px;
border-style: solid;
display: block;
min-width: 100%;
font-family: inherit
}
.form-dropdown:not([size]),
.form-textbox {
height: 2.5em
}
.form-checkbox-item label,
.form-radio-item label {
width: 100%;
padding-right: 5px;
word-break: break-word
}
.form-checkbox,
.form-radio {
position: absolute;
opacity: 0;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px)
}
.form-checkbox+label,
.form-checkbox+span,
.form-radio+label,
.form-radio+span {
padding-left: 30px;
min-height: 20px;
font-size: .9375em;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
word-break: break-word
}
.form-checkbox+label:before,
.form-checkbox+span:before,
.form-radio+label:before,
.form-radio+span:before {
width: 20px;
height: 20px;
border: 1px solid;
content: "";
position: absolute;
top: 0;
left: 0
}
.form-checkbox+label:after,
.form-checkbox+span:after,
.form-radio+label:after,
.form-radio+span:after {
transform: scale(0);
opacity: 0;
transition: transform .2s, opacity .2s
}
.form-line .form-radio-item .form-radio-other.form-textbox+label {
display: none
}
.form-single-column {
width: 100%;
display: inline-block
}
.form-single-column .form-checkbox-item,
.form-single-column .form-radio-item {
float: left
}
.form-single-column .form-checkbox-item:not(.formCheckboxOther):not(:last-child),
.form-single-column .form-radio-item:not(.formRadioOther):not(:last-child) {
margin-bottom: 10px
}
.formRadioOther {
min-width: 100%
}
.form-radio+label,
.form-radio+span {
display: inline-block
}
.form-radio+label:before,
.form-radio+span:before {
border-radius: 50%;
transition: border-color .15s
}
.form-radio+label:after,
.form-radio+label div:after,
.form-radio+span:after,
.form-radio+span div:after {
top: 3px;
left: 3px;
width: 14px;
height: 14px;
content: "";
position: absolute;
border-radius: 50%
}
.form-checkbox+label,
.form-checkbox+span {
display: inline-block
}
.form-checkbox+label:before,
.form-checkbox+span:before,
.form-checkbox:checked+label:after,
.form-checkbox:checked+span:before {
border-radius: 2px;
transition: background-color .15s, border-color .15s;
width: 20px;
height: 20px
}
.form-checkbox:checked+label:after,
.form-checkbox:checked+span:before {
background-image: url("27cfa2215298e487facdc079c2b0b9ee7f36e4b9.svg");
content: "";
position: absolute;
top: 0;
left: 0;
background-size: 10px;
background-position: 50%;
background-repeat: no-repeat
}
.form-checkbox:checked+label:after,
.form-radio:checked+label:after {
opacity: 1;
transform: scale(1)
}
.form-radio:checked+label:before,
.form-radio:checked+span:before {
border-color: #4CAF50
}
.other-input-container {
display: inline-block;
width: 100%;
margin-top: 10px
}
.other-input-container.is-none {
display: none
}
.page-section li[data-type=control_button] {
padding: 0;
margin: 0;
background-color: transparent
}
.jf-form-buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 3em;
width: auto;
min-width: 128px;
color: #2c3345;
font-size: 1em;
border-radius: 4px;
background-color: transparent;
border: 1px solid;
cursor: pointer;
font-weight: 500;
font-family: inherit
}
.jf-form-buttons:not(.form-pagebreak-back) {
margin-left: 10px
}
.form-buttons-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin: 0 -38px 10px;
padding: 30px 52px;
border-top: 1px solid
}
.submit-button {
width: auto;
min-width: 180px
}
li[data-type=control_head] {
list-style: none
}
.form-header {
margin: 0;
font-weight: 600;
line-height: 1.45
}
.header-text {
-ms-flex-positive: 1;
flex-grow: 1
}
.httal {
text-align: left
}
.htvam {
margin-top: auto
}
.htvam {
margin-bottom: auto
}
.form-subHeader {
font-weight: 500;
line-height: 1.6
}
.form-header-group {
border-bottom: 2px solid;
padding: 14px;
margin-top: 1.25em;
margin-bottom: .75em
}
.form-header-group-jos {
border-top: 2px solid;
padding: 14px;
margin-top: 1.25em;
margin-bottom: .75em
}
div.header-large {
margin: 0 -38px;
padding: 2.5em 52px
}
.header-large .form-header {
font-size: 2em
}
.header-large .form-subHeader {
font-size: 1em
}
li[data-type=control_text] {
font-size: .9375em;
line-height: 1.6;
word-break: break-word
}
li[data-type=control_text] ul li {
list-style: disc outside
}
.form-pagebreak {
margin: 0 -38px;
padding: 28px 52px;
border-top: 1px solid
}
.form-pagebreak,
.form-pagebreak>div {
display: -ms-flexbox;
display: flex
}
@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
.form-buttons-wrapper,
.form-pagebreak {
-ms-flex-pack: justify;
justify-content: space-between
}
}
li[data-type=control_scale] .form-sub-label-container {
overflow: visible
}
.rating-item-group,
li[data-type=control_scale] .form-sub-label-container {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.form-scale-table {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
margin-left: -6px
}
.rating-item>label:after,
.rating-item>label:before {
display: none
}
.rating-item>label {
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
border: 1px solid;
font-size: .75em;
border-radius: 50%;
font-weight: 500;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0
}
.rating-item-title {
font-size: .75em;
width: 100%;
text-align: center;
margin-top: 6px
}
.rating-item {
margin: 1em 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
width: 40px
}
.rating-item .rating-item-title {
cursor: text;
text-align: right;
word-break: break-word;
width: 100px;
white-space: normal;
-ms-flex-item-align: end;
align-self: flex-end;
position: relative;
z-index: 9
}
.rating-item:not(:last-child) {
margin-right: 24px
}
.rating-item:first-child .rating-item-title {
-ms-flex-item-align: start;
align-self: flex-start;
text-align: left
}
.form-collapse-table {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 60px;
color: #2c3345;
width: 100%;
padding: 1.25em;
border-radius: .25em;
cursor: pointer;
font-weight: 600;
margin: 0;
border: 0;
box-shadow: none
}
.form-collapse-table,
.form-collapse-table:hover {
background-color: rgba(195, 202, 216, .3)
}
.form-collapse-table:after {
content: "";
background-image: url("6da8c7caea1058ae83d7fa004a599774262a2e48.svg");
position: absolute;
background-size: 28px;
width: 28px;
height: 28px;
right: 20px
}
.form-section {
margin: 12px 4px
}
.form-section-closed {
width: 100%;
display: -ms-flexbox;
display: flex;
transition: .2s ease-in;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
padding: 10px 0;
margin: 12px 4px
}
.form-section-closed:last-child {
margin-bottom: 2em
}
.form-section-closed .form-collapse-table:after {
transform: rotate(90deg)
}
ul.form-section:not(.page-section) {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
padding: 0;
margin: 12px 0;
list-style: none
}
ul.form-section:not(.page-section) .form-collapse-table:after {
transition: transform .2s ease-in-out
}
li[data-type=control_collapse] {
list-style-type: none
}
.form-collapse-right {
display: none
}
.form-collapse-mid {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.form-collapse-mid img {
margin-right: 1em
}
.form-star-rating,
li[data-type=control_rating]>.form-input-wide {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.form-star-rating {
width: 100%
}
.form-star-rating .form-star-rating-star {
width: 32px;
height: 30px
}
.form-star-rating .form-star-rating-star:not(:last-child) {
margin-right: 24px
}
.divider {
border-bottom: 1px solid;
height: 1px;
margin: 5px 0
}
@keyframes contextAppear {
0% {
opacity: .8;
transform: scale(.9)
}
to {
opacity: 1;
transform: scale(1)
}
}
@keyframes indicate {
0% {
color: #486cee;
background-color: transparent
}
to {
color: #fff;
background-color: #486cee
}
}
body {
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
background-color: #fff;
color: #2c3345
}
.form-all {
border-radius: 3px;
box-shadow: 4px 4px 4px 4px rgba(87, 100, 126, .21);
background-color: #fff;
max-width: 1000px
}
.form-line {
margin-top: 0px;
margin-bottom: 0px
}
.form-label {
color: #2c3345
}
.form-required {
color: #f23a3c
}
.form-sub-label {
color: #57647e
}
.form-dropdown,
.form-textarea,
.form-textbox {
background-color: #fff;
border-color: #b8bdc9;
color: #2c3345
}
.form-dropdown:hover,
.form-textarea:hover,
.form-textbox:hover {
border-color: rgba(46, 105, 255, .5);
box-shadow: 0 0 0 2px rgba(46, 105, 255, .25)
}
.form-dropdown:focus,
.form-textarea:focus,
.form-textbox:focus {
border-color: #4CAF50;
box-shadow: 0 0 0 3px rgba(46, 105, 255, .25)
}
.form-checkbox+label:before,
.form-checkbox+span:before,
.form-radio+label:before,
.form-radio+span:before {
background-color: #fff;
border-color: #b8bdc9
}
.form-checkbox:hover+label:before,
.form-checkbox:hover+span:before,
.form-radio:hover+label:before,
.form-radio:hover+span:before {
border-color: rgba(46, 105, 255, .5);
box-shadow: 0 0 0 2px rgba(46, 105, 255, .25)
}
.form-checkbox:focus+label:before,
.form-checkbox:focus+span:before,
.form-radio:focus+label:before,
.form-radio:focus+span:before {
border-color: #4CAF50;
box-shadow: 0 0 0 3px rgba(46, 105, 255, .25)
}
.form-radio+label:after,
.form-radio+span:after {
background-color: #4CAF50
}
.form-radio+label,
.form-radio+span {
color: #2c3345
}
.form-radio:checked+span label:before {
border-color: #4CAF50
}
.form-radio:checked+span div:after,
.form-radio:checked+span label:after {
background-color: #4CAF50
}
.form-checkbox:checked+label:before,
.form-checkbox:checked+span:before,
.form-checkbox:checked+span label:before {
border-color: #4CAF50;
background-color: #4CAF50
}
.jf-form-buttons {
border-color: #c3cad8
}
.form-buttons-wrapper,
.form-pagebreak {
border-color: #e5e7f2
}
.submit-button {
background-color: #18bd5b;
border-color: #18bd5b;
color: #fff
}
.submit-button:hover {
background-color: #16aa52
}
.form-header {
color: #2c3345;
word-break: break-word
}
.form-subHeader {
color: #57647e;
word-break: break-word
}
.divider,
.form-header-group {
border-color: #ededf1
}
.header-large {
border-color: #d7d8e1
}
.rating-item label {
color: #8894ab;
background-color: transparent
}
.rating-item input:focus+label,
.rating-item input:hover+label {
background-color: #e1e9ff;
color: #4CAF50;
border-color: #4CAF50
}
.rating-item input:checked+label {
background-color: #4CAF50;
color: #fff;
border-color: #4CAF50
}
.form-single-column>span:not(.form-checkbox-item) {
clear: left
}
.form-dropdown[size] {
background-image: none
}
.form-dropdown[size] {
padding: 5px 10px 0
}
.form-dropdown[size]::-webkit-scrollbar {
-webkit-appearance: none;
appearance: none;
width: 6px
}
.form-dropdown[size]::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px hsla(0, 0%, 100%, .5)
}
.page-section li[data-type=control_button]>div:first-child {
width: 100%
}
.form-checkbox-item,
.form-radio-item {
position: relative
}
.form-textarea,
.form-textbox:not(.validate[Email]) {
width: 100%
}
.form-line[data-type=control_checkbox] .form-checkbox-item input+span,
.form-line[data-type=control_checkbox] .form-radio-item input+span,
.form-line[data-type=control_radio] .form-checkbox-item input+span,
.form-line[data-type=control_radio] .form-radio-item input+span {
width: 100% !important
}
li[data-type=control_textarea] .form-input-wide>div {
width: 100% !important
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
@media screen and (min-width:481px) and (max-width:768px) {
body {
margin: 0
}
}
@media screen and (max-width:768px) {
ul.form-section {
margin: 0;
padding: 0 14px
}
ul.page-section {
max-width: inherit
}
li[data-type=control_head] .form-header-group .header-text {
margin-left: 0
}
.form-section div.form-header-group.header-large {
margin: 0 -14px;
padding: 28px
}
.form-buttons-wrapper {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
div.form-pagebreak {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.form-buttons-wrapper,
.form-pagebreak {
margin: 0 -14px;
padding: 30px 14px
}
}
@media screen and (max-width:480px) {
ul.form-section {
margin: 0;
padding: 0
}
.form-section div.form-header-group.header-large {
margin: 0;
padding: 28px 14px
}
label.form-label.form-label-auto,
label.form-label:not(.form-label-top) {
width: 100% !important;
text-align: left !important;
-ms-flex-pack: start;
justify-content: flex-start
}
.form-dropdown,
.form-line:not(.form-line-column) .form-input-wide[data-layout=half],
.form-textarea,
.form-textbox {
width: 100% !important
}
.jf-form-buttons {
min-width: 72px;
width: auto
}
.jf-form-buttons.submit-button {
min-width: 100px
}
.jf-form-buttons.submit-button:only-child {
width: 100%;
margin-left: 0;
-ms-flex-pack: center;
justify-content: center
}
.form-buttons-wrapper,
.form-pagebreak {
padding: 30px 14px;
margin: 0
}
.form-section-closed,
ul.form-section:not(.page-section) {
padding: 10px
}
.rating-item:not(:last-child) {
margin-right: .5em
}
}
html:lang(ar) .page-section li[data-type=control_button] {
direction: ltr
}
html:lang(ar) .form-single-column {
width: auto
}
html:lang(ar) .form-star-rating .form-star-rating-star:not(:last-child),
html:lang(ar) .rating-item:not(:last-child) {
margin-left: 24px;
margin-right: 0
}
@media screen and (max-width:480px) {
html:lang(ar) label.form-label.form-label-auto,
html:lang(ar) label.form-label:not(.form-label-top) {
text-align: right !important
}
}