/* Public V2 presentation. Loaded only by the reviewed public pages. */ /* One outer content measure, matching the existing Bootstrap shell. */ #header .header-container, #header > .container, .main > .container, .main > section > .container, #footer > .container, #newfooter > .container, #footer .footer-copyright > .container, #newfooter .footer-copyright > .container { max-width:1170px; } /* The two existing footer regions remain after the content on short pages. */ #form1 > .body { display:flex; flex-direction:column; min-height:100vh; } #form1 > .body > .main { flex:1 0 auto; } #form1 > .body > #footer { margin-top:auto; } #form1 > .body > #footer, #form1 > .body > #newfooter { flex:none; } /* Remove the previous artificial form spacer. The existing footer provides scroll room. */ .twl-t3-form { padding-bottom:32px; } .twl-t3-form .featured-boxes .featured-box { height:auto !important; } .twl-t3-form .featured-boxes .featured-box .box-content { height:auto !important; } /* Retain the original heading and field text, and use a complete phone-width action. */ .twl-t3-signup .input-group-lg > .input-group-btn, .twl-t4-signup .input-group-lg > .input-group-btn, .twl-t5-signup .input-group-lg > .input-group-btn { width:auto; } .twl-t3-signup [id$="btnApplyPromoCode"], .twl-t4-signup [id$="btnApplyPromoCode"], .twl-t5-signup [id$="btnApplyPromoCode"] { min-width:96px; min-height:46px; white-space:nowrap; text-overflow:clip; } /* Footer headings should be distinguishable from body copy. */ #footer h4, #newfooter h4 { font-size:22px; line-height:1.4; } #footer h4 a, #newfooter h4 a { font-size:inherit !important; line-height:inherit; } #footer .social-icons, #newfooter .social-icons { display:flex; flex-wrap:nowrap; gap:6px; } #footer .social-icons li, #newfooter .social-icons li { margin:0; } #footer .social-icons li a, #newfooter .social-icons li a { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; } #footer .social-icons li a i, #newfooter .social-icons li a i { line-height:1; font-size:18px; } #header .header-nav-main nav > ul > li > a[style*="red"] { color:#00689d !important; } #form1 .body #countdown li span { color:#00689d; } @media (min-width:1025px) { #footer > .container > .row > [class*="col-md-"], #newfooter > .container > .row > [class*="col-md-"] { width:25%; } } #footer .container, #newfooter .container { overflow-wrap:break-word; } /* Countdown units stay together at every public page width. */ #form1 .body #countdown { display:flex; flex-wrap:nowrap; justify-content:center; gap:8px; width:100%; max-width:480px; margin:28px auto; padding:0; list-style:none; } #form1 .body #countdown > li { display:block; flex:1 1 0; min-width:0; margin:0; padding:0 2px; text-align:center; } #form1 .body #countdown > li > span { color:#00689d; font-size:40px; line-height:1.2; } #form1 .body #countdown > li > p { margin:8px 0 0; font-size:14px; line-height:1.4; } .twl-t3-pricing .pricing-table .plan li, .twl-t4-pricing .pricing-table .plan li, .twl-t5-pricing .pricing-table .plan li { font-size:14px; line-height:1.6; } .twl-t3-pricing .pricing-table .plan [style*="background-color: red"], .twl-t4-pricing .pricing-table .plan [style*="background-color: red"], .twl-t5-pricing .pricing-table .plan [style*="background-color: red"] { background-color:#00689d !important; } /* Public content focus and control sizing without reaching widget or popup forms. */ .main .form-control { min-height:44px; font-size:16px; } .main .btn { min-height:44px; } .main a:focus-visible, .main button:focus-visible, .main input:focus-visible, .main select:focus-visible { outline:3px solid #00689d; outline-offset:3px; } @media (min-width:992px) and (max-width:1024px) { #header .header-btn-collapse-nav { display:block; } #header .header-nav-main.collapse { display:none !important; } #header .header-nav-main.collapse.in { display:block !important; } #header .header-nav-main { position:absolute; top:100%; left:15px; right:15px; margin:0 !important; padding:12px; background:#fff; border:1px solid #e5e8eb; box-shadow:0 5px 12px #0002; z-index:100; } #header .header-nav-main nav > ul { display:flex; flex-direction:column; float:none; } #header .header-nav-main nav > ul > li { float:none; width:100%; margin:0; } #header .header-nav-main nav > ul > li > a { display:flex; width:100%; margin:0; } #footer > .container > .row > [class*="col-md-"] { width:25%; } } @media (max-width:1024px) { #header .header-nav-main nav > ul > li > a { font-size:14px; min-height:44px; } #header .header-nav-main.collapse.in { max-height:calc(100vh - 160px); max-height:calc(100dvh - 160px); overflow-y:auto; overscroll-behavior:contain; } #header .header-nav-main.collapse.in nav { max-height:none !important; overflow:visible !important; } .main > .container, .main > section > .container { max-width:100%; } } @media (max-width:768px) { .twl-t3-form { padding-bottom:24px; } #footer h4, #newfooter h4 { margin-top:20px; } } @media (max-width:480px) { #form1 .body #countdown { gap:4px; } #form1 .body #countdown > li > span { font-size:28px; } .twl-t3-pricing .section-default .row:has(.thumb-info), .twl-t4-pricing .section-default .row:has(.thumb-info), .twl-t5-pricing .section-default .row:has(.thumb-info) { display:flex; flex-wrap:wrap; } .twl-t3-pricing .section-default .row > .col-xs-12:has(.thumb-info), .twl-t4-pricing .section-default .row > .col-xs-12:has(.thumb-info), .twl-t5-pricing .section-default .row > .col-xs-12:has(.thumb-info) { flex:0 0 50%; width:50%; min-width:0; } .twl-t3-pricing .thumb-info .thumb-info-caption-text, .twl-t4-pricing .thumb-info .thumb-info-caption-text, .twl-t5-pricing .thumb-info .thumb-info-caption-text { font-size:14px !important; line-height:1.5; overflow-wrap:break-word; } .twl-t3-login .form-group .pull-right { float:right !important; display:inline-flex; align-items:center; padding-top:0; min-height:44px; } .twl-t3-login .form-group .pull-right + label { display:inline-flex; align-items:center; min-height:44px; } .twl-t3-signup .input-group-lg, .twl-t4-signup .input-group-lg, .twl-t5-signup .input-group-lg { display:flex; flex-direction:column; gap:8px; width:100%; } .twl-t3-signup .input-group-lg > .form-control, .twl-t4-signup .input-group-lg > .form-control, .twl-t5-signup .input-group-lg > .form-control, .twl-t3-signup .input-group-lg > .input-group-btn, .twl-t4-signup .input-group-lg > .input-group-btn, .twl-t5-signup .input-group-lg > .input-group-btn { display:block; width:100%; flex:none; border-radius:4px; } .twl-t3-signup [id$="btnApplyPromoCode"], .twl-t4-signup [id$="btnApplyPromoCode"], .twl-t5-signup [id$="btnApplyPromoCode"] { width:100%; border-radius:4px; margin:0; } } /* Inline promotional badge backgrounds are protected source bytes. Paint the existing shape in the brand accent. */ .twl-t3-pricing .plan span[style*="background: red"], .twl-t4-pricing .plan span[style*="background: red"], .twl-t5-pricing .plan span[style*="background: red"] { box-shadow:inset 0 0 0 100px #00689d; } .twl-en-home .btn-danger, .twl-t4-home .btn-danger, :is(.twl-t5-home,.twl-t5-index) .btn-danger { background-color:#00689d; border-color:#00689d; } .twl-en-home em[style*="lime"], .twl-t4-home em[style*="lime"], :is(.twl-t5-home,.twl-t5-index) em[style*="lime"] { -webkit-text-fill-color:#00689d; } .twl-t3-pricing .call-to-action-in-footer, .twl-t4-pricing .call-to-action-in-footer, .twl-t5-pricing .call-to-action-in-footer { margin-bottom:48px !important; } #footer .newsletter .input-group, #footer .twl-public-newsletter .input-group { display:flex; width:100%; } #footer .newsletter .input-group > input, #footer .twl-public-newsletter .input-group > input { min-width:0; flex:1 1 auto; width:0; } #footer .newsletter .input-group > .input-group-btn, #footer .twl-public-newsletter .input-group > .input-group-btn { flex:0 0 auto; width:auto; } @media (max-width:1024px) { #header .header-nav-top { white-space:nowrap; } #header .header-nav-top select { min-height:44px; width:130px; max-width:130px; font-size:14px; line-height:1.4; padding:4px 6px; border:1px solid #ccd4db; border-radius:4px; } } @media (max-width:480px) { .twl-en-home .testimonial blockquote, .twl-t4-home .testimonial blockquote, :is(.twl-t5-home,.twl-t5-index) .testimonial blockquote { padding:24px 20px; } .twl-en-home .testimonial blockquote p, .twl-t4-home .testimonial blockquote p, :is(.twl-t5-home,.twl-t5-index) .testimonial blockquote p { font-size:16px; line-height:1.7; } .twl-en-home .testimonial .testimonial-author:not(:has(img)) p, .twl-t4-home .testimonial .testimonial-author:not(:has(img)) p, :is(.twl-t5-home,.twl-t5-index) .testimonial .testimonial-author:not(:has(img)) p { margin-left:0; padding-left:0; } .twl-en-home .testimonial a, .twl-t4-home .testimonial a, :is(.twl-t5-home,.twl-t5-index) .testimonial a { display:block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .twl-t3-pricing p, .twl-t4-pricing p, .twl-t5-pricing p { font-size:14px; } } @media (min-width:992px) { /* Original five-column footer: stack its two short final sections into one column. */ #footer .container > .row:has(> .col-md-2 ~ .col-md-2) { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:0; row-gap:24px; } #footer .container > .row:has(> .col-md-2 ~ .col-md-2) > [class*="col-md-"] { float:none; width:auto !important; min-width:0; } #footer .container > .row:has(> .col-md-2 ~ .col-md-2) > .col-md-3, #footer .container > .row:has(> .col-md-2 ~ .col-md-2) > .col-md-4 { grid-row:1 / span 2; } #footer .container > .row:has(> .col-md-2 ~ .col-md-2) > .col-md-3:has(.newsletter) { grid-column:1; } #footer .container > .row:has(> .col-md-2 ~ .col-md-2) > .col-md-4 { grid-column:2; } #footer .container > .row:has(> .col-md-2 ~ .col-md-2) > .col-md-3:not(:has(.newsletter)) { grid-column:3; } #footer .container > .row:has(> .col-md-2 ~ .col-md-2) > .col-md-2 { grid-column:4; grid-row:1; } #footer .container > .row:has(> .col-md-2 ~ .col-md-2) > .col-md-2 ~ .col-md-2 { grid-row:2; } #footer .container > .row:has(> .col-md-2 ~ .col-md-2) > .col-md-1 { display:none; } } /* Public review galleries keep the same readable content measure as the shell. */ [id$="dvClients"] { width:100%; max-width:1170px; margin:0 auto; padding:0 15px; column-count:3; column-gap:24px; } [id$="dvClients"] > .col-md-3 { float:none; display:inline-block; vertical-align:top; width:100% !important; padding:0; margin-bottom:24px; break-inside:avoid; } [id$="dvClients"] > p[style*="float: left"] { display:none; } [id$="dvClients"] .testimonial blockquote { padding:24px 20px; } [id$="dvClients"] .testimonial blockquote p { font-size:16px !important; line-height:1.65; } [id$="dvClients"] .testimonial-author-thumbnail { max-width:100%; min-height:0; margin-bottom:16px; } [id$="dvClients"] .testimonial-author-thumbnail img { display:block; width:auto !important; height:auto !important; max-width:180px !important; max-height:100px; object-fit:contain; } [id$="dvClients"] .testimonial-author p { margin-left:0; font-size:16px; line-height:1.5; overflow-wrap:break-word; } [id$="dvClients"] .testimonial a { display:block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } @media (min-width:1200px) { .main > .container, .main > section > .container, [id$="dvClients"] { width:1170px !important; max-width:100%; } } @media (min-width:992px) and (max-width:1199px) { .main > .container, .main > section > .container, [id$="dvClients"] { width:970px !important; max-width:100%; } } @media (min-width:768px) and (max-width:991px) { .main > .container, .main > section > .container, [id$="dvClients"] { width:750px !important; max-width:100%; } } @media (max-width:1279px) { [id$="dvClients"] { column-count:2; } } @media (max-width:767px) { [id$="dvClients"] { column-count:1; } } @media (max-width:480px) { .twl-en-reviews h2, .twl-t4-reviews h2, .twl-t5-reviews h2 { font-size:28px; line-height:1.3; } } .main ul:not([class]) li, .main ul.list li { color:#3f4c57; } @media (max-width:768px) { .twl-en-affiliate .timeline:before, .twl-en-affiliate .timeline:after, .twl-t4-affiliate .timeline:before, .twl-t4-affiliate .timeline:after, .twl-t5-affiliate .timeline:before, .twl-t5-affiliate .timeline:after { display:none; } .twl-en-affiliate .timeline .timeline-box, .twl-t4-affiliate .timeline .timeline-box, .twl-t5-affiliate .timeline .timeline-box { float:none; width:100%; margin:0 0 24px; } .twl-en-affiliate .timeline .timeline-box:before, .twl-en-affiliate .timeline .timeline-box:after, .twl-t4-affiliate .timeline .timeline-box:before, .twl-t4-affiliate .timeline .timeline-box:after, .twl-t5-affiliate .timeline .timeline-box:before, .twl-t5-affiliate .timeline .timeline-box:after { display:none; } } .twl-t4-signup em.alternative-font, .twl-t5-signup em.alternative-font { font-family:inherit; font-size:inherit; line-height:inherit; } @media (min-width:481px) { .twl-t3-signup .input-group-lg, .twl-t4-signup .input-group-lg, .twl-t5-signup .input-group-lg { display:flex; gap:8px; align-items:stretch; width:100%; } .twl-t3-signup .input-group-lg > .form-control, .twl-t4-signup .input-group-lg > .form-control, .twl-t5-signup .input-group-lg > .form-control { flex:1 1 0; min-width:0; width:0 !important; border-radius:4px; } .twl-t3-signup .input-group-lg > .input-group-btn, .twl-t4-signup .input-group-lg > .input-group-btn, .twl-t5-signup .input-group-lg > .input-group-btn { display:block; flex:0 0 auto; width:auto !important; } } @media (max-width:767px) { #header .header-container { position:relative; display:block; height:140px !important; min-height:140px; } #header .header-logo { position:absolute !important; left:15px; top:12px; margin:0 !important; } #header .header-nav-top { position:absolute; right:15px; top:12px; margin:0; } #header .header-btn-collapse-nav { position:absolute; right:15px; top:76px; margin:0; } } /* Language home heroes, scoped to the current page-local home classes. T5 currently uses index; home is retained as an equivalent future alias. */ @media (max-width: 1024px) { :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container :is(.top-label, .bottom-label) { font-size: 14px !important; line-height: 1.4 !important; } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .main-label[data-y="350"] > a { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 44px !important; font-size: 18px !important; line-height: 1.3 !important; } } @media (max-width: 768px) { :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) { --twl-v2-hero-height: 340px; --twl-v2-hero-top: 28px; --twl-v2-hero-title: 86px; --twl-v2-hero-description: 145px; --twl-v2-hero-button: 228px; --twl-v2-hero-art: clamp(160px, 31vw, 240px); } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) :is(.slider-container, .slider-container .slider, .slider-container .rev_slider, .forcefullwidth_wrapper_tp_banner, .tp-fullwidth-forcer) { height: var(--twl-v2-hero-height) !important; min-height: var(--twl-v2-hero-height) !important; } /* Remove the slider's viewport scaling from text, as on English home. */ :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .tp-parallax-wrap:has(.tp-caption:is(.top-label, .main-label[data-y="210"], .bottom-label, .main-label[data-y="350"])) { left: 16px !important; width: calc(100vw - 32px) !important; max-width: calc(100% - 32px) !important; height: auto !important; transform: none !important; z-index: 6 !important; } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .tp-parallax-wrap:has(.top-label) { top: var(--twl-v2-hero-top) !important; } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .tp-parallax-wrap:has(.main-label[data-y="210"]) { top: var(--twl-v2-hero-title) !important; } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .tp-parallax-wrap:has(.bottom-label) { top: var(--twl-v2-hero-description) !important; } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .tp-parallax-wrap:has(.main-label[data-y="350"]) { top: var(--twl-v2-hero-button) !important; } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .tp-parallax-wrap:has(.tp-caption:is(.top-label, .main-label[data-y="210"], .bottom-label, .main-label[data-y="350"])) :is(.tp-loop-wrap, .tp-mask-wrap) { position: relative !important; left: 0 !important; top: 0 !important; width: 100% !important; max-width: 100% !important; height: auto !important; overflow: visible !important; transform: none !important; } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .tp-caption:is(.top-label, .main-label[data-y="210"], .bottom-label, .main-label[data-y="350"]) { position: relative !important; left: 0 !important; top: 0 !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; padding: 0 !important; text-align: left !important; white-space: normal !important; transform: none !important; } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .main-label[data-y="210"] { font-size: 28px !important; line-height: 1.2 !important; } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .bottom-label { width: 280px !important; } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .main-label[data-y="350"] > a { width: 230px !important; max-width: 100% !important; min-width: 0 !important; padding: 10px 14px !important; white-space: normal !important; transform: none !important; } /* Keep the original artwork in its own right-hand area beside the CTA. */ :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .tp-parallax-wrap:has(img[src*="HandPhone"]) { left: auto !important; right: 0 !important; top: auto !important; bottom: 0 !important; width: var(--twl-v2-hero-art) !important; height: auto !important; aspect-ratio: 477 / 380; transform: none !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; z-index: 5 !important; } /* Unlike English, translated source images have no width/height attributes. Give every generated art wrapper a real width instead of inheriting the slider's initially zero-width mask and scaled caption. */ :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .tp-parallax-wrap:has(img[src*="HandPhone"]) :is(.tp-loop-wrap, .tp-mask-wrap, .tp-caption) { position: relative !important; left: 0 !important; top: 0 !important; width: var(--twl-v2-hero-art) !important; min-width: var(--twl-v2-hero-art) !important; max-width: none !important; height: auto !important; overflow: visible !important; transform: none !important; opacity: 1 !important; visibility: visible !important; } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container img[src*="HandPhone"] { display: block !important; width: var(--twl-v2-hero-art) !important; max-width: none !important; height: auto !important; transform: none !important; opacity: 1 !important; visibility: visible !important; } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .tp-parallax-wrap:has(img[src*="slide-title-border"]) { display: none !important; } } @media (max-width: 480px) { :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) { --twl-v2-hero-height: 280px; --twl-v2-hero-top: 20px; --twl-v2-hero-title: 72px; --twl-v2-hero-description: 114px; --twl-v2-hero-button: 188px; --twl-v2-hero-art: clamp(70px, calc(100vw - 260px), 130px); } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .main-label[data-y="210"] { font-size: 24px !important; } :is(.twl-t4-home, .twl-t5-home, .twl-t5-index) .slider-container .bottom-label { width: 230px !important; } } /* Final visual pass: demonstration panels follow their contents. */ .twl-t3-demo, .twl-t4-demo-header, .twl-t4-livedemo, .twl-t5-livedemo {padding-bottom:32px !important;} .twl-t3-demo .featured-boxes .featured-box, .twl-t4-demo-header .featured-boxes .featured-box, .twl-t4-livedemo .featured-boxes .featured-box, .twl-t5-livedemo .featured-boxes .featured-box {height:auto !important;min-height:0 !important;} .twl-t3-demo .featured-boxes .box-content, .twl-t4-demo-header .featured-boxes .box-content, .twl-t4-livedemo .featured-boxes .box-content, .twl-t5-livedemo .featured-boxes .box-content {height:auto !important;min-height:0 !important;} #footer h4 {white-space:normal;overflow-wrap:anywhere;} /* Keep emphasis readable on the existing blue promise band. */ :is(.twl-t4-index,.twl-t5-index) section.section-primary h4 em.alternative-font {color:#fff !important;-webkit-text-fill-color:#fff !important;} /* Standalone source widths must retain their viewport cap at the copyright. */ #footer .footer-copyright > .container, #newfooter .footer-copyright > .container, .main:is(.twl-en-reviews,.twl-t4-reviews,.twl-t5-reviews) > .col-md-12 { float:none; width:1170px !important; max-width:100%; margin-left:auto; margin-right:auto; } @media (min-width:992px) and (max-width:1199px) { #footer .footer-copyright > .container, #newfooter .footer-copyright > .container, .main:is(.twl-en-reviews,.twl-t4-reviews,.twl-t5-reviews) > .col-md-12 {width:970px !important;} } @media (min-width:768px) and (max-width:991px) { #footer .footer-copyright > .container, #newfooter .footer-copyright > .container, .main:is(.twl-en-reviews,.twl-t4-reviews,.twl-t5-reviews) > .col-md-12 {width:750px !important;} } /* Remove only the empty side columns beside existing review article prose. */ .main:is(.twl-en-reviews,.twl-t4-reviews,.twl-t5-reviews) > .col-md-12 .featured-boxes > .row:has(> .col-sm-8 > p) > .col-sm-2 {display:none;} .main:is(.twl-en-reviews,.twl-t4-reviews,.twl-t5-reviews) > .col-md-12 .featured-boxes > .row > .col-sm-8:has(> p) {float:none;width:100%;} /* Keep the existing collapse toggle and anchor its opaque panel below the logo. */ @media (max-width:991px) { #header .header-container {position:relative;} #header .header-container :is(.header-row,.header-column,.header-nav) {position:static;} #header .header-nav-main { position:absolute; top:100%; left:15px; right:15px; margin:0 !important; padding:12px; background:#fff; border:1px solid #e5e8eb; box-shadow:0 5px 12px #0002; z-index:100; } } /* Translated desktop captions fit the original space left of the handset. */ @media (min-width:1025px) { :is(.twl-t4-home,.twl-t5-home,.twl-t5-index) .slider-container .main-label[data-y="210"] { font-size:42px !important; line-height:1.2 !important; width:480px !important; max-width:480px !important; white-space:normal !important; } :is(.twl-t4-home,.twl-t5-home,.twl-t5-index) .slider-container .top-label { font-size:20px !important; line-height:1.3 !important; width:400px !important; max-width:400px !important; white-space:normal !important; } :is(.twl-t4-home,.twl-t5-home,.twl-t5-index) .slider-container .bottom-label { font-size:16px !important; line-height:1.4 !important; width:430px !important; max-width:430px !important; white-space:normal !important; } :is(.twl-t4-home,.twl-t5-home,.twl-t5-index) .slider-container .tp-parallax-wrap:has(.main-label[data-y="210"]) :is(.tp-loop-wrap,.tp-mask-wrap) {width:480px !important;height:auto !important;overflow:visible !important;} :is(.twl-t4-home,.twl-t5-home,.twl-t5-index) .slider-container .tp-parallax-wrap:has(.top-label) :is(.tp-loop-wrap,.tp-mask-wrap) {width:400px !important;height:auto !important;overflow:visible !important;} :is(.twl-t4-home,.twl-t5-home,.twl-t5-index) .slider-container .tp-parallax-wrap:has(.bottom-label) :is(.tp-loop-wrap,.tp-mask-wrap) {width:430px !important;height:auto !important;overflow:visible !important;} } /* Keep the two original English demo videos widescreen on narrow phones. */ @media (max-width:480px) { .twl-t3-demo .featured-boxes .box-content > p > iframe.embed-responsive-item[src*="youtube.com/embed/"] { display:block; width:100%; height:auto !important; aspect-ratio:16 / 9; } } /* V4 contrast (WCAG AA 4.5:1): the template skin blue #0088cc becomes #0074ae (hover/active #006699) with the skin's own selectors. */ a { color:#0074ae; } a:active { color:#006699; } html .heading-primary, html .lnk-primary, html .text-color-primary { color:#0074ae !important; } html .heading.heading-primary h1, html .heading.heading-primary h2, html .heading.heading-primary h3, html .heading.heading-primary h4, html .heading.heading-primary h5, html .heading.heading-primary h6 { border-color:#0074ae; } html .background-color-primary { background-color:#0074ae !important; } .alternative-font { color:#0074ae; } html .blockquote-primary { border-color:#0074ae !important; } p.drop-caps:first-letter { color:#0074ae; } p.drop-caps.drop-caps-style-2:first-letter { background-color:#0074ae; } ul.nav-pills > li.active > a { background-color:#0074ae; } ul.nav-pills > li.active > a:hover, ul.nav-pills > li.active > a:focus { background-color:#0074ae; } html ul.nav-pills-primary a { color:#0074ae; } html ul.nav-pills-primary a:active { color:#006699; } html ul.nav-pills-primary > li.active > a { background-color:#0074ae; } html ul.nav-pills-primary > li.active > a:hover, html ul.nav-pills-primary > li.active > a:focus { background-color:#0074ae; } .sort-source-wrapper .nav > li.active > a { color:#0074ae; } .sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus { color:#0074ae; } .sort-source.sort-source-style-2 > li.active > a:after { border-top-color:#0074ae; } html .label-primary { background-color:#0074ae; } .btn-link { color:#0074ae; } .btn-link:active { color:#006699; } html .btn-primary { background-color:#0074ae; border-color:#0074ae #0074ae #006699; } html .btn-primary:hover { border-color:#0099e6 #0099e6 #006699; } html .btn-primary:active, html .btn-primary:focus, html .btn-primary:active:hover, html .btn-primary:active:focus { border-color:#006699 #006699 #006699; background-color:#006699; } html .btn-primary.dropdown-toggle { border-left-color:#006699; } html .btn-primary-scale-2:hover { border-color:#006699 #006699 #005580; background-color:#006699; } html .btn-borders.btn-primary { border-color:#0074ae; color:#0074ae; } html .btn-borders.btn-primary:hover, html .btn-borders.btn-primary:focus { background-color:#0074ae; border-color:#0074ae #0074ae #006699; border-color:#0074ae !important; } html .btn-borders.btn-primary:hover:hover, html .btn-borders.btn-primary:focus:hover { border-color:#0099e6 #0099e6 #006699; } html .btn-borders.btn-primary:hover:active, html .btn-borders.btn-primary:focus:active, html .btn-borders.btn-primary:hover:focus, html .btn-borders.btn-primary:focus:focus, html .btn-borders.btn-primary:hover:active:hover, html .btn-borders.btn-primary:focus:active:hover, html .btn-borders.btn-primary:hover:active:focus, html .btn-borders.btn-primary:focus:active:focus { border-color:#006699 #006699 #006699; background-color:#006699; } html .btn-borders.btn-primary:hover.dropdown-toggle, html .btn-borders.btn-primary:focus.dropdown-toggle { border-left-color:#006699; } .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color:#0074ae; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color:#0074ae !important; border-color:#0074ae; } body.dark .pagination > li > a, body.dark .pagination > li > span, body.dark .pagination > li > a:hover, body.dark .pagination > li > span:hover, body.dark .pagination > li > a:focus, body.dark .pagination > li > span:focus { color:#0074ae; } body.dark .pagination > .active > a, body.dark .pagination > .active > span, body.dark .pagination > .active > a:hover, body.dark .pagination > .active > span:hover, body.dark .pagination > .active > a:focus, body.dark .pagination > .active > span:focus { background-color:#0074ae; border-color:#0074ae; } .pagination > .active > a, body.dark .pagination > .active > a { background-color:#0074ae; border-color:#0074ae #0074ae #006699; } .pagination > .active > a:hover, body.dark .pagination > .active > a:hover { border-color:#0099e6 #0099e6 #006699; } .pagination > .active > a:active, body.dark .pagination > .active > a:active, .pagination > .active > a:focus, body.dark .pagination > .active > a:focus, .pagination > .active > a:active:hover, body.dark .pagination > .active > a:active:hover, .pagination > .active > a:active:focus, body.dark .pagination > .active > a:active:focus { border-color:#006699 #006699 #006699; background-color:#006699; } .pagination > .active > a.dropdown-toggle, body.dark .pagination > .active > a.dropdown-toggle { border-left-color:#006699; } html .alert-primary { background-color:#0074ae; } html .progress-bar-primary { background-color:#0074ae; } html section.section-primary { background-color:#0074ae !important; border-color:#006699 !important; } section.page-header h1 { border-bottom-color:#0074ae; } section.page-header.custom-product { background-color:#006699; } html .page-header-color.page-header-primary { background-color:#0074ae; border-bottom-color:#0074ae; } html .toggle-primary .toggle label { color:#0074ae; border-left-color:#0074ae; border-right-color:#0074ae; } html .toggle-primary .toggle.active > label { background-color:#0074ae; border-color:#0074ae; } html .toggle-primary.toggle-simple .toggle > label:after { background-color:#0074ae; } .thumb-info .thumb-info-type { background-color:#0074ae; } .thumb-info .thumb-info-action-icon { background-color:#0074ae; } .thumb-info-social-icons a { background-color:#0074ae; } .thumbnail .zoom { background-color:#0074ae; } .img-thumbnail .zoom { background-color:#0074ae; } html .thumb-info .thumb-info-action-icon-primary { background-color:#0074ae; } .thumb-info-ribbon { background:#0074ae; } .inverted { background-color:#0074ae; } html .inverted-primary { background-color:#0074ae; } .owl-carousel.show-nav-title .owl-nav [class*="owl-"] { color:#0074ae; } .owl-carousel .owl-nav [class*="owl-"] { background-color:#0074ae; border-color:#0074ae #0074ae #006699; } .owl-carousel .owl-nav [class*="owl-"]:hover { border-color:#0099e6 #0099e6 #006699; } .owl-carousel .owl-nav [class*="owl-"]:active, .owl-carousel .owl-nav [class*="owl-"]:focus, .owl-carousel .owl-nav [class*="owl-"]:active:hover, .owl-carousel .owl-nav [class*="owl-"]:active:focus { border-color:#006699 #006699 #006699; background-color:#006699; } .owl-carousel .owl-nav [class*="owl-"].dropdown-toggle { border-left-color:#006699; } html body .tabs .nav-tabs a, html.dark body .tabs .nav-tabs a, html body .tabs .nav-tabs a:hover, html.dark body .tabs .nav-tabs a:hover { color:#0074ae; } html body .tabs .nav-tabs a:hover, html.dark body .tabs .nav-tabs a:hover, html body .tabs .nav-tabs a:focus, html.dark body .tabs .nav-tabs a:focus { border-top-color:#0074ae; } html body .tabs .nav-tabs li.active a, html.dark body .tabs .nav-tabs li.active a { border-top-color:#0074ae; color:#0074ae; } html body .tabs .nav-tabs.nav-justified a:hover, html.dark body .tabs .nav-tabs.nav-justified a:hover, html body .tabs .nav-tabs.nav-justified a:focus, html.dark body .tabs .nav-tabs.nav-justified a:focus { border-top-color:#0074ae; } html body .tabs.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs.tabs-bottom .nav-tabs li a:hover, html body .tabs.tabs-bottom .nav-tabs li.active a, html.dark body .tabs.tabs-bottom .nav-tabs li.active a, html body .tabs.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs.tabs-bottom .nav-tabs li.active a:hover, html body .tabs.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs.tabs-bottom .nav-tabs li.active a:focus { border-bottom-color:#0074ae; } html body .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a, html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus { border-left-color:#0074ae; } html body .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover, html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a, html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover, html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus { border-right-color:#0074ae; } html body .tabs.tabs-simple .nav-tabs > li.active a, html.dark body .tabs.tabs-simple .nav-tabs > li.active a, html body .tabs.tabs-simple .nav-tabs > li.active a:focus, html.dark body .tabs.tabs-simple .nav-tabs > li.active a:focus, html body .tabs.tabs-simple .nav-tabs > li a:hover, html.dark body .tabs.tabs-simple .nav-tabs > li a:hover, html body .tabs.tabs-simple .nav-tabs > li.active a:hover, html.dark body .tabs.tabs-simple .nav-tabs > li.active a:hover { border-top-color:#0074ae; color:#0074ae; } html body .tabs-primary .nav-tabs li a, html.dark body .tabs-primary .nav-tabs li a, html body .tabs-primary .nav-tabs.nav-justified li a, html.dark body .tabs-primary .nav-tabs.nav-justified li a, html body .tabs-primary .nav-tabs li a:hover, html.dark body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover { color:#0074ae; } html body .tabs-primary .nav-tabs li a:hover, html.dark body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover { border-top-color:#0074ae; } html body .tabs-primary .nav-tabs li.active a, html.dark body .tabs-primary .nav-tabs li.active a, html body .tabs-primary .nav-tabs.nav-justified li.active a, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a, html body .tabs-primary .nav-tabs li.active a:hover, html.dark body .tabs-primary .nav-tabs li.active a:hover, html body .tabs-primary .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover, html body .tabs-primary .nav-tabs li.active a:focus, html.dark body .tabs-primary .nav-tabs li.active a:focus, html body .tabs-primary .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus { border-top-color:#0074ae; color:#0074ae; } html body .tabs-primary.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color:#0074ae; } html body .tabs-primary.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-bottom-color:#0074ae; } html body .tabs-primary.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover { border-left-color:#0074ae; } html body .tabs-primary.tabs-vertical.tabs-left li.active a, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a, html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover, html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus { border-left-color:#0074ae; } html body .tabs-primary.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover { border-right-color:#0074ae; } html body .tabs-primary.tabs-vertical.tabs-right li.active a, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a, html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover, html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus { border-right-color:#0074ae; } html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover, html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a, html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover, html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus { border-right-color:#0074ae; } html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover, html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a, html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover, html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus { border-left-color:#0074ae; } .list.list-icons li .fa, .list.list-icons li .icons { color:#0074ae; border-color:#0074ae; } .list.list-icons.list-icons-style-3 li .fa, .list.list-icons.list-icons-style-3 li .icons { background-color:#0074ae; } .list.list-ordened li:before { color:#0074ae; border-color:#0074ae; } .list.list-ordened.list-ordened-style-3 li:before { background-color:#0074ae; } html .list-primary.list-icons li .fa, html .list-primary.list-icons li .icons { color:#0074ae; border-color:#0074ae; } html .list-primary.list-icons.list-icons-style-3 li .fa, html .list-primary.list-icons.list-icons-style-3 li .icons { background-color:#0074ae; } html .list-primary.list-ordened li:before { color:#0074ae; } html .list-primary.list-ordened.list-ordened-style-3 li:before { background-color:#0074ae; } .parallax blockquote i.fa-quote-left { color:#0074ae; } section.video blockquote i.fa-quote-left { color:#0074ae; } .panel-group .panel-heading a { color:#0074ae; } html .panel-group.panel-group-primary .panel-heading { background-color:#0074ae !important; } html .divider.divider-primary .fa, html .divider.divider-primary .icons { color:#0074ae; } html .divider.divider-primary.divider-small hr { background:#0074ae; } html .divider.divider-style-2.divider-primary .fa, html .divider.divider-style-2.divider-primary .icons { background:#0074ae; } html .divider.divider-style-3.divider-primary .fa, html .divider.divider-style-3.divider-primary .icons { border-color:#0074ae; } #header .tip { background:#0074ae; } #header .tip:before { border-right-color:#0074ae; } html #header .tip-primary { background:#0074ae !important; } html #header .tip-primary:before { border-right-color:#0074ae !important; } html[dir="rtl"] #header .tip.skin:before { border-left-color:#0074ae; } #header .header-btn-collapse-nav { background:#0074ae; } @media (min-width: 992px) { #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a { background:#0074ae; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { border-top-color:#0074ae; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after { border-color:transparent transparent transparent #0074ae; } #header .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu { border-top-color:#0074ae; } #header .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li.dropdown-submenu > a:after { border-color:transparent #0074ae transparent; } #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu { border-top-color:#0074ae; } #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu li a { color:#0074ae; } #header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a { color:#0074ae; } #header .header-nav.header-nav-stripe nav > ul > li:hover > a { background-color:#0074ae; } #header .header-nav.header-nav-top-line nav > ul li.active > a, #header .header-nav.header-nav-top-line nav > ul li:hover > a { color:#0074ae; } #header .header-nav.header-nav-top-line nav > ul li.active > a:before, #header .header-nav.header-nav-top-line nav > ul li:hover > a:before { background:#0074ae; } #header .header-nav.header-nav-dark-dropdown nav > ul li.active > a, #header .header-nav.header-nav-dark-dropdown nav > ul li:hover > a { color:#0074ae; } html.side-header #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu, html.side-header #header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu { border-left-color:#0074ae; } html.side-header-right #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu, html.side-header-right #header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu { border-right-color:#0074ae; } } @media (min-width: 992px) { html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a { color:#0074ae; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.active > a, html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a { background:#0074ae; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu { border-top-color:#0074ae; background-color:#0074ae; } } @media (max-width: 991px) { #header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover { color:#0074ae; } #header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li.active > a:focus, #header .header-nav-main nav > ul > li.active > a:hover { background-color:#0074ae; } } @media (max-width: 991px) { html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a { color:#0074ae; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.active > a { background:#0074ae; } } html #header .header-top.header-top-primary { background:#0074ae; border-top-color:#006699; } @media (min-width: 992px) { html #header .header-nav-bar-primary { background:#0074ae !important; } } @media (min-width: 992px) { #header .header-nav-main.header-nav-main-light nav > ul > li.open > a, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a { color:#0074ae; } #header .header-nav-main.header-nav-main-light nav > ul > li.active > a { color:#0074ae; } } .circular-bar.only-icon .fa, .circular-bar.only-icon .icons { color:#0074ae; } html .counters .counter-primary .fa, html .counters .counter-primary .icons, html .counters .counter-primary strong { color:#0074ae; } .icon-featured { background-color:#0074ae; } .featured-box-primary .icon-featured { background-color:#0074ae; } .featured-box-primary .icon-featured:after { border-color:#0074ae; } .featured-box-primary h4 { color:#0074ae; } .featured-box-primary .box-content { border-top-color:#0074ae; } html .featured-box-primary .icon-featured { background-color:#0074ae; } html .featured-box-primary h4 { color:#0074ae; } html .featured-box-primary .box-content { border-top-color:#0074ae; } html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured { border-color:#0074ae; color:#0074ae; } html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured { border-color:#0074ae; color:#0074ae; } html .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured { color:#0074ae; } html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured { color:#0074ae; } html .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured { color:#0074ae; } html .featured-box-effect-2.featured-box-primary .icon-featured:after { box-shadow:0 0 0 3px #0074ae; } html .featured-box-effect-3.featured-box-primary .icon-featured:after { box-shadow:0 0 0 10px #0074ae; } html .featured-box-effect-3.featured-box-primary:hover .icon-featured { background:#0074ae !important; } .feature-box .feature-box-icon { background-color:#0074ae; } html .feature-box-primary .feature-box-icon { background-color:#0074ae; } .feature-box.feature-box-style-2 .feature-box-icon i.fa, .feature-box.feature-box-style-2 .feature-box-icon .icons { color:#0074ae; } html .feature-box-primary.feature-box-style-2 .feature-box-icon i.fa, html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons { color:#0074ae; } .feature-box.feature-box-style-3 .feature-box-icon { border-color:#0074ae; } .feature-box.feature-box-style-3 .feature-box-icon i.fa, .feature-box.feature-box-style-3 .feature-box-icon .icons { color:#0074ae; } html .feature-box-primary.feature-box-style-3 .feature-box-icon { border-color:#0074ae; } html .feature-box-primary.feature-box-style-3 .feature-box-icon i.fa, html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons { color:#0074ae; } .feature-box.feature-box-style-4 .feature-box-icon i.fa, .feature-box.feature-box-style-4 .feature-box-icon .icons { color:#0074ae; } html .feature-box-primary.feature-box-style-4 .feature-box-icon i.fa, html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons { color:#0074ae; } .feature-box.feature-box-style-5 .feature-box-icon i.fa, .feature-box.feature-box-style-5 .feature-box-icon i.icons { color:#0074ae; } html .feature-box-primary.feature-box-style-5 .feature-box-icon i.fa, html .feature-box-primary.feature-box-style-5 .feature-box-icon i.icons { color:#0074ae; } html .feature-box-primary.feature-box-style-6 .feature-box-icon i.fa, html .feature-box-primary.feature-box-style-6 .feature-box-icon i.icons { color:#0074ae; } html .featured-boxes-full-scale > [class*="col-"]:nth-child(2) .featured-box-full-primary { background-color:#006699; } html .featured-boxes-full-scale > [class*="col-"]:nth-child(3) .featured-box-full-primary { background-color:#0074ae; } html .featured-boxes-full .featured-box-full-primary { background-color:#0074ae; } .pricing-table .most-popular { border-color:#0074ae; } .pricing-table .most-popular h3 { background-color:#0074ae !important; } .pricing-table.princig-table-flat .plan h3 { background-color:#0074ae; } .pricing-table.princig-table-flat .plan h3 span { background:#0074ae; } html .call-to-action.featured.featured-primary { border-top-color:#0074ae; } html .call-to-action.call-to-action-primary { background:#0074ae; } html .call-to-action.with-full-borders-primary { border-color:#0074ae; } html .call-to-action.call-to-action-primary { background:#0074ae; } section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before { background:#0074ae; box-shadow:0 0 0 3px #ffffff, 0 0 0 6px #0074ae; } ul.history li .featured-box .box-content { border-top-color:#0074ae; } .recent-posts .date .month, article.post .post-date .month { background-color:#0074ae; } .recent-posts .date .day, article.post .post-date .day { color:#0074ae; } .slider .tp-bannertimer { background-color:#0074ae; } .home-concept strong { color:#0074ae; } html .home-intro-primary { background:#0074ae; } html .slider-container .tp-caption-overlay-primary { background:#0074ae; } .tparrows.tparrows-carousel.tp-leftarrow, .tparrows.tparrows-carousel.tp-rightarrow { background-color:#0074ae; border-color:#0074ae #0074ae #006699; } .tparrows.tparrows-carousel.tp-leftarrow:hover, .tparrows.tparrows-carousel.tp-rightarrow:hover { border-color:#0099e6 #0099e6 #006699; } .tparrows.tparrows-carousel.tp-leftarrow:active, .tparrows.tparrows-carousel.tp-rightarrow:active, .tparrows.tparrows-carousel.tp-leftarrow:focus, .tparrows.tparrows-carousel.tp-rightarrow:focus, .tparrows.tparrows-carousel.tp-leftarrow:active:hover, .tparrows.tparrows-carousel.tp-rightarrow:active:hover, .tparrows.tparrows-carousel.tp-leftarrow:active:focus, .tparrows.tparrows-carousel.tp-rightarrow:active:focus { border-color:#006699 #006699 #006699; background-color:#006699; } .tparrows.tparrows-carousel.tp-leftarrow.dropdown-toggle, .tparrows.tparrows-carousel.tp-rightarrow.dropdown-toggle { border-left-color:#006699; } .shop ul.products li.product .onsale { background-color:#0074ae; } .shop .star-rating span, .shop .cart-totals tr.total .amount { color:#0074ae; } #footer .footer-ribbon { background:#0074ae; } #footer.light h1, #footer.light h2, #footer.light h3, #footer.light h4, #footer.light a { color:#0074ae; } #footer.color { background:#0074ae; border-top-color:#0074ae; } #footer.color .footer-copyright { background:#006699; border-top-color:#006699; } html #footer.color-primary { background:#0074ae; border-top-color:#0074ae; } html #footer.color-primary .footer-copyright { background:#006699; border-top-color:#006699; } .sample-icon-list .sample-icon a:hover { background-color:#0074ae; } html.boxed .body { border-top-color:#0074ae; } /* V4 contrast: page-level colours the skin rules above do not reach. */ [style*="background-color: #0088cc" i], [style*="background-color:#0088cc" i] { background-color: #0074ae !important; } html body .content > .container:has(> p:first-child) > h5 { color: #0074ae !important; } html .featured-box-secondary h4 { color: #db352b; } html .featured-box-tertiary h4 { color: #218186; } .CurCode, .pricing-table .plan ul li strong, .thumb-info-caption .thumb-info-caption-text { color: #6b6b6b; } .progress-label span { color: #5f5f5f; } /* Testimonials over the dark photo: the author name in white and the site link in the light blue the English home already uses. */ .section-text-light .testimonial .testimonial-author strong { color: #fff; } .section-text-light .testimonial .testimonial-author a { color: #b4e9ff !important; } html .btn-success.btn-3d, html .btn-success.btn-3d:hover, html .btn-success.btn-3d:focus { color: #1d2a09; } span[style*="background: red"] { position: relative; z-index: 0; } span[style*="background: red"]::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: 15px; background: #e00000; } /* V4 (owner 122 a): demo pop-up and "Talk With us" button reach WCAG AA. Only the failing colours are darkened, just enough; hover (orange) and the thank-you buttons keep their look. The pop-up script injects its own