/* TYOPGRPAHY */
/* FONT BASE SIZE */
/* FONT BASE LINEHEIGHT */
.f21 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300 !important;
  font-size: 16px;
  line-height: 21.328px;
  color: #373737;
  background: #f1f2f1;
  /* LABELS */

  /* BACKGROUNDS */

  /* BORDERS */

  /* FONT STYLES */

  /* CTAs */

  /* DESIGN ELEMENTS */

  /* VIDEO */

  /* TABLES */

  /* EFFECTS */

  /* SPACER LINES */

  /* ICONS */

  /* TABLE LAYOUT */

  /* FORMS */

  /* ICONS */

  /* HELPERS */

  /* MARGIN */

  /* PADDING */

  /* VERTICAL ALIGNMENT */

  /* DISPLAY */

  /* FIXES */

}
.f21 img {
  max-width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}
.f21 .img_feature {
  border: solid #fff 6px;
  /*border-radius: 16px !important;*/
  overflow: hidden;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 40px;
}
.f21 .l1 {
  font-size: 42.66672px;
  line-height: 42.656px;
  margin: 0;
  padding: 0;
}
.f21 .l2 {
  font-size: 32px;
  line-height: 35.54673776px;
  position: relative;
  margin: 0;
  padding: 0;
}
.f21 .l3 {
  font-size: 27px;
  line-height: 32px;
  margin: 0;
  padding: 0;
}
.f21 .l4 {
  font-size: 21px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.f21 .l5 {
  display: table;
  background: #ff6f00;
  color: #fff;
  border-radius: 35px;
  font-size: 10.672px;
  line-height: 14.225776px;
  text-transform: uppercase;
  font-weight: 400;
  padding: 2.666px 10.664px;
  margin: 0;
}
.f21 .l6 {
  font-size: 16px;
  line-height: 21px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.f21 .l7 {
  font-size: 21px;
  line-height: 28px;
  margin: 0;
  padding: 0;
}
.f21 .l8 {
  font-size: 16px;
  line-height: 21.328px;
  margin: 0;
  padding: 0;
}
.f21 .l9 {
  font-size: 12px;
  line-height: 15.995999999999999px;
  margin: 0;
  padding: 0;
}
.f21 .l10 {
  display: inline-block;
  color: #fff;
  background: #347dd8;
  border-radius: 3px;
  font-size: 10.6672px;
  line-height: 14.2193776px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 1.333px 7.1022240000000005px;
  margin: 0 4px 0 0;
  transform: translatey(-1px);
}
.f21 .l11 {
  display: inline-block;
  color: #373737;
  border: solid #373737 1px;
  border-radius: 3px;
  font-size: 10.6672px;
  line-height: 14.2193776px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 1.333px 7.1022240000000005px;
}
.f21 .l11.white {
  color: #fff;
  border: solid #fff 2px;
  font-weight: 800;
}
.f21 .l12 {
  position: relative;
  overflow: hidden;
  display: block;
  color: #ff6f00;
  background: #f1f1f1;
  border-radius: 55px;
  font-size: 16px;
  line-height: 17.7726224px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 21.328px 21.328px;
  margin: 0 4px 0 0;
  transform: translatey(-1px);
  transition: background 0.2s ease-out, color 0.2s ease-out;
}
.f21 .l12:hover {
  color: rgba(255, 111, 0, 0.35);
  background: rgba(241, 241, 241, 0.35);
}
.f21 .l12:hover:after {
  cursor: pointer;
  color: #f1f2f1;
  background: #347dd8;
  border-radius: 3px;
  padding: 14.2193776px 14.2193776px;
  content: 'x';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  font-size: 28.430224px;
}
.f21 p {
  margin-bottom: 14.07648px;
}
.f21 p a {
  color: #347dd8;
  font-weight: 600;
}
.f21 .bgw {
  background: #ffffff;
}
.f21 .bgo {
  background: #ff6f00;
}
.f21 .bgblu {
  background: #347dd8;
}
.f21 .bglg {
  background: #f1f2f1;
}
.f21 .bgmg {
  background: #e5e5e5;
}
.f21 .bgdg {
  background: #373737;
}
.f21 .bgglg {
  background: #fdfdfd;
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
  background: linear-gradient(to top, #e5e5e5 0%, #ffffff 100%);
}
.f21 .bggmg {
  background: #fdfdfd;
  background: -webkit-linear-gradient(top, #dbdbdb 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #dbdbdb 0%, #ffffff 100%);
  background: linear-gradient(to top, #dbdbdb 0%, #ffffff 100%);
}
.f21 .bggdg {
  background: #252525;
  background: -webkit-linear-gradient(right, #080808 0%, #373737 100%);
  background: -o-linear-gradient(right, #080808 0%, #373737 100%);
  background: linear-gradient(to right, #080808 0%, #373737 100%);
}
.f21 .bggo {
  background: #ff6f00;
  background: -webkit-linear-gradient(right, #ff6f00 0%, #ffa400 100%);
  background: -o-linear-gradient(right, #ff6f00 0%, #ffa400 100%);
  background: linear-gradient(to right, #ff6f00 0%, #ffa400 100%);
}
.f21 .btw6 {
  border-top: solid #fff 6px;
}
.f21 .bbw1 {
  border-bottom: solid #fff 1px;
}
.f21 .bbw6 {
  border-bottom: solid #fff 6px;
}
.f21 .brw2 {
  border-right: solid #fff 2px;
}
.f21 .bw {
  border-color: #fff;
}
.f21 .blg {
  border-color: #eeeeee;
}
.f21 .bmg {
  border-color: #e5e5e5;
}
.f21 .bdg {
  border-color: #373737 !important;
}
.f21 .brad6 {
  border-radius: 6px;
}
.f21 .fntlt {
  font-weight: 300;
}
.f21 .fntxb {
  font-weight: 800;
}
.f21 .fntmg {
  color: #a7a7a7;
}
.f21 .fntcw {
  color: #fff;
}
.f21 .fntcmg {
  color: #e5e5e5;
}
.f21 .fntcdg {
  color: #373737;
}
.f21 .cta {
  display: table;
  padding: calc(14.225776px) calc(31.991999999999997px);
  font-weight: 600;
  border-radius: 3px !important;
  text-decoration: none;
}
.f21 .cta1 {
  display: table;
  padding: calc(14.225776px) calc(31.991999999999997px);
  font-weight: 600;
  border-radius: 3px !important;
  text-decoration: none;
  color: #fff;
  background: #347dd8;
}
.verify-email-but {
  display: table;
  padding: calc(14.225776px) calc(31.991999999999997px);
  font-weight: 600;
  border-radius: 3px !important;
  text-decoration: none;
  color: #fff;
  background: #347dd8;
}
.f21 .cta1:after {
  content: '\2192';
  display: inline-block;
  margin-left: 10px;
  transform: translatex(0);
  transition: transform 0.2s ease-out;
}
.f21 .cta1:hover {
  text-decoration: none;
  color: #fff;
}
.verify-email-but:hover {
  text-decoration: none;
  color: #fff;
}
.f21 .cta1:hover:after {
  transform: translatex(21%);
}
.f21 .cta2 {
  display: table;
  padding: calc(14.225776px) calc(31.991999999999997px);
  font-weight: 600;
  border-radius: 3px !important;
  text-decoration: none;
  color: #347dd8;
  background: transparent;
  border: solid #347dd8 2px;
  outline-offset: -2px;
}
.f21 .cta2.white {
  color: #fff;
  border: solid #fff 2px;
}
.f21 .cta3 {
  display: table;
  padding: calc(14.225776px) calc(31.991999999999997px);
  font-weight: 600;
  border-radius: 3px !important;
  text-decoration: none;
  padding: calc(3.5553775999999995px) calc(21.328px);
  color: #fff;
  background: #347dd8;
}
.f21 .cta3:after {
  content: '\2192';
  display: inline-block;
  margin-left: 10px;
  transform: translatex(0);
  transition: transform 0.2s ease-out;
}
.f21 .cta3:hover {
  text-decoration: none;
  color: #fff;
}
.f21 .cta3:hover:after {
  transform: translatex(21%);
}
.f21 .cta3.white {
  background: #fff;
  color: #347dd8;
}
.f21 .cta4 {
  display: table;
  padding: calc(14.225776px) calc(31.991999999999997px);
  font-weight: 600;
  border-radius: 3px !important;
  text-decoration: none;
  color: #347dd8;
  font-weight: 600;
  padding: 0;
}
.f21 .cta4:after {
  content: '\2192';
  display: inline-block;
  margin-left: 10px;
  transform: translatex(0);
  transition: transform 0.2s ease-out;
}
.f21 .cta4:hover {
  text-decoration: none;
}
.f21 .cta4:hover:after {
  transform: translatex(21%);
}
.f21 .cta4.white {
  color: #fff;
}
.f21 .cta5 {
  display: table;
  padding: calc(14.225776px) calc(31.991999999999997px);
  font-weight: 600;
  border-radius: 3px !important;
  text-decoration: none;
  color: #347dd8;
  font-weight: 600;
  padding: 0;
  display: inline-block;
}
.f21 .cta5:after {
  content: '\2192';
  display: inline-block;
  margin-left: 10px;
  transform: translatex(0);
  transition: transform 0.2s ease-out;
}
.f21 .cta5:hover {
  text-decoration: none;
}
.f21 .cta5:hover:after {
  transform: translatex(21%);
}
.f21 .cta5:after {
  display: none;
}
.f21 .fntcw .cta5 {
  color: #fff;
  text-decoration: underline;
}
.f21 .cta6 {
  display: table;
  padding: calc(14.225776px) calc(31.991999999999997px);
  font-weight: 600;
  border-radius: 3px !important;
  text-decoration: none;
  color: #347dd8;
  font-weight: 600;
  padding: 0;
  display: inline-block;
}
.f21 .cta6:after {
  content: '\2192';
  display: inline-block;
  margin-left: 10px;
  transform: translatex(0);
  transition: transform 0.2s ease-out;
}
.f21 .cta6:hover {
  text-decoration: none;
}
.f21 .cta6:hover:after {
  transform: translatex(21%);
}
.f21 .cta7 {
  font-weight: 600;
  font-size: 14.4px;
  line-height: 19.1952px;
  color: #347dd8;
  padding: 0;
}
.f21 header .cta7 {
  line-height: 14px;
}
.f21 .cta8 {
  display: table;
  padding: calc(14.225776px) calc(31.991999999999997px);
  font-weight: 600;
  border-radius: 3px !important;
  text-decoration: none;
  display: table;
  padding: calc(14.225776px) calc(31.991999999999997px);
  font-weight: 600;
  border-radius: 3px !important;
  text-decoration: none;
  color: #347dd8;
  background: transparent;
  border: solid #347dd8 2px;
  outline-offset: -2px;
  padding: calc(3.5553775999999995px) calc(31.991999999999997px);
  box-sizing: border-box;
}
.f21 .horizontal_list {
  margin: calc(12.003000750187548px) 0 16px;
  padding-inline-start: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.f21 .horizontal_list li {

}




.f21 .check.orange > li {
  position: relative;
  padding-left: 28.430224px;
  margin-bottom: 14.225776px;
}
.f21 .check.orange > li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 21.328px;
  width: 21.328px;
  position: absolute;
  /*background: url(../images/2021/check-orange.png) center center no-repeat;*/
  background-size: contain;
}
.f21 .cross.orange > li {
  position: relative;
  padding-left: 28.430224px;
  margin-bottom: 14.225776px;
}
.f21 .cross.orange > li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 21.328px;
  width: 21.328px;
  position: absolute;
  background: url(../images/2021/cross-orange.png) center center no-repeat;
  background-size: contain;
}
.f21 .count > li {
  position: relative;
  padding-left: 28.430224px;
  margin-bottom: 14.225776px;
}
.f21 .count > li > div:first-child {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 21.328px;
  width: 21.328px;
  position: absolute;
  background: #ff6300;
  color: #fff;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
}
.f21 .count.orange li > div:first-child {
  background: #ff6300;
}
.f21 .count.dg > li > div:first-child {
  background: #373737;
}
.f21 .short {
  margin-bottom: 21.328px;
}
.f21 .short > li {
  margin: 0;
  padding: 0;
}
.f21 .border_bottom > li {
  border-bottom: solid #e5e5e5 1px;
  padding-bottom: 13.33px;
  margin-bottom: 13.33px;
  list-style-type: none;
}
.f21 .border_bottom > li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 13.33px;
}
.f21 .border_bottom.flat > li {
  padding-bottom: 7.1086224px;
  margin-bottom: 7.1086224px;
}
.f21 .video_player_container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.f21 .video_player_container .video_gallery_item_thumb,
.f21 .video_player_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.f21 .tc {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
.f21 .tcs {
  height: auto;
}
.f21 .trow {
  display: table-row;
}
.f21 .tcol {
  display: table-cell;
  vertical-align: top;
  position: relative;
}
.f21 .fxblm {
  filter: blur(2px);
  opacity: .2;
}
.f21 .hlgf {
  overflow: hidden;
  height: 1px;
  background: #bbc1ca;
  margin-top: 36px;
}
.f21 .hlgf.hldg {
  background-color: #373737;
}
.f21 .feature_icon {
  width: 48px;
}
.f21 .sprite_icon_wrapper {
  position: relative;
  max-width: 100%;
  display: inline-block;
}
.f21 .sprite_icon_wrapper:after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.f21 .sprite_icon_wrapper_small {
  width: 64px;
}
.f21 .sprite_icon_wrapper_medium {
  width: 100px;
}
.f21 .sprite_icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/css_sprite_2021.png');
  background-repeat: no-repeat;
  background-size: 1100% auto;
}
.f21 .sprite_icon.sprite_icon_landscape {
  background-size: 500%;
}
.f21 .sprite_icon.sprite_icon_edit_pdf_text {
  background-position: 0 0;
}
.f21 .sprite_icon.sprite_icon_advanced_pdf_editing {
  background-position: 10% 0;
}
.f21 .sprite_icon.sprite_icon_advanced_object_editing {
  background-position: 20% 0;
}
.f21 .sprite_icon.sprite_icon_reduce_file_size {
  background-position: 30% 0;
}
.f21 .sprite_icon.sprite_icon_action_wizard {
  background-position: 40% 0;
}
.f21 .sprite_icon.sprite_icon_edit_text_format {
  background-position: 50% 0;
}
.f21 .sprite_icon.sprite_icon_professional_documents {
  background-position: 60% 0;
}
.f21 .sprite_icon.sprite_icon_add_media {
  background-position: 70% 0;
}
.f21 .sprite_icon.sprite_icon_reorganize {
  background-position: 80% 0;
}
.f21 .sprite_icon.sprite_icon_split {
  background-position: 90% 0;
}
.f21 .sprite_icon.sprite_icon_portfolios {
  background-position: 100% 0;
}
.f21 .sprite_icon.sprite_icon_compare {
  background-position: 0 10%;
}
.f21 .sprite_icon.sprite_icon_search_content {
  background-position: 10% 10%;
}
.f21 .sprite_icon.sprite_icon_bates_numbering {
  background-position: 20% 10%;
}
.f21 .sprite_icon.sprite_icon_integrate_cms {
  background-position: 30% 10%;
}
.f21 .sprite_icon.sprite_icon_integrate_cloud_storage {
  background-position: 40% 10%;
}
.f21 .sprite_icon.sprite_icon_integrate_sharepoint {
  background-position: 50% 10%;
}
.f21 .sprite_icon.sprite_icon_shared_review {
  background-position: 60% 10%;
}
.f21 .sprite_icon.sprite_icon_annotate {
  background-position: 70% 10%;
}
.f21 .sprite_icon.sprite_icon_annotation_management {
  background-position: 80% 10%;
}
.f21 .sprite_icon.sprite_icon_integrate_evernote_onenote {
  background-position: 90% 10%;
}
.f21 .sprite_icon.sprite_icon_industry_standard {
  background-position: 100% 10%;
}
.f21 .sprite_icon.sprite_icon_browser_based {
  background-position: 0 20%;
}
.f21 .sprite_icon.sprite_icon_create_pdf_forms {
  background-position: 10% 20%;
}
.f21 .sprite_icon.sprite_icon_pdf_portfolio_creation {
  background-position: 20% 20%;
}
.f21 .sprite_icon.sprite_icon_compliant_pdf_creation {
  background-position: 30% 20%;
}
.f21 .sprite_icon.sprite_icon_convert_pdf {
  background-position: 40% 20%;
}
.f21 .sprite_icon.sprite_icon_create_pdf_from_office {
  background-position: 50% 20%;
}
.f21 .sprite_icon.sprite_icon_digital_signing {
  background-position: 60% 20%;
}
.f21 .sprite_icon.sprite_icon_redact_pdf {
  background-position: 70% 20%;
}
.f21 .sprite_icon.sprite_icon_protect_pdf_with_aip {
  background-position: 80% 20%;
}
.f21 .sprite_icon.sprite_icon_password_protection_redaction {
  background-position: 90% 20%;
}
.f21 .sprite_icon.sprite_icon_digital_signatures {
  background-position: 100% 20%;
}
.f21 .sprite_icon.sprite_icon_foxit_sign {
  background-position: 0 30%;
}
.f21 .sprite_icon.sprite_icon_sanitize_pdf {
  background-position: 10% 30%;
}
.f21 .sprite_icon.sprite_icon_digital_form_submission {
  background-position: 20% 30%;
}
.f21 .sprite_icon.sprite_icon_accessibility {
  background-position: 30% 30%;
}
.f21 .sprite_icon.sprite_icon_easy_to_use {
  background-position: 40% 30%;
}
.f21 .sprite_icon.sprite_icon_legal_compliance {
  background-position: 50% 30%;
}
.f21 .sprite_icon.sprite_icon_foxit_sign_templates {
  background-position: 60% 30%;
}
.f21 .sprite_icon.sprite_icon_customize_deploy {
  background-position: 70% 30%;
}
.f21 .sprite_icon.sprite_icon_user_groups {
  background-position: 80% 30%;
}
.f21 .sprite_icon.sprite_icon_scan_to_pdf {
  background-position: 90% 30%;
}
.f21 .sprite_icon.sprite_icon_ocr_pdf {
  background-position: 100% 30%;
}
.f21 .sprite_icon.sprite_icon_edit_pdf_text {
  background-position: 0% 40%;
}
.f21 .sprite_icon.sprite_icon_correct_suspect_ocr {
  background-position: 10% 40%;
}
.f21 .sprite_icon.sprite_icon_scan_to_existing_pdf {
  background-position: 20% 40%;
}
.f21 .sprite_icon.sprite_icon_help {
  background-position: 30% 40%;
}
.f21 .sprite_icon.sprite_icon_performance {
  background-position: 40% 40%;
}
.f21 .sprite_icon.sprite_icon_demo {
  background-position: 50% 40%;
}
.f21 .sprite_icon.sprite_icon_reduce_cost {
  background-position: 60% 40%;
}
.f21 .sprite_icon.sprite_icon_tracking {
  background-position: 70% 40%;
}
.f21 .sprite_icon.sprite_icon_convert {
  background-position: 80% 40%;
}
.f21 .sprite_icon.sprite_icon_convert.white {
  background-position: 0% 100%;
}
.f21 .sprite_icon.sprite_icon_compare.white {
  background-position: 10% 100%;
}
.f21 .sprite_icon.sprite_icon_reduce_cost.white {
  background-position: 20% 100%;
}
.f21 .table-container {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
.f21 .table-container-standalone {
  height: auto;
}
.f21 .table-row {
  display: table-row;
}
.f21 .table-col {
  display: table-cell;
  vertical-align: top;
  position: relative;
}
.f21 ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */

  color: #8b8b8b;
  opacity: 1;
  /* Firefox */

  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 300;
}
.f21 :-ms-input-placeholder {
  /* Internet Explorer 10-11 */

  color: #8b8b8b;
  opacity: 1;
  /* Firefox */

  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 300;
}
.f21 ::-ms-input-placeholder {
  /* Microsoft Edge */

  color: #8b8b8b;
  opacity: 1;
  /* Firefox */

  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 300;
}
.f21 form input:not([type=submit]) {
  width: 100% !important;
  padding: calc(3.5553775999999995px) calc(21.328px);
  font-size: 16px !important;
  line-height: 18px !important;
  color: #373737 !important;
  background: #fff !important;
  border: solid rgba(0, 0, 0, 0.15) 1px !important;
  border-radius: 4px !important;
  /*appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;*/
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 300;
  transition: border-color 0.2s ease-out;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
}
.f21 form input.amount,
.f21 form input.couponcode {
  max-width: 140px !important;
  text-align: center !important;
}
.f21 form input.valid,
.f21 form input.is-complete {
  /*background: #d9ecd9 !important;*/

}
.f21 form input.invalid,
.f21 form input.is-invalid {
  background: #ecd9d9 !important;
}
.f21 form input:read-only {
  cursor: pointer;
}

.f21 form input[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    opacity: 0;
}
.f21 form input[type='checkbox'] + label {
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    line-height: 16px;
	outline: none;
	margin-left: 0;
}
.f21 form input[type='checkbox'] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
.f21 form input[type='checkbox'] + label:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
.f21 form input[type='checkbox']:hover + label:before {
    border-color: #F36B16;
}
.f21 form input[type='checkbox']:checked + label:before {
    background: #F36B16;
    border-color: #F36B16;
}
.f21 form input[type='checkbox']:checked + label:after {
    background: #F36B16;
}
/*
.f21 form input[type=checkbox] {
  position: relative;
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  vertical-align: bottom;
  margin: 6px 6px 0 6px;
}
.f21 form input[type=checkbox]:checked:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-size: 800px 600px;
  /* HALF SIZE * /

  background-position: -284px 1px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}*/
.f21 form input[type=radio] {
  position: relative;
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  margin: 6px 6px 0 6px;
}
.f21 form input[type=radio]:checked:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 33%;
  height: 33%;
  background: #373737;
  border-radius: 50% !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.f21 form select.phantom {
  border: solid #982e91 1px !important;
}
.f21 form select.white {
  border: solid #fff 1px !important;
}
.f21 form select.valid {
  color: #373737 !important;
  background: #d9ecd9 !important;
}
.f21 form select.border-none {
  border: none !important;
  width: auto !important;
}
.f21 form textarea {
  width: 100% !important;
  padding: calc(3.5553775999999995px) calc(21.328px) !important;
  font-size: 16px !important;
  line-height: 21.328px !important;
  color: #373737 !important;
  border: solid rgba(0, 0, 0, 0.15) 1px !important;
  border-radius: 3px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 300;
}
.f21 form label:not(.label_six) {
  /*padding: 0 calc(21.328px) !important;
  float: left;*/
  color: #8b8b8b;
  display: none;
}
.f21 form input:not([type=submit]):not([disabled]):hover,
.f21 form input:not([type=submit]):not([disabled]):focus,
.f21 form select:hover,
.f21 form select:focus,
.f21 form textarea:hover,
.f21 form textarea:focus {
  outline: none !important;
  border-color: #F36B16 !important;
}
.f21 form input.account_editable {
  color: #8b8b8b !important;
}
.f21 form input.account_editable:focus {
  color: #373737 !important;
}
.f21 form .select_payment_option:hover > input,
.f21 form input.date_range:hover {
  cursor: pointer;
  border-color: #0a7ddf !important;
}
.f21 form button {
  border: none;
}
.f21 form .error {
  padding: 6px calc(21.328px) 0;
  margin-left: 1px;
  font-size: 12px;
  line-height: 15.995999999999999px;
  color: #ff6300;
}
.f21 .product_icon {
  width: 114px;
  height: 114px;
  background: url('../images/css_sprite.png') no-repeat;
}
.f21 .product_icon.phantom_xl {
  width: 114px;
  height: 114px;
  background: url('../images/css_sprite.png') no-repeat;
  background-position: 0 0;
}
.f21 .product_icon.reader_l {
  background-position: -798px 0;
}
.f21 .clr:after {
  content: '';
  display: table;
  clear: both;
}
.f21 .float_none {
  float: none !important;
}
.f21 .float_left {
  float: left;
}
.f21 .float_right {
  float: right;
}
.f21 .w100 {
  width: 100% !important;
}
.f21 .w66 {
  width: 66%;
}
.f21 .w58 {
  width: 58%;
}
.f21 .w50 {
  width: 50%;
}
.f21 .w42 {
  width: 42%;
}
.f21 .w33 {
  width: 33%;
}
.f21 .mtz {
  margin-top: 0;
}
.f21 .mtxxs {
  margin-top: 6px;
}
.f21 .mtxs {
  margin-top: 10.672px;
}

.f21 .mts {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px){
    .f21 .mts::before, .f21 .mts::after {
        content: '';
        flex: 1;
        height: 1px;
        background: rgba(0, 0, 0, 0.15)
    }
    .f21 .mts::before{
        margin-left: 25px;
        margin-right: 8.5px;
    }

    .f21 .mts::after{
        margin-left: 8.5px;
        margin-right: 25px;
    }
}

.f21 .split-text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(120, 120, 120, 1);
}
.f21 .split-text::before, .f21 .split-text::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(0, 0, 0, 0.15)
}
.f21 .split-text::before{
  margin-right: 20px;
}

.f21 .split-text::after{
  margin-left: 20px;
}

@media (max-width: 768px){
    .f21 .split-text::before, .f21 .split-text::after {
        content: '';
        flex: 1;
        height: 1px;
        background: rgba(0, 0, 0, 0.15)
    }
    .f21 .split-text::before{
        margin-left: 6px;
        margin-right: 9.5px;
    }

    .f21 .split-text::after{
        margin-left: 9.5px;
        margin-right: 6px;
    }
}
.f21 .mtm {
  margin-top: 21.328px;
}
.f21 .mtl {
  margin-top: 32px;
}
.f21 .mtxl {
  margin-top: 40px;
}
.f21 .mt2xl {
  margin-top: 48px;
}
.f21 .mt3xl {
  margin-top: 56px;
}
.f21 .mt4xl {
  margin-top: 64px;
}
.f21 .mt5xl {
  margin-top: 80px;
}
.f21 .mt6xl {
  margin-top: 96px;
}
.f21 .mt7xl {
  margin-top: 112px;
}
.f21 .mt8xl {
  margin-top: 128px;
}
.f21 .mbz {
  margin-bottom: 0 !important;
}
.f21 .mb2xs {
  margin-bottom: 8px !important;
}
.f21 .mbxs {
  margin-bottom: 10.672px;
}
.f21 .mbs {
  margin-bottom: 16px;
}
.f21 .mbm {
  margin-bottom: 21.328px;
}
.f21 .mbl {
  margin-bottom: 32px;
}
.f21 .mbxl {
  margin-bottom: 40px;
}
.f21 .mb2xl {
  margin-bottom: 48px;
}
.f21 .mb3xl {
  margin-bottom: 56px;
}
.f21 .mb4xl {
  margin-bottom: 64px;
}
.f21 .mb5xl {
  margin-bottom: 80px;
}
.f21 .mb6xl {
  margin-bottom: 96px;
}
.f21 .mb7xl {
  margin-bottom: 112px;
}
.f21 .mb8xl {
  margin-bottom: 128px;
}
.f21 .mrz {
  margin-right: 0;
}
.f21 .mrxs {
  margin-right: 10.672px;
}
.f21 .mrs {
  margin-right: 16px;
}
.f21 .mrm {
  margin-right: 21.328px;
}
.f21 .mrl {
  margin-right: 32px;
}
.f21 .mrxl {
  margin-right: 40px;
}
.f21 .mr2xl {
  margin-right: 48px;
}
.f21 .mr3xl {
  margin-right: 56px;
}
.f21 .mr4xl {
  margin-right: 64px;
}
.f21 .mr5xl {
  margin-right: 80px;
}
.f21 .mr6xl {
  margin-right: 96px;
}
.f21 .mlz {
  margin-left: 0;
}
.f21 .mlxs {
  margin-left: 10.672px;
}
.f21 .mls {
  margin-left: 16px;
}
.f21 .mlm {
  margin-left: 21.328px;
}
.f21 .mll {
  margin-left: 32px;
}
.f21 .mlxl {
  margin-left: 40px;
}
.f21 .ml2xl {
  margin-left: 48px;
}
.f21 .ml3xl {
  margin-left: 56px;
}
.f21 .ml4xl {
  margin-left: 64px;
}
.f21 .ml5xl {
  margin-left: 80px;
}
.f21 .ml6xl {
  margin-left: 96px;
}
.f21 .mlra {
  margin-left: auto;
  margin-right: auto;
}
.f21 .mlrz {
  margin-left: 0;
  margin-right: 0;
}
.f21 .mlrxs {
  margin-left: 10.672px;
  margin-right: 10.672px;
}
.f21 .mlrs {
  margin-left: 16px;
  margin-right: 16px;
}
.f21 .mlrm {
  margin-left: 21.328px;
  margin-right: 21.328px;
}
.f21 .mlrl {
  margin-left: 32px;
  margin-right: 32px;
}
.f21 .mlrxl {
  margin-left: 40px;
  margin-right: 40px;
}
.f21 .mlr2xl {
  margin-left: 48px;
  margin-right: 48px;
}
.f21 .mlr3xl {
  margin-left: 56px;
  margin-right: 56px;
}
.f21 .mlr4xl {
  margin-left: 64px;
  margin-right: 64px;
}
.f21 .mlr5xl {
  margin-left: 80px;
  margin-right: 80px;
}
.f21 .mlr6xl {
  margin-left: 96px;
  margin-right: 96px;
}
.f21 .mtmz {
  margin-top: 0;
}
.f21 .mtmxs {
  margin-top: -10.672px;
}
.f21 .mtms {
  margin-top: -16px;
}
.f21 .mtmm {
  margin-top: -21.328px;
}
.f21 .mtml {
  margin-top: -32px;
}
.f21 .mtmxl {
  margin-top: -40px;
}
.f21 .mtm2xl {
  margin-top: -48px;
}
.f21 .mtm3xl {
  margin-top: -56px;
}
.f21 .mtm4xl {
  margin-top: -64px;
}
.f21 .mtm5xl {
  margin-top: -80px;
}
.f21 .mtm6xl {
  margin-top: -96px;
}
.f21 .mtm7xl {
  margin-top: -112px;
}
.f21 .mtm8xl {
  margin-top: -128px;
}
.f21 .mbmz {
  margin-bottom: 0;
}
.f21 .mbmxs {
  margin-bottom: -10.672px;
}
.f21 .mbms {
  margin-bottom: -16px;
}
.f21 .mbmm {
  margin-bottom: -21.328px;
}
.f21 .mbml {
  margin-bottom: -32px;
}
.f21 .mbmxl {
  margin-bottom: -40px;
}
.f21 .mbm2xl {
  margin-bottom: -48px;
}
.f21 .mbm3xl {
  margin-bottom: -56px;
}
.f21 .mbm4xl {
  margin-bottom: -64px;
}
.f21 .mbm5xl {
  margin-bottom: -80px;
}
.f21 .mbm6xl {
  margin-bottom: -96px;
}
.f21 .mbm7xl {
  margin-bottom: -112px;
}
.f21 .mbm8xl {
  margin-bottom: -128px;
}
.f21 .mlmz {
  margin-left: 0;
}
.f21 .mlmxs {
  margin-left: -10.672px;
}
.f21 .mlms {
  margin-left: -16px;
}
.f21 .mlmm {
  margin-left: -21.328px;
}
.f21 .mlml {
  margin-left: -32px;
}
.f21 .mlmxl {
  margin-left: -40px;
}
.f21 .mlm2xl {
  margin-left: -48px;
}
.f21 .mlm3xl {
  margin-left: -56px;
}
.f21 .mlm4xl {
  margin-left: -64px;
}
.f21 .mlm5xl {
  margin-left: -80px;
}
.f21 .mlm6xl {
  margin-left: -96px;
}
.f21 .mlm7xl {
  margin-left: -112px;
}
.f21 .mlm8xl {
  margin-left: -128px;
}
.f21 .ptz {
  padding-top: 0;
}
.f21 .pt2xs {
  padding-top: 8px;
}
.f21 .ptxs {
  padding-top: 10.672px;
}
.f21 .pts {
  padding-top: 26px;
}
.f21 .ptm {
  padding-top: 16px;
}

.f21 .ptm2l{
  padding-top: 22px;
}

.f21 .ptl {
  padding-top: 32px;
}
.f21 .ptxl {
  padding-top: 40px;
}
.f21 .pt2xl {
  padding-top: 48px;
}
.f21 .pt3xl {
  padding-top: 56px;
}
.f21 .pt4xl {
  padding-top: 64px;
}
.f21 .pt5xl {
  padding-top: 80px;
}
.f21 .pt6xl {
  padding-top: 96px;
}
.f21 .pbz {
  padding-bottom: 0 !important;
}
.f21 .pb2xs {
  padding-bottom: 8px !important;
}
.f21 .pbxs {
  padding-bottom: 10.672px !important;
}
.f21 .pbs {
  padding-bottom: 16px;
}
.f21 .pbm {
  padding-bottom: 16px;
}
.f21 .pbl {
  padding-bottom: 32px;
}
.f21 .pbxl {
  padding-bottom: 40px;
}
.f21 .pb2xl {
  padding-bottom: 48px;
}
.f21 .pb3xl {
  padding-bottom: 56px;
}
.f21 .pb4xl {
  padding-bottom: 64px;
}
.f21 .pb5xl {
  padding-bottom: 80px;
}
.f21 .pb6xl {
  padding-bottom: 96px;
}
.f21 .plrz {
  padding-left: 0;
  padding-right: 0;
}
.f21 .plrxs {
  padding-left: 10.672px;
  padding-right: 10.672px;
}
.f21 .plrs {
  padding-left: 16px;
  padding-right: 16px;
}
.f21 .plrm {
  padding-left: 21.328px;
  padding-right: 21.328px;
}
.f21 .plrl {
  padding-left: 32px;
  padding-right: 32px;
}
.f21 .plrxl {
  padding-left: 40px;
  padding-right: 40px;
}
.f21 .plr2xl {
  padding-left: 48px;
  padding-right: 48px;
}
.f21 .plr3xl {
  padding-left: 56px;
  padding-right: 56px;
}
.f21 .plr4xl {
  padding-left: 64px;
  padding-right: 64px;
}
.f21 .plr5xl {
  padding-left: 80px;
  padding-right: 80px;
}
.f21 .plr6xl {
  padding-left: 96px;
  padding-right: 96px;
}
.f21 .vat {
  vertical-align: top;
}
.f21 .vam {
  vertical-align: middle;
}
.f21 .vab {
  vertical-align: bottom;
}
.f21 .display_block {
  display: block !important;
}
.f21 .display_inline_block {
  display: inline-block !important;
}
.f21 .display_table {
  display: table !important;
}
.f21 .ph_dropdown_toggle > .cta3 {
  display: inline-block;
}

/***** HTML dir="rtl" *****/
[dir="rtl"] .f21 form input[type='checkbox'] {
  left: unset;
  right: 0;
}
[dir="rtl"] .f21 form input[type='checkbox'] + label {
  left: unset;
  right: 0;
  margin-left: unset;
  margin-right: 0 !important;
  width: 16px;
}
[dir="rtl"] .f21 .split-text::before {
  margin-right: unset;
  margin-left: 20px;
}
[dir="rtl"] .f21 .split-text::after {
  margin-left: unset;
  margin-right: 20px;
}