:root { --lqd-container-width-md: 970px; --lqd-container-width-sm: 750px; --lqd-color-primary: #e20b0b; --lqd-body-text-color: #626974; --lqd-color-link: #5b7bfb; --lqd-color-link-hover: #181b31; --lqd-color-dark: #292929; --lqd-color-blue-900: #0a1e26; --lqd-color-gray-100: #f2f2f2; --lqd-color-gray-200: #e6e6e6; --lqd-color-gray-300: #b7b9c4; --lqd-color-gray-400: #7a7a7a; --lqd-color-gray-500: #666666; --lqd-color-gray-600: #3a3a3a; --lqd-color-gray-700: #202020; --lqd-color-gray-800: #151515; --lqd-color-gray-900: #191919; --lqd-color-green-700: #121b1d; --lqd-color-green-900: #0b1415; --lqd-color-slate-300: rgba(9, 94, 193, 0.11); --lqd-color-slate-400: #99a4a8; --lqd-color-red-100: rgba(193, 9, 9, 0.11); --lqd-color-red-300: #f03a22; --lqd-color-red-500: #c41313; --lqd-color-yellow-500: #ffda01; --lqd-body-font-family: 'Be Vietnam Pro', sans-serif; --lqd-body-font-size: 17px; --lqd-body-line-height: 1.64em; --lqd-heading-font-family: var(--lqd-body-font-family); --lqd-heading-font-weight: 500; --lqd-heading-line-height: 1.2em; --lqd-heading-color: #000; --lqd-h1-font-size: 55px; --lqd-h1-font-weight: 700; --lqd-h1-line-height: 1em; --lqd-h2-font-size: 40px; --lqd-h2-line-height: 1.25em; --lqd-h3-font-size: 30px; --lqd-h3-line-height: 1.4em; --lqd-h4-font-size: 28px; --lqd-h5-font-size: 18px; --lqd-h5-line-height: 1.21em; --lqd-h6-font-size: 13px; --lqd-h6-font-weight: 700; --lqd-h6-text-transform: uppercase; --lqd-h6-letter-spacing: 0.1em; --lqd-cc-size-inner: 12px; --lqd-cc-active-bw: 1px; --lqd-cc-active-bg: #fff; --lqd-cc-active-bc: #fff; --lqd-cc-active-circle-color: #fff; } @media (max-width: 991px) { h2.text-init { font-size: var(--lqd-h2-font-size); } } /* ***** Site Header ***** */ .main-header.is-stuck .lqd-head-sec-wrap { padding-top: 0; } .main-header .lqd-stickybar-wrap { --padding-top: 5vh; --padding-bottom: 5vh; } .nav-trigger:hover { color: #fff; } .nav-trigger.style-2 .bar:before, .nav-trigger.style-2 .bar:after { background: #fff; } @media (max-width: 1199px) { .module-head-sec { padding-right: 10px; padding-left: 10px; } } /* ***** Typography ***** */ @media (max-width: 991px) { h2.module-h2 { font-size: 45px; } } @media (max-width: 767px) { h2.module-h2 { font-size: 9.5vw; } } /* ***** Banner ***** */ .banner .module-title { margin-bottom: -12%; } .lqd-imggrp-single[data-hover3d] { perspective: 1200px; } .lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container { transform-style: preserve-3d; } @media (max-width: 1199px) { .banner h1 { font-size: 95px; } } @media (max-width: 991px) { .banner h1 { font-size: 8vw; } } @media (max-width: 767px) { .banner h1 { font-size: 10vw; } } /* ***** About ***** */ @media (max-width: 991px) { .about { padding-top: 30px; padding-bottom: 10px; } } /* ***** Case Studies ***** */ @media (max-width: 991px) { .case-studies h2 { font-size: 45px; } } @media (max-width: 767px) { .case-studies .module-case-studies { padding-right: 20px; padding-left: 20px; } .case-studies .module-case-studies-2, .case-studies .module-case-studies-3 { padding-right: 15px; padding-left: 15px; } } /* ***** Accordion Design ***** */ .accordion-design .accordion-item.active .accordion-title a { border-color: #ffffff; color: #ffffff; } @media (max-width: 991px) { .accordion-design h2 { margin-bottom: 1.25em; font-size: 45px; } } @media (max-width: 767px) { .accordion-design h2 { font-size: 11vw; } } /* ***** Team ***** */ @media (max-width: 991px) { .team { padding-top: 20px; } .team .module-spacer { height: 55px; } } /* ***** Clients ***** */ @media (max-width: 767px) { .clients-page .ld-img-hover-opacity { padding-top: 40px; padding-bottom: 40px; } } /* ***** Testimonials ***** */ .testimonials-page .carousel-dots { position: relative; top: auto; right: auto; bottom: -25px; left: auto; } .testimonials-page .lqd-carousel-slides-current { color: #ffffff; } .testimonials-page .lqd-carousel-slides-numbers svg, .testimonials-page .lqd-carousel-slides-numbers { color: rgba(255, 255, 255, 0.4); } .testimonials-page .lqd-carousel-numbers-line path { opacity: 1; } .testimonials-page .lqd-carousel-numbers-line path:last-of-type { stroke: #ffffff; } @media (max-width: 991px) { .testimonials-page { padding-top: 60px; padding-bottom: 60px; } } /* ***** Approach ***** */ @media (max-width: 991px) { .approach h2 { font-size: 45px; } } /* ***** Footer ***** */ @media (max-width: 991px) { .page-footer .module-first h2 { font-size: 45px; } } .one-bullet-list li:before { content: ''; display: inline-block; width: 4px; height: 4px; margin-inline-end: 1em; border-radius: 50em; background: #000; } /* ***** Main Header ***** */ .main-header .main-nav { --lqd-menu-items-right-padding: 20px; --lqd-menu-items-left-padding: 20px; } .main-header .btn-solid { --btn-ps: 1.5em; --btn-pe: 1.5em; } .main-header .main-nav .link-sup { top: -2em; inset-inline-end: 1em; font-size: .625em; line-height: 1; } .main-header .lqd-stickybar-wrap .nav-trigger { transform: rotate(-90deg); } /* Left Sticky */ .main-header .lqd-stickybar-wrap { --padding-top: 22px; } .main-header .is-stuck .lqd-stickybar-wrap { padding-top: 0; } .main-header .lqd-stickybar-inline-start .lqd-head-col:not(:first-child) { flex-grow: 1; } .main-header .ld-module-sd>.nav-trigger { height: auto; } .main-header .lqd-active-row-dark .nav-trigger .bar:before, .main-header .lqd-active-row-dark .nav-trigger .bar:after { background: #fff; } .main-header .lqd-active-row-dark .lqd-scrl-indc-line { background-color: #ffffff; } /* Left Side */ .main-header .ld-module-dropdown { width: 450px; } /* ***** Site Header ***** */ .site-header .main-nav { --lqd-menu-items-right-padding: 15px; --lqd-menu-items-left-padding: 15px; } .site-header .module-dropdown { width: 350px; } /* ***** Lity Modal ***** */ .lqd-modal[data-modal-type=fullscreen] { padding: 25px 2em; } .lqd-contact-form { --input-margin-bottom: 13px; --inputs-margin: 0 0 var(--input-margin-bottom) 0; } .lity-modal .ld-fancy-heading h2 span { font-family: 'DM Serif Text', serif; font-style: italic; } @media (max-width: 1199px) { .lity-modal .ld-fancy-heading h2 { font-size: 48px; line-height: 1em; } } @media (max-width: 767px) { .lity-modal .lqd-modal-content { padding-top: 60px; padding-bottom: 60px; } .lity-modal .lqd-modal-content .module-col { margin-bottom: 100px; } } @media (max-width: 767px) { .lity-modal .ld-fancy-heading h2 { font-size: 34px; } } /* ***** Contact Info ***** */ @media (max-width: 767px) { .contact-info .module-content { margin-bottom: 20px; } } /* ***** Lets Talk ***** */ @media (max-width: 991px) { .lets-talk h2 { font-size: 80px; } } @media (max-width: 767px) { .lets-talk h2 { font-size: 16vw; margin-bottom: 0.5em; } } /* ***** Page Footer ***** */ @media (max-width: 991px) { .page-footer .module-top { padding-top: 50px; } }