* { -webkit-font-smoothing: auto; } .light { font-weight:300; } .toolbarMenu .uk-subnav>* { padding-left: 15px; } .toolbarMenu .uk-subnav li a { padding: 15px 0; font-weight: 400; line-height: 1.35; } .toolbarMenu .uk-subnav li a.linkRequestDemo { padding: 6px 12px; font-size: 14px; color: #ffffff; margin: 0 0 0; } .toolbarMenu .uk-subnav li a.linkRequestDemo:hover { color: #000000; } .mapContainer-m .uk-accordion { margin: 0; } .mapContainer-m .uk-accordion-content * { font-size: 16px; } #stats .gridIcon { height: 40px; vertical-align: middle; padding-top: 5px; } #stats .gridIcon img { height: 30px; } #stats p { margin: 10px 0 0; } #stats .bigNumber { margin: 15px 0; } .feedInstagram .wk-panel > * { margin-bottom: 0; } .hs-form-field { margin-bottom: 10px; } .chronoforms .ui.message.success { -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent !important; } .j-paginate.juicer-button { border: 2px solid #00a9e0 !important; color: #00a9e0 !important; } .juicer-feed.image-grid li.feed-item { max-width: 33%; max-height: 130px; min-height: 137px; float: left; overflow: hidden; } .juicer-feed.image-grid li.feed-item, .juicer-feed.slider li.feed-item, .juicer-feed.hip li.feed-item { background: transparent; } @media screen and (max-width: 640px) { .juicer-feed.image-grid li.feed-item { max-width: 50%; max-height: 185px; min-height: 174px; } } .wk-article-meta { font-size:14px; color: #666666; margin-bottom: -15px; } .wk-subnav>.wk-active>* { color: #666699 !important; } ul.inputs-list { padding-left: 10px; } .hs-form-radio { list-style-type: none; } .hs-form-radio-display .hs-input { margin-right: 10px !important; } .bpNews h3.uk-h4 { font-weight: 600; color: black; margin-top: 0; font-size: 18px; line-height: 24px; } .uk-scope .bpNews .uk-card-body { padding: 20px !important; } .uk-scope .bpNews .uk-grid { margin-left: 0px; } .uk-scope .bpNews .uk-grid > div { padding: 0 0 0 40px;} .uk-scope .bpNews .uk-grid > div .uk-card-body { padding-left: 0 !important; } .pageNews .uk-subnav { margin-bottom: 60px; } .pageNews .uk-subnav li a { font-size: 17px !important; text-transform: capitalize !important; } .buttonsBottom .uk-panel { margin-bottom: 60px; } .buttonsBottom .uk-button { position: absolute; bottom: 0; width: 86%; } .tm-header-mobile .uk-navbar-container { background: #fff !important;} .hidden, #tm-mobile .uk-nav.uk-nav-default a.linkRequestDemo, .searchsearch-results > article div[class^="wk-"], .searchsearch-results > article div[class*=" wk-"], .searchsearch-results > article ul[class^="wk-"], .searchsearch-results > article ul[class*=" wk-"], .feedInstagram .wk-article-meta, .juicer-feed .referral, .j-paginate.juicer-button, .togglenav .tm-header, .togglenav .tm-header-mobile, .togglenav .uk-navbar-nav, .togglenav .uk-search-toggle, .togglenav .uk-navbar-toggle, .togglenav .uk-navbar-right, .togglenav #footersocial, .togglenav .tm-toolbar, .togglenav .whitespaceTopDesktop { display:none !important; } ul.inputs-list { padding: 0; margin: 0; } ul.inputs-list li { list-style: none; margin: 0; } input[name="LEGAL_CONSENT.subscription_type_1156748"] { margin-top: 3px !important; } #sitefooter1 .uk-text-bold a { color: #142645; font-weight: 600; } #sitefooter1 .logo-bottom { margin-bottom: 12px; } #sitefooter1 p { margin: 12px auto; font-size: 14px; letter-spacing: 0.5px; } #footerMenus a { font-size: 14px; line-height: 32px; color: #5F6060; padding: 0; letter-spacing: 0.5px; } #footerMenus a:hover { background: none; text-decoration: underline; } #footerMenus .uk-nav li:first-of-type a { color:#142645; font-size: 24px; line-height: 24px; margin-top: 30px; margin-bottom: 35px; font-weight: 600; } #sitefooter2 { font-size: 14px !important; color: #BEC8D7 !important; letter-spacing: 0.5px;} #sitefooter2 a { color: #BEC8D7 !important; } #sitefooter2 a.uk-icon-button { background-color: #ffffff !important; color: #1b365d !important; width: 33px; height: 33px; } .footer-social > .uk-grid > * { padding-left: 10px; } #stats, #stats .bigNumber { color: #ffffff !important; } .uk-accordion > .el-item { padding: 15px 20px; border: 1px solid #DDE1E6; } #sectionSimplify { background-image: url("data:image/svg+xml,%3Csvg width='1028' height='210' viewBox='0 0 1028 210' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M350.109 91.4189C207.922 92.2659 57.4584 189.001 0 210L1028 210V0.894942C890.457 -5.45762 787.746 23.1289 707.364 51.186C626.982 79.2432 527.844 90.3601 350.109 91.4189Z' fill='%23294975'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 100% 100%; background-size: 70% auto; padding: 25px 0; } #sectionSimplify .uk-panel { margin-top: 25px !important;} .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary { border-color: #ffffff; } .textBlueLight, .textBlueLight * { color: #BEC8D7 !important;} .textBlueLight2, .textBlueLight2 * { color: #E6E9EE !important;} .textWhite, .textWhite * { color: #ffffff !important;} #sectionHowItWorks h2 { margin-bottom: 10px !important; } #sectionHowItWorks .uk-panel { color: #5F6060; margin-top: 17px !important; } .paddingRemove > .uk-container { padding-left: 0 !important; padding-right: 0 !important; } .svgExpand svg { width: 100vw; } .bgBlue02 { background: #2F507D; } .linkUnderline a { text-decoration: underline !important; } #sectionMaps { margin-top: -10px; } #sectionMaps .maps { height: 500px !important; } #sectionMaps .maps > * { top: -60px; } #sectionWhy .icon { height: 110px; } #sectionWhy .img100 { padding-top: 25px; height: 85px; } #sectionWhy h4 { font-size: 24px; color: #142645; margin-bottom: 15px !important; } .cornersRounded10 { border-radius: 6px; width: fit-content; margin: 0 auto; overflow: hidden; } .cornersRounded20 { border-radius: 15px; width: fit-content; margin: 0 auto; overflow: hidden; } .bgWhite { background: #ffffff; } .bgBlue02 { background: #2F507D; } .bgBlue03 { background: #1B365D; } .bgBlue04 { background: #142645; } .borderBlue { border: 1px solid #142645; } #sectionSolutions { background-image: url("data:image/svg+xml,%3Csvg width='1440' height='266' viewBox='0 0 1440 266' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1440 196.934V266H0V1.13359C192.667 -6.91298 336.542 29.2966 449.14 64.8356C561.738 100.375 700.608 114.456 949.574 115.797C1148.75 116.87 1359.51 170.335 1440 196.934Z' fill='%231B365D'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 100% 104%; background-size:100% auto; padding: 25px 0; } #sectionSolutions h2 { color: #142645; } #sectionSolutions .uk-text-lead { color: #5F6060;} #sectionTrusted { margin-top: -1px;} .panelAction { width: 86%; margin: 25px auto; color: #1B365D; } .panelAction h4 { margin: 10px auto 13px !important; } .panelAction picture { width: 70%; display: block; margin: 10px auto 0; } .panelAction .textPill { font-size: 14px; font-weight: 700; letter-spacing: 0.25px; line-height: 20px; background: #ffffff; border-radius: 100px; border: 1px solid #1B365D; width: 160px; padding: 8px; margin: 0 auto -20px; position: relative; top: -30px; } .panelAction .uk-list { margin: 0 50px; } .panelAction .uk-button-default { background-color: #2F507D; border: 1px solid #2F507D; width: 200px; margin: 10px auto 40px; } .panelAction .uk-button-default:hover { color:#ffffff; } .panelAction .bigNumber { font-size: 56px; font-weight: 700; font-family: "DM Sans", sans-serif; letter-spacing: -2px; } .panelAction sub { font-size: 20px; bottom: 10px; bottom: 7px; left: 5px; } .panelAction sub .uk-text-underline { text-decoration: underline;} .panelAction h3 { font-size: 34px; line-height: 36px; font-weight: 500; color: #1B365D; } .panelAction .blockText { margin: 25px 50px 20px !important; } #panelAction2 { margin-top: 60px !important; margin-left: 0;} .tm-page { max-width: 2000px; margin: 0 auto; } #sectionHero { background-image: url("data:image/svg+xml,%3Csvg width='1434' height='602' viewBox='0 0 1434 602' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M201.156 507.373C100.885 488.351 29.2056 531.837 -8 602.413V684H1440V3.58104C1397.15 -12.5779 1345.98 29.8525 1325.75 53.0877C1291.73 94.2772 1201.8 173.171 1114.19 159.23C1026.59 145.289 951.57 224.975 925.012 266.56C888.51 322.272 781.941 419.199 647.685 361.217C522.933 307.339 435.953 391.416 390.022 433.695C352.729 466.699 307.226 527.496 201.156 507.373Z' fill='%23BBBCBC'/%3E%3Cpath d='M201.156 530.361C100.885 514.675 29.2056 550.532 -8 608.727V676H1440V114.953C1397.15 101.629 1345.98 136.615 1325.75 155.774C1291.73 189.737 1201.8 254.79 1114.19 243.295C1026.59 231.8 951.57 297.505 925.013 331.795C888.51 377.733 781.942 457.655 647.685 409.845C522.933 365.42 435.953 434.747 390.022 469.608C352.729 496.822 307.226 546.953 201.156 530.361Z' fill='%231B365D'/%3E%3C/svg%3E%0A");background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; padding: 0; position: relative; height: auto; } @media (min-width: 960px) { #sectionHero { height: 570px; } } @media (min-width: 1040px) { #sectionHero { height: 650px; } } @media (min-width: 1200px) { #sectionHero { height: 720px; } } @media (min-width: 1400px) { #sectionHero { height: 750px; } } @media (min-width: 1600px) { #sectionHero { height: 790px; } } /* #sectionHero::after { content: ' '; width: 100%; height: 725px; filter: drop-shadow(-4px 16px 17px rgba(0,0,0,0.15)); background-image: url('/images/Homepage/home-hero.png'); display: block; position: absolute; top:0; left: 57%; background-size: contain; background-repeat: no-repeat; } */ #sectionHero h1 { font-size:58px; font-weight: 600; letter-spacing: -0.5px; color: #1B365D; margin-top: 40px; } #sectionHero .uk-list { font-size: 22px; line-height: 1.25; font-weight: 500; letter-spacing: 0.18px; } #sectionHero .uk-list, #sectionHero p, #sectionHero p, #sectionHero p a, #sectionHero h6 { color: #404141;} #sectionHero h6 { font-size: 22px;} #sectionHero h6 a, #sectionHero p a { text-decoration: underline;} #sectionHero .uk-button-default { background-color: #2F507D; border: 1px solid #2F507D; margin: 10px auto; } #sectionHero .uk-button-default:hover { color:#ffffff; } .hero-image picture { filter: drop-shadow(-4px 16px 17px rgba(0,0,0,0.15)); } .uk-logo img { margin-top: 10px;} .uk-navbar-right .uk-button-primary { border-color: transparent; } .uk-navbar-right .uk-button-secondary { border-color: #2F507D; background: #2F507D; } .featureCards { max-width: 1140px; margin: 0 auto; } .headerButtons .uk-button { padding: 0 20px; } .border-rounded-subtile > .uk-tile { border-radius: 10px;} .addCircle {border-radius: 50%; border-width: 1px; border-style: solid; padding: 0px 1px 2px; margin: 0 -7px 0 5px; } .linkRequestDemo .addCircle { padding: 0; } .heroMarquee { position: relative; } .heroMarquee .uk-background-cover { min-height: 475px; } .heroText, .heroText * { color: #f9f7f8 !important; } .heroText { position: absolute !important; top: 0; left: 0; width: 440px; border-radius: 0 0 35px; padding-left: 15px !important; font-size: 16px; letter-spacing: 1px; } div[data-id="page#1" ] .heroText h1 { font-size: 32px !important; letter-spacing: 1px; } .mktoFormRow { position: relative;} #Email_Opt_In__c, #LblEmail_Opt_In__c.mktoLabel, #privacyPolicyAgreement, #LblprivacyPolicyAgreement { position: absolute;} #Email_Opt_In__c, #privacyPolicyAgreement { left: 10px; top: 18px; } #privacyPolicyAgreement { left: 15px; } #LblEmail_Opt_In__c, #LblprivacyPolicyAgreement { left: 20px; width: 70%; } #LblprivacyPolicyAgreement { left: 35px; } .mktoAsterix { display: none !important;} #mktoForm_1075 #Email_Opt_In__c, #mktoForm_1075 #privacyPolicyAgreement, #mktoForm_1951 #Email_Opt_In__c, #mktoForm_1951 #privacyPolicyAgreement, #mktoForm_1067 #Email_Opt_In__c, #mktoForm_1067 #privacyPolicyAgreement { left: 0px; top: 6px; } #mktoForm_1075 #LblprivacyPolicyAgreement, #mktoForm_1951 #LblprivacyPolicyAgreement { left: 20px; } #mktoForm_1067 .mktoCheckboxList #LblprivacyPolicyAgreement { left: 4px; } @media (min-width: 1024px) { #sectionAcceptedEverywhere .rowUp { margin-top: -70px; position: relative; z-index: 2; } /* .uk-sticky.uk-sticky-fixed.uk-sticky-below { top: 47px!important; } .tm-toolbar.tm-toolbar-default.uk-visible\@m.uk-sticky.uk-sticky-fixed.uk-active.uk-sticky-below { top: 0px!important; } */ } @media (max-width: 1199px) { .uk-navbar-nav { gap: 20px; } .uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] { gap: 5px; } .headerButtons .uk-button { padding: 0 10px; } .headerButtons .el-item { padding-left: 10px; } } @media (max-width: 959px) { html { font-size: 18px; } #sectionHero .uk-list { font-size: 17px; } #sectionAcceptedEverywhere { margin-top: -1px; position: relative; z-index: 2; } #sectionAcceptedEverywhere .rowUp {max-width: 340px; margin: 50px auto; position: relative; z-index: 2; } .featureCards > div { padding: 0;} .panelAction { width: 96%; } #panelAction2 { margin-top: 10px !important; margin-left: auto; } #sectionTrusted .cornersRounded10 { background-color: #ffffff;} #sectionMaps { margin-top: 0px; padding: 60px 20px !important;} #sectionHowItWorks { padding: 20px !important;} .uk-button { font-size: 16px; line-height: 42px; } } .togglefooter #sitefooter { display: none; } .uk-parent > a > span { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; position: relative; z-index: 123; } .uk-nav-sub a { padding: 10px 0; } @media (min-width: 960px) { .uk-parent > a > span { display: none; } .uk-nav-sub a { padding: 2px 0; } } .tm-header-mobile .uk-navbar-container:not(.uk-navbar-transparent) { background: rgba(0,0,0,0); } .showlogo .tm-header-mobile { margin-bottom: -106px; z-index: 9999; position: relative; } .showlogo .uk-navbar-nav, .showlogo .uk-search-toggle, .showlogo .uk-navbar-toggle, .showlogo .uk-navbar-right, .showlogo .tm-toolbar { display:none !important; } @media screen and (max-width: 960px) { .showlogo #whitepaper-title { padding-top: 80px; } } /* Global Content Download form */ #bestpass-global_form .mktoForm { margin:0 auto; padding:40px; border-radius: 10px; background-color: #fff; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1); width: 600px !important; } #bestpass-global_form .mktoFormRow{ max-width: 100%; display: flex; flex-direction: column; } #bestpass-global_form .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=number], .mktoForm input[type=tel], .mktoForm input[type=email] { width: 100% !important; height: 40px !important; border-radius: 6px; border: 1px solid #bbbcbc; outline: none; padding: 10px; } #bestpass-global_form .mktoForm input[type=email] { display:block; } #bestpass-global_form .mktoFieldWrap { width:100%; padding:0 10px !important; } #bestpass-global_form .mktoLabel { width:100% !important; } #bestpass-global_form .mktoFormRow:nth-of-type(1), #bestpass-global_form .mktoFormRow:nth-of-type(2), #bestpass-global_form .mktoFormRow:nth-of-type(3) { display: grid; grid-template-columns: repeat(2, 1fr); gap:10px; width: 100%; } #bestpass-global_form .mktoFormRow:nth-of-type(4) .mktoFieldDescriptor:nth-of-type(1) .mktoFieldWrap { display: flex; flex-direction: row-reverse; align-items: center; } #bestpass-global_form .mktoFormRow:nth-of-type(4) .mktoFieldDescriptor:nth-of-type(1) .mktoFieldWrap .mktoAsterix { display: none; } #bestpass-global_form .mktoButton { background-color: #606EB2; border-radius: 20px; color: #fff; font: bold 16px / 1 "helvetica neue", helvetica, arial, sans-serif; padding: 10px 20px; text-decoration: none; text-align: center; text-shadow: 0 -1px 1px #000f4d; width: 96px; margin-top:40px; border:none; } #bestpass-global_form .mktoButtonWrap { margin-left:0px !important; } #bestpass-global_form .mktoForm .mktoAsterix { display: none; } #bestpass-global_form .mktoLogicalField { width:30px !important; } #bestpass-global_form .mktoForm.mktoLayoutAbove .mktoField { width: 24px; height: 24px; border-radius: 6px; border: 1px solid #BBBCBC !important; } #bestpass-global_form .mktoLabel { font: bold 16px / 1 "helvetica neue", helvetica, arial, sans-serif; display: flex; justify-content: center; align-items: center; } #bestpass-global_form .mktoLabel a { padding:0px !important; } @media screen and (max-width: 430px) { #bestpass-global_form .mktoForm { width: 100% !important; } #bestpass-global_form .mktoFormRow:nth-of-type(1), #bestpass-global_form .mktoFormRow:nth-of-type(2), #bestpass-global_form .mktoFormRow:nth-of-type(3) { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); gap:20px; width: 100%; } } /* Custom CSS For How Violations Work BLOG */ .violation_blog_top_container { margin-top: 70px; } .violation_blog_top_container p { font-size: 17px; font-style: normal; font-weight: 400; line-height: 23.8px; margin: 0; } .violation_blog_top_container h1, h2, h3 { margin-top: 40px; margin-bottom: 20px; } .top_inner_wrapper { margin-top: 70px; margin-bottom: 70px !important; } .hero_one_wrapper-violation { margin: 0px !important; } .hero_one_content_wrapper-violation { background-color: #EFF0F0; padding: 0px 40px; } .hero_one-title { } .hero_one_image_wrapper-violation { padding-left: 0 !important; margin: 0 !important; } .hero_two_wrapper-violation { margin-top: 70px !important; margin-bottom: 40px !important; } #violation_related_resources_wrapper { padding-top: 40px !important; padding-bottom: 40px !important; background-color: #EFF0F0; } .related_resources_tilte_violations { font-size: 32px; font-style: normal; font-weight: 700; color: #1b365d; text-align: center; } /* Custom CSS For How Violations Work PAGE */ #hero_title-violation { margin-top: 0; font-size: 42px; } #hero-tag-title-violation { margin-bottom: 20px; } #e-book-img_violation img { margin: 0 auto; display: block; } #whitepaper-title { font-size: 48px; } .cta_mobile { display: none; } .ty-btn-violations a { background-color: #606EB2 !important; padding: 10px 20px; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; color: #fff !important; border: none; margin-top: 20px; margin-bottom: 10px; } .ty-btn-violations a > span { display: none; } #related_resources-grid .uk-card-default { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10); } #related_resources-grid .uk-text-lead { font-size: 14px; font-style: normal; font-weight: 400; } #related_resources-grid .uk-button-default span { display: none; } .form_container_violation { border-radius: 10px; background-color: #fff; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1); padding: 40px; display: flex; flex-direction: column; width: 50%; position: relative; top: 0; z-index: 10; height: max-content; } /* Custom CSS For Patner pages */ .form_container_partner { border-radius: 10px; background-color: #fff; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1); padding: 40px; display: flex; flex-direction: column; width: 50%; position: relative; top: 0; z-index: 10; } .partner_img img { margin-top: 40px; margin-bottom: 40px; } #partner_form_wrapper form { width: 100% !important; display: flex; position: relative; flex-flow: wrap; } #contact_form_wrapper .mktoForm { padding: 0; } #partner_form_wrapper .mktoForm .mktoFormRow { display: flex; flex-direction: column; width: 100%; } #partner_form_wrapper .mktoForm .mktoFormCol { margin-bottom: 20px !important; /* margin: 0 auto; */ } #partner_form_wrapper .mktoFormRow:nth-of-type(3) .mktoFormCol { width: 100%; } #partner_form_wrapper .mktoFieldWrap { display: flex; width: 100%; flex-direction: column; } #partner_form_wrapper .mktoFormRow:nth-of-type(7) .mktoFieldWrap { display: flex; flex-direction: row-reverse; align-items: flex-start; width: inherit; } #partner_form_wrapper .mktoForm .mktoLabel { margin-bottom: 12px; font-size: 14px; line-height: 18.2px; font-weight: 700; width: 100% !important; position: relative; display: flex; flex-direction: row-reverse; justify-content: flex-end; } #partner_form_wrapper .mktoForm input[type=text] { width: 100% !important; height: 40px !important; border-radius: 6px; border: 1px solid #BBBCBC; } #partner_form_wrapper .mktoForm input[type=url] { width: 100% !important; height: 40px !important; border-radius: 6px; border: 1px solid #BBBCBC; } #partner_form_wrapper .mktoForm input[type=tel] { width: 100% !important; height: 40px !important; border-radius: 6px; border: 1px solid #BBBCBC; } #partner_form_wrapper .mktoForm input[type=number] { width: 100% !important; height: 40px !important; border-radius: 6px; border: 1px solid #BBBCBC; } #partner_form_wrapper .mktoForm input[type=date] { width: 100% !important; height: 40px !important; border-radius: 6px; border: 1px solid #BBBCBC; } #partner_form_wrapper .mktoCheckboxList > input { width: 24px; height: 24px; border-radius: 6px; } #partner_form_wrapper .mktoLogicalField.mktoCheckboxList { width: inherit !important; } #partner_form_wrapper .mktoForm .mktoGutter { display: none; } #partner_form_wrapper .mktoForm .mktoOffset { display: none; } #partner_form_wrapper .mktoButtonRow { width: 100%; } #partner_form_wrapper .mktoButtonWrap { margin-left: inherit !important; } #partner_form_wrapper .mktoForm .mktoButtonWrap.mktoSimple .mktoButton { background-color: #606eb2; border: none; background-image: inherit; padding: 10px 20px 10px 20px !important; border-radius: 26px; font-size: 16px; font-weight: 700; } #partner_form_wrapper .mktoForm .mktoAsterix { color: #000; } #partner_form_wrapper .mktoButtonWrap.mktoDownloadButton { margin-left: inherit !important; } /* Custom CSS For Demo Page & GDR Forms */ // Fleet-signup form styles #hero_wrapper { display: block; width: 100%; position: relative; } .form_wrapper { border-radius: 10px; background-color: #fff; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10); padding: 40px; display: flex; flex-direction: column; width: 100%; position: sticky; top: 0; z-index: 10; } .req_form_title h1 { color: #1b365d !important; font-size: 32px; } .req_form_title p { color: #000; font-size: 17px; } #req_form_wrapper form { width: 100% !important; display: flex; position: relative; flex-flow: wrap; } #req_form_wrapper .mktoForm .mktoFormRow { display: flex; flex-direction: column; width: 50%; // margin-left: 10px; } #req_form_wrapper .mktoForm .mktoFormCol { padding: 0 8px; } #req_form_wrapper .mktoForm .mktoFieldWrap { width: 100%; } #req_form_wrapper .mktoForm input[type=text], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select { width: 100% !important; height: 40px !important; border-radius: 6px; border: 1px solid #BBBCBC; } #req_form_wrapper .mktoForm input[type=email] { width: 100% !important; height: 40px !important; border-radius: 6px; border: 1px solid #BBBCBC; } #req_form_wrapper .mktoForm .mktoLabel { margin-bottom: 12px; font-size: 14px; line-height: 18.2px; font-weight: 700; width: 100% !important; position: relative; display: flex; flex-direction: row-reverse; justify-content: flex-end; } .mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList { padding: 0} #req_form_wrapper .mktoForm .mktoAsterix { color: #000; } #req_form_wrapper .mktoFormRow:nth-of-type(7) { width: 100%; } #req_form_wrapper .mktoFormRow:nth-of-type(7) .mktoFieldWrap.mktoRequiredField { display: flex; flex-direction: row-reverse; align-items: flex-start; } #req_form_wrapper .mktoFormRow:nth-of-type(7) .mktoAsterix { display: none; } .agree_lable { margin-left: 12px !important; font-size: 14px; font-style: normal; font-weight: 700; } .agree_lable a { padding: 0; font-size: 14px; font-style: normal; font-weight: 700; text-decoration: none; } #req_form_wrapper .mktoLogicalField.mktoCheckboxList { // width: inherit !important; width: 22px !important; } #req_form_wrapper .mktoCheckboxList > input { width: 24px; height: 24px; border-radius: 6px; } #req_form_wrapper .mktoButtonRow, #mktoForm_1075.mktoForm .mktoButtonRow, #mktoForm_1067.mktoForm .mktoButtonRow { width: 100%; } #req_form_wrapper .mktoButtonWrap.mktoSimple, #mktoForm_1075.mktoForm .mktoButtonWrap, #mktoForm_1951.mktoForm .mktoButtonWrap, #mktoForm_1067.mktoForm .mktoButtonWrap { margin-left: inherit !important; } #req_form_wrapper .mktoForm .mktoButtonWrap.mktoSimple .mktoButton, #mktoForm_1075.mktoForm .mktoButtonWrap .mktoButton, #mktoForm_1951.mktoForm .mktoButtonWrap .mktoButton, #mktoForm_1067.mktoForm .mktoButtonWrap .mktoButton { background-color: #606eb2; border: none; background-image: inherit; padding: 10px 20px 10px 20px !important; border-radius: 26px; font-size: 16px; font-weight: 700; } #mktoForm_1075.mktoForm .mktoButtonWrap .mktoButton, #mktoForm_1951.mktoForm .mktoButtonWrap .mktoButton, #mktoForm_1067.mktoForm .mktoButtonWrap .mktoButton { line-height: 16px; } // Brands slider .branding_wrapper { margin-top: 2.5rem; margin-bottom: 0; } .brand_silder-title p { font-size: 24px; font-weight: 700; margin-bottom: 0; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #EFF0F0; padding-left: 40px; padding-right: 40px; padding-top: 40px; } .slider-wrapper .uk-dotnav { display: flex !important; } .uk-slider-container.slider-wrapper.uk-margin.uk-slider { margin-top: 0 !important; padding-left: 25px; padding-right: 25px; padding-bottom: 40px; background-color: #EFF0F0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .slider-wrapper .uk-padding-small { padding: 0; } .slider-wrapper .uk-position-center-left { display: none; } .slider-wrapper .uk-position-center-right { display: none; } .slider-wrapper .uk-dotnav>*>* { width: 8px; height: 8px; } .slider-wrapper .uk-dotnav>.uk-active>* { background-color: #3EB1C8; } // Icon List styles .list_wrapper { margin-bottom: 4rem; } .list_wrapper .el-item { margin-bottom: 1.5rem; } .list_wrapper .el-item .el-image { width: 48px; } .uk-h1.list_title { font-size: 32px !important; margin-top: 4rem; margin-bottom: 1.5rem; } // Customer Review Slider .customer_review_slider .el-item { display: flex; flex-direction: column; } .customer_review_slider .el-item .el-content { order: 1; } .customer_review_slider .el-item .el-content em { color: #000; } .customer_review_slider .el-item .el-content { padding-bottom: 20px; } .customer_review_slider .el-item picture { order: 2; } .customer_review_slider .el-item picture { padding-bottom: 20px; } .customer_review_slider .el-item h3 { order: 3; margin-top: 0 !important; } .customer_review_slider .el-image { width: 150px; margin-top: 2rem; } .customer_review_slider .uk-position-center-left-out { display: none; } .customer_review_slider .uk-position-center-right-out { display: none; } .customer_review_slider .el-title { font-size: 18px; font-style: italic; font-weight: 700; } .customer_review_slider .uk-position-relative { background-color: #EFF0F0; padding: 40px; border-radius: 10px; } .customer_review_slider .uk-dotnav { display: flex !important; } .customer_review_slider .uk-dotnav>*>* { width: 8px; height: 8px; } .customer_review_slider .uk-dotnav>.uk-active>* { background-color: #3EB1C8; } // Product-overviews form styles .form_wrapper_product-overviews .uk-width-large { width: 100%; } // Contact-us page styles start here .form_container { border-radius: 10px; background-color: #fff; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10); padding: 40px; display: flex; flex-direction: column; width: 100%; position: relative; top: 0; z-index: 10; } #contact_form_wrapper form { width: 100% !important; display: flex; position: relative; flex-flow: wrap; } #contact_form_wrapper .mktoForm { padding: 0; } #contact_form_wrapper .mktoForm .mktoFormRow { display: flex; flex-direction: column; width: 100%; } #contact_form_wrapper .mktoForm .mktoFormCol { margin-bottom: 20px !important; width: 100%; /* margin: 0 auto; */ } #contact_form_wrapper .mktoFormRow:nth-of-type(1) .mktoFieldWrap { display: flex; flex-direction: column; } #contact_form_wrapper .mktoFormRow:nth-of-type(10) .mktoFieldWrap { display: flex; flex-direction: row-reverse; align-items: flex-start; width: inherit; } #contact_form_wrapper #mktoForm_1067 .mktoFormRow:nth-of-type(10) .mktoFieldWrap { display: block; } #contact_form_wrapper .mktoFieldWrap { display: flex; width: 100%; flex-direction: column; } #contact_form_wrapper .mktoForm .mktoLabel { margin-bottom: 12px; font-size: 14px; line-height: 18.2px; font-weight: 700; width: 100% !important; position: relative; display: flex; flex-direction: row-reverse; justify-content: flex-end; } #contact_form_wrapper .mktoForm .mktoLabel > strong { padding: 0px !important; } #contact_form_wrapper .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date] { width: 100% !important; height: 40px !important; border-radius: 6px; border: 1px solid #BBBCBC; } .mktoForm { width: 100% !important;} #contact_form_wrapper .mktoForm select.mktoField, .mktoForm input[type=text], .mktoForm input[type=number], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm textarea.mktoField { width: 100% !important; height: 40px !important; border-radius: 6px; border: 1px solid #BBBCBC; } .mktoForm .mktoFormCol { float: none !important;} .mktoForm .mktoFieldWrap { float: none !important; width: 100% !important; } #contact_form_wrapper .mktoForm select.mktoField { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"%3E%3Cpath fill-rule="evenodd" d="M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3E%3C/svg%3E') no-repeat right 10px center; background-color: #fff; background-size: 16px 16px; cursor: pointer; } #contact_form_wrapper .mktoForm textarea.mktoField { height: 76px !important; padding: 10px; width: 100%; } #contact_form_wrapper .mktoCheckboxList > input { width: 24px; height: 24px; border-radius: 6px; } #contact_form_wrapper .mktoLogicalField.mktoCheckboxList { width: 24px !important; position: absolute; } #contact_form_wrapper .mktoForm .mktoGutter { display: none; } #contact_form_wrapper .mktoForm .mktoOffset { display: none; } #contact_form_wrapper .mktoButtonRow { width: 100%; } #contact_form_wrapper .mktoButtonWrap { margin-left: inherit !important; } #contact_form_wrapper .mktoForm .mktoButtonWrap.mktoSimple .mktoButton { background: #606eb2; border: none; background-image: inherit; padding: 10px 20px 10px 20px !important; border-radius: 26px; font-size: 16px; font-weight: 700; line-height: 1; } #contact_form_wrapper .mktoForm .mktoAsterix { color: #000; } .address_list_wrapper { margin: 40px 0; } /* Media Query */ // S-Screen @media (min-width: 320px) and (max-width: 470px) { .form_wrapper { padding: 40px 20px; margin-bottom: 70px !important; } .form_wrapper.uk-position-absolute { padding: 1.5rem; } #req_form_wrapper .mktoForm .mktoFormRow { width: 100%; } #req_form_wrapper .mktoForm input[type=email] { width: 100% !important; } #req_form_wrapper .mktoForm input[type=text], input[type=tel], input[type=number], input[type=date] { width: 100% !important; } .customer_review_slider { margin-bottom: 30px !important; } #partner-content { padding: 0; margin: 0; } #logo_white-paper img { width: 50%; display: block; } /* Custom CSS For How Violations Work BLOG */ .hero_one_content_wrapper-violation { padding: 40px; } .hero_two_wrapper-violation { } .wrapper_form_col { width: 100%; } } @media (min-width: 470px) and (max-width: 768px) { .form_wrapper { margin-bottom: 70px !important; } #logo_white-paper img { width: 50%; display: block; } /* Custom CSS For How Violations Work BLOG */ .hero_one_content_wrapper-violation { padding: 40px; } .wrapper_form_col { width: 100%; } } // M-Screen @media (min-width: 1023px) { .form_container { position: absolute; top: 74px; width: 45%; } .wrapper_form_col { width: 590px; margin: 0 auto; } } // L-Screen @media (min-width: 1200px) { .form_wrapper { margin-bottom: 0; } .form_wrapper.uk-position-absolute { position: absolute !important; } // Contact page form .form_container { width: 42%; } #contact_form_wrapper form { width: 583px !important; } #contact_form_wrapper .mktoForm .mktoFormRow { width: 47%; flex-direction: row; gap: 20px; align-items: center; justify-content: space-between; } #contact_form_wrapper .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date] { width: 100% !important; } #contact_form_wrapper .mktoForm select.mktoField, .mktoForm textarea.mktoField { width: 523px !important } #contact_form_wrapper .mktoForm input[type=email] { width: 523px !important; } #contact_form_wrapper .mktoFormRow:nth-of-type(1){ width: 100%; } #contact_form_wrapper .mktoFormRow:nth-of-type(4) { width: 100%; } #contact_form_wrapper .mktoFormRow:nth-of-type(9) { width: 100%; } #contact_form_wrapper .mktoFormRow:nth-of-type(10) { width: 92%; } // Partner page #partner-content { padding-bottom: 0; margin-bottom: 0; } #partner_form_wrapper form { width: 583px !important; } #partner_form_wrapper .mktoForm .mktoFormRow { width: 47%; flex-direction: row; gap: 20px; align-items: start; justify-content: space-between; } #partner_form_wrapper .mktoFormRow:nth-of-type(7) { width: 92%; } #partner_form_wrapper .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email] { width: 249px!important; } #partner_form_wrapper .mktoForm input[type=tel] { width: 249px!important; } #partner_form_wrapper .mktoForm input[type=number] { width: 249px!important; } .wrapper_form_col { width: 590px; margin: 0 auto; } /* Global Content Download form */ #bestpass-global_form .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=number], .mktoForm input[type=tel], .mktoForm input[type=email] { width: 100% !important; } }