:root,body {--bs-primary-color: #16a225;--bs-primary-rgb: 22, 162, 37;--bs-primary-color-rgb: 22, 162, 37;--bs-primary-bg-subtle: rgba(22, 162, 37, 0.1);--agex-primary: #3623bd;--agex-secondary: #69bdfa;--agex-gray: #f6f5f2;--agex-gray-text: #6c757d;}h1,h2,h3,h4,h5,h6 {font-family: 'Montserrat', sans-serif !important;}.top-header {padding: 5px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.05);position: relative;z-index: 99999;background: var(--agex-primary);}.top-header-list {display: flex;list-style: none;margin: 0;padding: 0;margin-right: 20px;}.top-header-link {margin-left: 20px;}.top-header-link:first-child {margin-left: 0;}.top-header-link a {font-weight: 500;font-size: 15px;text-decoration: none;transition: color 0.3s ease;color: #fff !important;}.top-header-link a:hover {color: var(--agex-secondary) !important;}@media (max-width: 767px) {.top-header {display: none;}}.tra-menu .wsmainfull {padding: 0 0 40px;margin-top: 40px;}.tra-menu.white-scroll .wsmainfull.scroll,.white-menu.white-scroll .wsmainfull.scroll,.tra-menu.border-header.white-scroll .wsmainfull.scroll {margin-top: 0;background-color: rgba(255, 255, 255, 1) !important;}.flaticon-phone-call:before {font-size: 15px !important;}.btn.btn-primary {background-color: var(--bs-primary-color);border-color: var(--bs-primary-color);}.terms-w {padding: 100px 0;}/* Monprevi template overrides */.footer-oec {position: relative;width: 100px;bottom: 40px;}.footer a {color: #000;}.footer a:hover,.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link:hover {color: var(--agex-primary);}#hero-11 {background-image: none !important;}.timeline-section {background: #fff;}.timeline {display: flex;align-items: center;justify-content: center;padding: 2rem 0;position: relative;overflow-x: auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;}.timeline::-webkit-scrollbar {display: none;}.timeline-item {min-width: 280px;max-width: 370px;padding: 2rem;scroll-snap-align: start;position: relative;transition: 0.3s ease;}.timeline-item::after {content: "";position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #e5e7eb;}.timeline-item:last-child::after {display: none;}.timeline-number {font-size: 4rem;font-weight: 800;line-height: 1;margin-bottom: 1rem;background: linear-gradient(135deg, #000 0%, #333 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;opacity: 0.1;transition: 0.3s ease;}.timeline-item:hover .timeline-number {opacity: 0.2;transform: scale(1.1);}.timeline-content {position: relative;z-index: 1;}.timeline-tag {display: inline-block;padding: 0.25rem 0.75rem;background: #f3f4f6;border-radius: 3rem;font-size: 0.875rem;color: #374151;margin-bottom: 0.75rem;transition: 0.3s ease;}.timeline-item:hover .timeline-tag {background: #000;color: #fff;}@media (max-width: 768px) {.timeline {flex-direction: column;padding: 1rem;}.timeline-item {min-width: 100%;margin-bottom: 2rem;}.timeline-item::after {width: 100%;height: 1px;bottom: -1rem;right: 0;}}.inner-page-hero {padding-top: 100px;}.pricing-table-header {position: relative;display: flex;flex-direction: column;}.thumbnail {cursor: pointer;}.fullscreen {background-color: #333;}#header {transition: opacity 0.3s ease, visibility 0.3s ease;}#header.hidden {opacity: 0;visibility: hidden;}.rel,section,.container {position: relative !important;z-index: auto;}.pricing-1-table {padding: 45px 35px;}.pricing-table-header {position: relative;}.pricing-table-header h5 {margin-bottom: 30px;}h5.h5-md {font-size: 1rem;}.price span {color: var(--header-color, #120036);font-family: 'Plus Jakarta Sans', sans-serif;font-size: 3rem;line-height: 1;font-weight: 600;letter-spacing: -2px;}.price sup {font-family: 'Plus Jakarta Sans', sans-serif;color: var(--header-color, #120036);font-size: 2.05rem;font-weight: 600;top: -5px;right: 2px;letter-spacing: -1px;}.price sup.validity {font-family: 'Plus Jakarta Sans', sans-serif;font-size: 1.4rem;font-weight: 400;top: -2px;left: 0;}.price p {font-size: 15px;margin: 20px 0;color: #111827;}.pricing-features li {padding: 11px 8px;font-size: 14px;line-height: 1;font-weight: 400;margin-bottom: 0;}.pricing-features li::before {content: "\f145";font-family: flaticon !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1 !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 0.75rem;color: var(--theme-color-secondary);top: 12px;margin-right: 8px;}.text-gray-600 {color: #4b5563;}.font-bold {font-weight: 700;}/* Blog article content */.single-post-txt p {margin-bottom: 1.2rem;color: #1f2937;}.single-post-txt ul,.single-post-txt ol {padding-left: 1rem;margin-bottom: 1.5rem;}.single-post-txt ul li,.single-post-txt ol li {position: relative;padding-left: 1rem;margin-bottom: 0.6rem;color: #374151;}.single-post-txt ul li::before {content: "";position: absolute;left: 0;top: 0.65rem;width: 8px;height: 8px;border-radius: 999px;background: var(--agex-primary);}.single-post-txt ol {list-style: decimal;}.single-post-txt blockquote {margin: 1.5rem 0;padding: 1.25rem 1.5rem;border-left: 4px solid var(--agex-primary);background: var(--agex-gray);color: #1f2937;border-radius: 6px;font-style: italic;}.single-post-txt blockquote p:last-child {margin-bottom: 0;padding-bottom: 0;}.single-post-txt h1,.single-post-txt h2,.single-post-txt h3,.single-post-txt h4,.single-post-txt h5,.single-post-txt h6 {margin-top: 1.5rem;margin-bottom: 0.75rem;line-height: 1.25;}.single-post-txt h1 + p,.single-post-txt h2 + p,.single-post-txt h3 + p,.single-post-txt h4 + p,.single-post-txt h5 + p,.single-post-txt h6 + p {margin-top: 0.25rem;}.container-file .vich-file {width: 600px;}/** BOOK VIEWER **/ .book-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.9); display: none; align-items: center; justify-content: center; z-index: 10000; padding: 16px; }.book-wrapper {position: relative;display: flex;align-items: center;justify-content: center;/*width: min(1200px, calc(100vw - 48px));*//*height: min(90vh, calc(100vh - 64px));*/height: 100%;aspect-ratio: 1.3/1;width: auto;background: transparent;padding: 12px;border-radius: 10px;overflow: hidden;}#book {width: 100%;height: 100%;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}.page {background: #fff;}.book-nav {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(0, 0, 0, 0.6);color: #fff;border: none;width: 44px;height: 44px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 28px;line-height: 1;z-index: 9999;transition: background 0.2s ease, transform 0.2s ease;}.book-nav:hover {background: rgba(0, 0, 0, 0.8);transform: translateY(-50%) scale(1.03);}.book-nav--prev {left: 16px;}.book-nav--next {right: 16px;}.book-close {position: absolute;top: 15px;right: 15px;background: transparent;border: none;color: #fff;font-size: 40px;line-height: 40px;cursor: pointer;z-index: 99999;}.page canvas {width: 100%;height: 100%;object-fit: contain;display: block;}.terms-w,.blog-page-section {padding-top: 190px;}img.footer-logo {max-height: 90px;}/* Template Name: Pintex - Mobile App & Software Landing Page Template Theme URL: https://themeforest.net/user/jthemes Description: Pintex - Mobile App Landing Page Template Author: Jthemes Author URL: https://themeforest.net/user/jthemes Version: 1.0.0 Website: https://www.jthemes.com/ Tags: Responsive, HTML5 template, Jthemes, Mobile, Application, Software, One Page, Landing, Digital Product, Mobile App*//* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ */@media (min-width: 1399px) { /* SIGN IN / SIGN UP */ .register-page-form { padding-top: 200px; padding-bottom: 220px; } .reset-page-wrapper { padding-top: 230px; padding-bottom: 260px; }}/* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ */@media (min-width: 1200px) { html { font-size: 115.6%; } /*------------------------------------------*/ /* BASE /*------------------------------------------*/ /* Button */ .btn { padding: 0.8rem 1.7rem; } .btn.ico-20.ico-left, .btn.ico-20.ico-right { padding: 0.8rem 1.15rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { padding: 0.75rem 1.35rem; } .btn.ico-30.ico-left { padding: 0.286rem 0; } .btns-group .btn.ico-30.ico-left { padding: 0.286rem 0.5rem; } .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { top: 3px; } /* Watch Video Link */ .watch-video-link { width: 2.8rem; height: 2.8rem; } .watch-video-link span[class^="flaticon-"]:before, .watch-video-link span[class^="flaticon-"]:after { font-size: 1.75rem; line-height: 2.8rem!important; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Nav Link */ .wsmenu > .wsmenu-list > li > a { font-size: 0.9375rem; } /* Button */ .wsmenu > .wsmenu-list > li a.btn { font-size: 0.9rem; line-height: 28px; padding: 6px 22px 8px; margin: 12px 5px 0; } .wsmenu > .wsmenu-list > li a.btn.reg-btn { padding: 4px 20px 6px; } /* SubMenu, HalfMenu, MegaMenu */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { font-size: 0.9rem; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* FOOTER */ .footer p, .footer-form .form-control { font-size: 0.95rem; }}/* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ */@media (min-width: 992px) and (max-width: 1199.95px) { /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .py-60 { padding: 50px 0; } .py-70 { padding: 60px 0; } .py-80 { padding: 60px 0; } .py-90 { padding: 70px 0; } .py-100 { padding: 80px 0; } .pt-30 { padding-top: 24px; } .pt-40 { padding-top: 30px; } .pt-50 { padding-top: 40px; } .pt-60 { padding-top: 50px; } .pt-70 { padding-top: 60px; } .pt-80 { padding-top: 60px; } .pt-90 { padding-top: 70px; } .pt-100 { padding-top: 80px; } .pb-30 { padding-bottom: 24px; } .pb-40 { padding-bottom: 30px; } .pb-50 { padding-bottom: 40px; } .pb-60 { padding-bottom: 50px; } .pb-70 { padding-bottom: 60px; } .pb-80 { padding-bottom: 60px; } .pb-90 { padding-bottom: 70px; } .pb-100 { padding-bottom: 80px; } .mt-30 { margin-top: 24px; } .mt-40 { margin-top: 30px; } .mt-45 { margin-top: 35px; } .mt-50 { margin-top: 40px; } .mt-55 { margin-top: 45px; } .mt-60 { margin-top: 50px; } .mt-65 { margin-top: 55px; } .mt-70 { margin-top: 60px; } .mt-75 { margin-top: 60px; } .mt-80 { margin-top: 60px; } .mb-30 { margin-bottom: 24px; } .mb-40 { margin-bottom: 30px; } .mb-45 { margin-bottom: 35px; } .mb-50 { margin-bottom: 40px; } .mb-55 { margin-bottom: 45px; } .mb-60 { margin-bottom: 50px; } .mb-65 { margin-bottom: 55px; } .mb-70 { margin-bottom: 60px; } .mb-75 { margin-bottom: 60px; } .mb-80 { margin-bottom: 60px; } /* Headers */ h6 { font-size: 1rem; } /* 16px */ h6.h6-md { font-size: 1.125rem; }/* 18px */ h6.h6-lg { font-size: 1.18755rem; } /* 19px */ h6.h6-xl { font-size: 1.25rem; } /* 20px */ h5 { font-size: 1.3125rem; } /* 21px */ h5.h5-md { font-size: 1.375rem; }/* 22px */ h5.h5-lg { font-size: 1.5rem; } /* 24px */ h5.h5-xl { font-size: 1.625rem; }/* 26px */ h4 { font-size: 1.75rem; } /* 28px */ h4.h4-md { font-size: 1.875rem; }/* 30px */ h4.h4-lg { font-size: 2rem; }/* 32px */ h4.h4-xl { font-size: 2.125rem; }/* 34px */ h3 { font-size: 2.25rem; } /* 36px */ h3.h3-md { font-size: 2.3125rem; } /* 37px */ h3.h3-lg { font-size: 2.4375rem; } /* 39px */ h3.h3-xl { font-size: 2.5rem; } /* 40px */ h2 { font-size: 2.625rem; } /* 42px */ h2.h2-md { font-size: 2.75rem; } /* 44px */ h2.h2-lg { font-size: 2.875rem; }/* 46px */ h2.h2-xl { font-size: 3rem; }/* 48px */ h2.h2-title { font-size: 3.125rem; } /* 50px */ h6, h5, h4, h3, h2, h1 { line-height: 1.35; } /* Button */ .btn.btn-sm { font-size: 0.975rem; padding: 0.65rem 1.4rem; } .btn.ico-30.ico-left { padding: 0.3845rem 0; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.3845rem 0.5rem; } .btn.ico-25.ico-left,.btn.ico-25.ico-right { font-size: 1.1rem; padding: 0.6785rem 0.75rem; } /* Buttons Group */ .btns-group .btn:first-child { margin-right: 12px; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; line-height: 0.5rem!important;top: 3.5px; } .btn.ico-30.ico-left span.ico-30-txt { margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { margin-left: 0; } .btn.ico-30.ico-left span { right: 0; } .btn.ico-left span { margin-right: 4px; } .btn.ico-right span { margin-left: 4px; } /* Button Text */ p.btn-txt, p.btns-group-txt { margin: 12px 0 0 0; } .text-center p.btns-group-txt { margin-top: 18px; } .btn-rating { margin: 10px 0 0 0; } /* Transparent Link */ a.tra-link { font-size: 1.03125rem; } .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 2px; left: 2px; } /* OS Button */ .os-btn { width: 280px; min-width: 270px; padding: 16px 16px 14px; } .os-btn-ico { margin-right: 16px; } .os-btn-txt p { font-size: 1.0625rem; margin-top: 3px; margin-bottom: 5px; } .os-btn-txt span { font-size: 1rem; } /* Watch Video Link */ .watch-video-link { margin-right: 10px; } p.video-txt-lg { font-size: 1.125rem; } p.video-txt-sm { font-size: 1rem; } /* Vector Icon Background */ .ico-55 .shape-ico svg { width: 112px; height: 112px; top: -37px; left: calc(50% - 62px); } .ico-60 .shape-ico svg { width: 120px; height: 120px; top: -40px; left: calc(50% - 65px); } /* Vector Rounded Icons */ .ico-rounded { width: 74px; height: 74px; } .ico-rounded-md { width: 80px; height: 80px; } .ico-rounded-lg { width: 90px; height: 90px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after { font-size: 2.35rem; line-height: 74px!important; } .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:after { font-size: 2.5rem; line-height: 80px!important; } .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.875rem; line-height: 90px!important; } /* PNG Icons */ .img-80 img { width: 70px; height: 70px; } .img-75 img { width: 65px; height: 65px; } .img-70 img, .img-65 img, .img-60 img { width: 63px; height: 63px; } /* Section ID */ .section-id { font-size: 0.9rem; margin-bottom: 25px; } /* Section Title */ .section-title.mb-70 { margin-bottom: 55px; } .section-title.mb-100 { margin-bottom: 75px; } .section-title p { margin-top: 16px; } .section-title .btns-group { margin-top: 28px; } /* Compatibility */ .compatibility { margin-top: 10px; } /* Tools List / Payments Icons */ .tools-list p, .payment-methods p { margin-bottom: 10px; } .payment-icons img { max-height: 32px; } /* Quote */ .quote-avatar img { width: 54px; height: 54px; } .quote p { margin-bottom: 8px; } .quote-author { padding: 0 0 0 10px; } .quote.pr-15, .quote.pr-40, .quote.pr-50, .quote.pr-60 { padding-right: 0; } /* Users */ .txt-block .users { margin-top: 16px; } .users img { max-height: 40px; } .users p { font-size: 0.935rem; top: 12px; left: 6px; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Header Logo */ .desktoplogo img { max-height: 30px; } /* Nav Link */ .wsmenu > .wsmenu-list > li > a { font-size: 0.9875rem; margin: 0 5px; padding: 10px 15px; } .wsmenu > .wsmenu-list > li.reg-fst-link > a, .wsmenu > .wsmenu-list > li a.btn.fst-btn-link { margin-left: 10px; } /* Nav Link Info */ span.sm-info { width: 18px; height: 18px; font-size: 0.725rem; line-height: 17px; margin-left: 5px; } /* Button */ .wsmenu > .wsmenu-list > li a.btn { font-size: 0.95rem; line-height: 28px; margin-top: 15px; padding: 3px 22px 5px; } .wsmenu > .wsmenu-list > li a.btn.reg-btn { padding: 3px 20px 5px; } .wsmenu > .wsmenu-list > li.lang { margin-right: 12px; } .wsmenu > .wsmenu-list > li.lang > a { padding: 10px 14px 10px 6px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu { min-width: 110px!important; padding: 8px 5px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a { font-size: 0.95rem; } .wsmenu > .wsmenu-list > li a.store.header-store { margin-top: 15px; margin-left: 0; } .store.header-store img { max-height: 40px; } .header-socials a { margin-left: 13px; } .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.175rem; } /* SubMenu, HalfMenu, MegaMenu */ .wsmenu > .wsmenu-list > li > ul.sub-menu { min-width: 175px; padding: 6px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {min-width: 180px; padding: 6px; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 35%; padding: 6px 0; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { width: 76%!important; left: 22%; padding: 12px 5px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { font-size: 0.95rem; padding: 9px 12px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a { font-size: 0.935rem; padding: 9px 12px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 9px 12px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { top: 9px; right: 10px; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ /* HERO QUICK FORM */ .hero-section .quick-form .form-control, .hero-section .quick-form .btn { height: 60px; font-size: 1.1rem; } .hero-section .quick-form.form-half .form-control { height: 54px; font-size: 1.05rem; padding: 0 14px; } .hero-section .quick-form.form-half .btn { height: 54px; font-size: 1.05rem; padding: 13px 35px; margin-left: 10px; } .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; } /* Hero Advantages */ .hero-section .advantages { margin-top: 20px; } /* HERO DIGITS */ .hero-digits { padding-right: 10px; } .hero-digits h2.statistic-number { font-size: 3.15rem; } .hero-digits h2.statistic-number small { font-size: 2rem; } /* HERO-1 */ #hero-1 { padding-top: 140px; margin-bottom: 65px; } .hero-1-txt h2 { font-size: 3.25rem; line-height: 1.35; padding-right: 3%; } .hero-1-txt p.p-lg { margin-top: 18px; margin-bottom: 28px; } .hero-1-txt .os-version-ext { margin-top: 18px; } .hero-1-img { padding: 0 20px; margin-bottom: -65px; } /* HERO-2 */ #hero-2 { padding-top: 160px; padding-bottom: 110px; } .hero-2-txt h2 { font-size: 3.5rem; } .hero-2-txt p.p-xl { padding: 0 6%; margin-top: 15px; margin-bottom: 25px; } .hero-2-txt p.btn-txt { margin-top: 16px; } /* HERO-3 */ #hero-3 { padding-top: 150px; } .hero-3-txt h2 { font-size: 3.5rem; } .hero-3-txt p.p-xl { margin-top: 14px; margin-bottom: 28px; } .hero-3-txt .btn-txt { margin-top: 20px; } .hero-3-img { margin-top: 40px; padding: 0 3%; } /* HERO-4 */ #hero-4 { padding-top: 150px; } .hero-4-txt h2 { font-size: 3.25rem; } .hero-4-txt p.p-xl { padding: 0; margin-top: 20px; margin-bottom: 26px; } .hero-4-img { margin-top: 50px; } /* HERO-5 */ #hero-5 { padding-top: 140px; } .hero-5-txt h2 { font-size: 3.25rem; line-height: 1.35; } .hero-5-txt p.p-xl { padding-right: 0; margin-top: 18px; margin-bottom: 28px; } .hero-5-img { padding: 0 10px 0 5px; } /* HERO-6 */ #hero-6 { padding-top: 150px; } .hero-6-txt h2 { font-size: 3.15rem; } .hero-6-txt p.p-lg { padding: 0 3%; margin-top: 15px; margin-bottom: 25px; } .hero-6-img { margin-top: 50px; padding: 0 2%; } /* HERO-7 */ #hero-7 { padding-top: 130px; padding-bottom: 40px; } .hero-7-txt { margin-top: -25px; } .hero-7-txt h2 { font-size: 3.25rem; margin-bottom: 25px; } .hero-7-txt .os-version-ext { margin-top: 18px; } .hero-7-img { margin-bottom: -30%; } /* HERO-8 */ #hero-8 { padding-top: 150px; margin-bottom: 40px; } .hero-8-txt h2 { font-size: 3.35rem; padding-right: 5%; } .hero-8-txt p.p-lg { margin-top: 15px; margin-bottom: 25px; } .hero-8-txt .quick-form { margin-top: 28px; margin-right: 3%; } .hero-8-img { margin: 0 -95% -40px 0; } /* HERO-9 */ #hero-9 { padding-top: 150px; } .hero-9-txt { margin-top: -20px; } .hero-9-txt h2 { font-size: 3.65rem; } .hero-9-txt p.p-lg { margin-top: 20px; margin-bottom: 28px; } .hero-9-txt .os-version-ext { margin-top: 15px; } .hero-9-img { padding-left: 15px; } /* HERO-10 */ #hero-10 { padding-top: 150px; } .hero-10-txt h2 { font-size: 3.25rem; } .hero-10-txt p.p-lg { padding: 0; margin-top: 15px; margin-bottom: 25px; } .hero-10-txt p.btn-txt { margin-top: 25px; } #hero-10 .quick-form { margin: 25px 10% 0; } .hero-10-img { margin: 50px 15px 0; } /* HERO-11 */ #hero-11 { padding-top: 150px; } .hero-11-txt h2 { font-size: 3.15rem; } .hero-11-txt p.p-lg { margin-top: 16px; margin-bottom: 25px; } .hero-11-txt .quick-form { margin-top: 26px; margin-right: 2%; } .hero-11-img { padding-left: 16px; } /* HERO-12 */ #hero-12 { padding-top: 150px; } .hero-12-txt h2 { font-size: 3.6rem; } .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { margin-top: 16px; margin-bottom: 25px; } .hero-12-img { margin-top: 45px; } /* HERO-13 */ #hero-13 { padding-top: 90px; } .hero-13-txt h2 { font-size: 3.15rem; } .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { margin-top: 16px; margin-bottom: 25px; } .hero-13-txt .quick-form { margin-top: 30px; margin-right: 6%; } .hero-13-img { padding-right: 25px; } /* HERO-14 */ #hero-14 { padding-top: 150px; padding-bottom: 100px; } .hero-14-txt h2 { font-size: 4.15rem; line-height: 1.25; } .hero-14-txt p.p-xl { margin-top: 20px; margin-bottom: 30px; } /* HERO-15 */ #hero-15 { padding-top: 140px; margin-bottom: 90px; } .hero-15-txt .hero-app-logo img { max-height: 90px; margin-bottom: 22px; } .hero-15-txt { margin-top: -25px; padding-left: 15px; } .hero-15-txt h2 { font-size: 3.05rem; } .hero-15-txt p.p-lg { padding-right: 2%; margin-top: 16px; margin-bottom: 16px; } .hero-15-img { padding-right: 5px; margin-bottom: -90px; } /* HERO-16 */ #hero-16 { padding-top: 150px; } .hero-16-txt h2 { font-size: 3.5rem; } .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 20px; margin-bottom: 26px; padding: 0 5%; } .hero-16-img { padding: 55px 45px 0; margin-top: 50px; } /* HERO-17 */ #hero-17 { padding-top: 75px; } .hero-17-txt .hero-app-logo img { max-height: 84px; margin-bottom: 32px; } .hero-17-txt h2 { font-size: 3.8rem; line-height: 1.25; } .hero-17-txt p.p-md { margin-top: 15px; margin-bottom: 25px; } .hero-17-img { margin: 0 0 0 5px; } /* HERO-18 */ #hero-18 { padding-top: 90px; } .hero-18-txt .hero-app-logo img { max-height: 95px; margin-bottom: 30px; } .hero-18-txt h2 { font-size: 3.15rem; } .hero-18-txt p.p-xl { padding: 0 5%; margin-top: 22px; margin-bottom: 30px; } .hero-18-img { margin-top: 15px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ .about-1 { margin-bottom: 80px; } .about-2-title { margin-bottom: 18px; } .about-4-title { padding-right: 2%; } .about-1-txt h2 { font-size: 3.4rem; margin-bottom: 15px; } .about-1-txt h4 { padding-right: 0; } .about-1-img { margin-top: 50px; margin-bottom: -80px; } .about-3 .img-block.left-column { margin-right: 30px; } .about-3 .img-block.right-column { margin-left: 30px; } /* CAREERS */ .jobs-category { padding: 0 40px 15px; margin-bottom: 30px; } .jobs-category h4 { padding-top: 30px; margin-bottom: 10px; } .career-item { padding: 20px 0; } .position-link { top: 23px; right: 5px; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.3rem; } .more-careers { margin-top: 55px; } .more-careers-txt p { top: 7px; } .more-careers-btn { margin-left: 15px; } .more-careers-btn .btn { font-size: 0.935rem; padding: 0.65rem 1.55rem; } /* JOB POSITION */ .job-position-title { padding-top: 150px; padding-bottom: 60px; margin-bottom: 30px; } .job-position-title .position-data { margin-top: 12px; } .jb-txt h2 { padding-right: 18%; } .job-position-title .btn { font-size: 0.95rem; padding: 0.7rem 1.5rem; } .position-info h5 { margin: 40px 0 20px; } .position-info .btn { margin-top: 25px; } /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { padding-top: 24px; } .fbox-5-wrapper { padding: 55px 40px 65px; } .features-4 .section-title.mb-70 { margin-bottom: 45px; } .features-2 .section-title p.p-xl { font-size: 1.2rem; } .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3 { margin-bottom: 30px; } .rows-3 .fb-1, .rows-3 .fb-2, .rows-3 .fb-3, .rows-3 .fb-4 { margin-bottom: 30px; } .fbox-wrapper.left-align .rows-2 .fb-1, .fbox-wrapper.left-align .rows-2 .fb-2, .fbox-wrapper.left-align .rows-2 .fb-3 { margin-bottom: 35px; } .rows-4 .fb-1, .rows-4 .fb-2, .rows-4 .fb-3, .rows-4 .fb-4, .rows-4 .fbox-2.fb-1, .rows-4 .fbox-2.fb-2, .rows-4 .fbox-2.fb-3, .rows-4 .fbox-2.fb-4, .rows-4 .fbox-2.fb-5, .rows-4 .fbox-2.fb-6 { margin-bottom: 24px; } .fbox-3 { padding: 34px 15px 25px; } .fbox-4-txt { padding-left: 50px; } .fbox-4, .fbox-4.fb-5, .fbox-4.fb-6 { padding: 40px 30px; } .fbox-4.fb-7, .fbox-4.fb-8 { padding: 50px 35px 0; } .fbox-5 { padding: 50px 40px 45px; } .fbox-4.fb-1 .fbox-4-img { margin: 25px 14% 0; } .fbox-4.fb-2 .fbox-4-img, .fbox-4.fb-3 .fbox-4-img, .fbox-4.fb-4 .fbox-4-img { margin: 0 14% 25px; } .fbox-4.fb-5 .fbox-4-img, .fbox-4.fb-6 .fbox-4-img { margin: 25px 0 0; } .fbox-4.fb-7 .fbox-4-img, .fbox-4.fb-8 .fbox-4-img { margin: 30px 0 0; } .fbox-5-img img { max-height: 215px; margin-bottom: 25px; } .fbox-6 .fbox-img { margin-bottom: 25px; } .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 155px; } .fbox-7 .fbox-img.h-175, .fbox-7 .fbox-img.h-180 { padding-top: 26px; margin: 0 0 50px; } .fbox-ico-wrap { margin-right: 21px; } .fbox-ico-wrap .ico-50 [class*="flaticon-"]:before, .fbox-ico-wrap .ico-50 [class*="flaticon-"]:after { font-size: 2.95rem; } .fbox-ico { margin-bottom: 14px; } .fbox-1 .fbox-ico.ico-60 { margin-bottom: 16px; } .fbox-ico.ico-rounded { margin-bottom: 18px; } .fbox-ico[class*="img-"], .fbox-ico.ico-rounded-md, .fbox-ico.ico-rounded-lg { margin-bottom: 21px; } .fbox-wrapper .row-cols-lg-3 .fbox-title { margin-bottom: 5px; } .fbox-wrapper .row-cols-md-2 h6, .fbox-wrapper .row-cols-md-3 h6, .rows-3 .fbox-2 h5 { margin-bottom: 10px; } .fbox-3 h6 { margin: 12px 0 8px; } .fbox-4 h5, .fbox-4-txt h2, .fbox-4-txt h3.h3-xl { margin-bottom: 14px; } .fbox-4-txt h3.h3-lg { font-size: 2.4375rem; margin-bottom: 14px; } .fbox-4.fb-5 h5, .fbox-4.fb-6 h5 { margin-bottom: 16px; } .fbox-5 h5 { margin-bottom: 14px; } .features-2-download { margin-top: 60px; } .features-2-download p.p-sm { font-size: 0.915rem; margin-top: 20px; } /* CONTENT */ .ct-08 { margin-bottom: 60px; } .ct-09 { margin-top: 60px; } .ct-06 .section-overlay { margin-bottom: 80px; } .bc-01 .section-overlay { padding: 70px 50px; } .bc-02 .section-overlay { padding: 55px 40px; } .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 45px 40px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 60px; } .bc-03 .section-overlay { padding: 70px 50px 0; } .bc-03 .section-title { margin-bottom: 45px; } .bc-03 .section-title h2 { padding: 0 3%; } .ct-07 .txt-block, .ct-08 .txt-block { margin-top: 0; } .ct-09 .txt-block { margin-top: 25px; } .bc-01 .txt-block.left-column { padding-right: 10px; } .bc-01 .txt-block.right-column { padding-left: 10px; } .txt-block-stat.mt-35 { margin-top: 28px; } .bc-04 .txt-block { padding-right: 20px; } .txt-block h3, .txt-block h2, .txt-block h5 { margin-bottom: 16px; } h5.h5-title { margin: 15px 0; } .bc-02 .txt-block h5 { margin-bottom: 18px; } .txt-block .btn, .txt-block .stores-badge { margin-top: 25px; } .txt-block-tra-link { margin-top: 15px; } .cbox-1 .ico-wrap { margin-right: 1.1rem; } .cbox-1-ico { width: 2rem; height: 2rem; font-size: 1rem; line-height: 1.65rem; margin-top: 3px; } .txt-block .cbox-2 { margin-right: -15px; } .cbox-2 .ico-wrap { margin-right: 1.3rem; } .cbox-2 .cbox-2-ico { top: 4px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 2.725rem; } .cbox-1-txt { margin-bottom: 22px; } .cbox-2-txt { margin-bottom: 27px; } .cbox-3-txt { margin-bottom: 35px; } .cbox-1-txt h5, .cbox-2-txt h5 { margin-bottom: 10px!important; } .cbox-title { margin-bottom: 16px; } .cbox-title span[class*="flaticon-"]:before, .cbox-title span[class*="flaticon-"]:after { font-size: 2.05rem; } .cbox-title span { margin-right: 15px; } .cbox-title h5 { line-height: 1.75rem!important; } .cbox-4-wrapper { margin-top: -3px; } .box-title { margin-bottom: 12px; } .box-title h6 { position: relative; top: 2px; } .cbox-5 { width: 350px; min-width: 350px; padding: 15px 20px; } .cbox-5.cb-1 { margin-top: 10px; margin-bottom: 20px; } .cbox-5-txt h6 { margin-bottom: 0; } .cbox-6 { padding: 30px; margin: 0 10%; } .cbox-6 hr { margin-top: 30px; margin-bottom: 20px; } .cbox-6 h2.statistic-number { font-size: 3.15rem; } .cbox-6 .statistic-number sup { font-size: 2.4rem; top: -8px; right: 0; margin-right: 5px; } .cbox-6-title p.p-md.ico-10 { margin-top: 10px; } .cbox-6-txt.mt-30 { margin-top: 22px; } .cbox-6-data { padding: 12px 20px; } .cbox-6-data.mt-25 { margin-top: 20px; } .cb-shape-1 { right: 3px; top: -25px; } .cb-shape-2 { left: 3px; bottom: -25px; } .cb-shape-1 img, .cb-shape-2 img { padding: 0 12%; } .cbox-7-txt { padding-left: 12px; } .cbox-7-ico { width: 25px; height: 25px; margin-top: 1px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } .cbox-7-ico span { line-height: 23px; } .cbox-7-txt p { margin-bottom: 12px; } .txt-block .accordion-1 .accordion-item { padding: 20px 0 25px; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: -0.5px; right: 5px; } .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 20px; } .tabs-1 li { padding: 20px; } .tab-link p { margin-top: 6px; } /* Content Image */ .ct-01 .img-block.right-column, .ct-02 .img-block.right-column, .ct-07 .img-block.right-column, .ct-08 .img-block.right-column, .ct-09 .img-block.right-column { margin-left: 15px; } .ct-01 .img-block.left-column, .ct-02 .img-block.left-column, .ct-07 .img-block.left-column, .ct-08 .img-block.left-column, .ct-09 .img-block.left-column { margin-right: 15px; } .ct-03 .img-block img { max-width: 170%; } .ct-04 .img-block img { max-width: 175%; margin-left: -85%; } .ct-07 .img-block, .ct-08 .img-block { margin-bottom: -60px; } .ct-09 .img-block { margin-top: -60px; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -80px; } .img-block-txt, .img-block-btn { margin-top: 45px; } .bc-2-img.right-column { margin-left: 5px; } .bc-2-img.left-column { margin-right: 5px; } /* STATISTIC */ .statistic-1-wrapper .statistic-block-digit { width: 32%; } .statistic-1-wrapper .statistic-block-txt { width: 68%; padding-left: 20px; } .statistic-2-wrapper .txt-block { padding-left: 20px; padding-right: 8%; } .statistic-4-wrapper .statistic-block { padding: 10px 20px 10px 40px; } #sb-2-1 { padding-left: 5%; } .statistic-ico { margin-bottom: 10px; } .statistic-1-wrapper h2 { font-size: 2.9rem; } .statistic-2-wrapper h2, #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { margin-bottom: 14px; } .statistic-4-wrapper h5 { margin: 20px 0 10px; } .statistic-1-wrapper p { top: 1px; } /* RATING */ .rating-section .rating-1-wrapper.text-center, .rating-2-wrapper.text-center { padding: 0 12%; } .rbox-1-img img { max-height: 33px; } .rbox-2-img img { max-height: 70px; } #rb-2-2 .rbox-2-img img { max-height: 115px; } .rbox-1 .star-rating { font-size: 0.9rem; line-height: 1; } .rbox-2 p { margin-top: 12px; } /* TESTIMONIALS */ .reviews-3-wrapper:after { width: 140%; height: 84%; top: 8%; left: -20%; } .review-1 { padding: 28px 25px; margin: 0 10px 30px; } .review-1.no-title { padding: 40px 25px 28px; } .review-2 { padding: 0 22px; } .review-3 { padding: 40px 30px 25px; } #rw-3-1, #rw-3-2 { margin-bottom: 12px; } .review-item { padding: 0 10px; margin-bottom: 20px; } .review-4 { padding: 28px 20px; } .review-ico.ico-45 { top: 10px; right: 20px; } .review-ico.ico-60 { top: 10px; left: 20px; } .review-1-txt h6.h6-md, .review-3-txt h6.h6-lg { margin-bottom: 8px; } .review-2-txt h6.h6-lg { margin-bottom: 10px; } .review-1-txt h6.h6-lg { font-size: 1.25rem; margin-bottom: 8px; } .review-rating.ico-15 { margin-bottom: 5px; } .review-rating.ico-15.mb-15 { margin-bottom: 8px; } .author-data { margin-top: 15px; } .author-data.mt-25 { margin-top: 18px; } .author-data.mb-15 { margin-bottom: 10px; } .review-avatar img, .owl-item .review-avatar img { width: 40px; height: 40px; } .review-3 .review-avatar img { width: 45px; height: 45px; } .review-3 .review-author { margin-top: 2px; } .author-data .review-author { padding: 0 0 0 12px; } .review-author.mt-15 { margin-top: -2px; } .review-author h6 { font-size: 1rem; margin-top: 2px; margin-bottom: 7px; } .review-author .review-rating { margin-top: -5px; } .reviews-btn { margin-top: 55px; } /* TEAM */ .team-1 { padding-bottom: 40px; } .team-member { margin-bottom: 40px; } .team-member-photo { margin-bottom: 20px; } .team-member-data h6 { margin-bottom: 6px; } /* PRICING */ .pricing-1 .section-title.mb-70 { margin-bottom: 50px; } .pricing-1-wrapper .col { padding: 0 8px; } .pricing-3-wrapper { padding: 0 6%; } .pricing-1-table { padding: 35px 25px; } .pricing-3-table, .pricing-2-table { padding: 25px 30px; } #pt-3-1 { margin: 0 8px 40px 20px; } #pt-3-2 { margin: 0 20px 40px 8px; } .pricing-table-header h5 { margin-bottom: 20px; } .pricing-1-table .pricing-discount { top: -2px; right: 0; padding: 7px 13px; } .pricing-discount h6 { font-size: 1.05rem; } .pricing-1-table hr { margin-top: 20px; } /* Price */ .price span { font-size: 2.85rem; letter-spacing: -1.5px; } .pricing-2-table .price span, .pricing-3-table .price span { font-size: 2.5rem; } .price sup { font-size: 2rem; top: -4px; right: 2px; } .pricing-2-table .price sup, .pricing-3-table .price sup { top: -3px; } .price sup.validity { font-size: 1.45rem; } .pricing-2-table .price sup.validity, .pricing-3-table .price sup.validity { font-size: 1.5rem; left: 4px; top: -2px; } .price p { margin-top: 15px; margin-bottom: 15px; } .pricing-features.mt-25 { margin-top: 10px; } .pricing-2-table .pricing-features, .pricing-3-table .pricing-features { margin-top: 15px; } .pt-btn { margin-top: 20px; } /* Pricing Notice */ .pricing-notice { margin-top: 12px; } .col-lg-10 .pricing-notice p { padding: 0 4%; } .pricing-notice .btn.mt-25 { margin-top: 20px; } /* Pricing Toggle Button */ .pricing-1 .section-title p { margin-top: 10px; } .toggle-btn.mt-40 { margin-top: 25px; } .toggler-txt { font-size: 1.1rem; line-height: 34px; } .switch-wrap { min-width: 53px; height: 34px; margin: 0 6px; } .switcher { font-size: 0.9rem; height: 34px; padding: 0 10px 0 30px; border-radius: 34px; } .switcher .show-annual, .switcher .show-monthly { line-height: 34px; } .switcher:before { left: 4px; bottom: 4px; width: 26px; height: 26px; } .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; } /* Pricing Compare */ .table>:not(caption)>*>* { padding: 15px 0; } .comp-table .table-responsive.mb-50 { margin-bottom: 30px; } .comp-table .table-responsive thead th { font-size: 1.0625rem; } .comp-table .table-responsive tbody th { font-size: 1rem; } .comp-table .table-responsive tbody td { font-size: 1rem; top: 1px; } .comp-table .table-responsive tbody td span { top: 2px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.775rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 1rem; } .comp-table-payment h6 { margin-bottom: 12px; } .comp-table-payment p { font-size: 0.965rem; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 64px; } .integrations-3 { margin-bottom: -20px; } .int-2-wrapper .col { padding: 0 8px; } .integrations-3 .filter-item { margin-bottom: 20px; } .integrations-1 .section-title h2 { padding: 0 5%; } .int-1-wrapper { padding: 80px 60px; } .int-2-wrapper { padding: 0; } .int_tool-1 { margin-bottom: 24px; } .int_tool-2 { padding: 22px 20px; margin-bottom: 16px; } .int_tool-3 { padding: 15px 20px; } .int_tool-1 .tool_logo { padding: 30px 20px; margin-bottom: 25px; } .int_tool-1 img, .int_tool-2 img { width: 55px; height: 55px; } .int_tool-3 img { width: 36px; height: 36px; } .tool_txt h6 { font-size: 1.1875rem; margin-top: 0; } .tool_logo h6 { line-height: 36px; top: 3px; margin-left: 10px; } .int_tool-2 h6 { font-size: 1.125rem; margin-top: 18px; } .tool_txt p { margin-top: 0; } .tool_description p { font-size: 0.925rem; margin-top: 12px; } .integrations-section .more-btn.mt-30, .integrations-1 .more-btn { margin-top: 20px; } /* MORE APPS */ .apps-1-wrapper { padding: 0 3%; } .rows-2 .ab-1, .rows-2 .ab-2, .rows-2 .ab-3, .rows-2 .ab-4 { margin-bottom: 40px; } .app-box h6, .app-box h5 { margin-top: 20px; margin-bottom: 8px; } .apps-1-wrapper .app-logo-img { padding: 0 7%; } /* BRANDS */ .brands-2-wrapper { padding: 0 10px; } .brands-title h6 { margin-bottom: 40px; } .brands-title h5 { margin-bottom: 45px; } .brands-title p { padding: 0 10%; margin-bottom: 30px; } .brands-carousel-5 .brand-logo, .brands-carousel-6 .brand-logo { padding: 0 14px; } .brands-section .more-btn { margin-top: 25px; } /* CHANGELOG */ .version-release { margin-bottom: 50px; } .release-data { padding-bottom: 25px; margin-bottom: 25px; } span.version-data { font-size: 1.6rem; margin-bottom: 12px; } span.release-date { font-size: 1rem; } .release-highlights h6 { margin-bottom: 15px; } /* DOWNLOAD */ .download-item { padding: 35px 40px 30px; } .download-item img { max-height: 58px; margin-bottom: 20px; } .download-item h6 { font-size: 1.3125rem; } .download-item p { font-size: 1.05rem; margin-top: 5px; } /* FAQs */ .faqs-1 .section-title { margin-bottom: 40px; } .faqs-2 .section-title { margin-bottom: 50px; } .faq-3-title { margin-top: 5px; } .faq-3-title p { font-size: 1.05rem; margin-top: 12px; margin-bottom: 22px; } .faqs-2-questions .left-column { padding-right: 0; } .faqs-2-questions .right-column { padding-left: 0; } .faqs-2 .question { margin-bottom: 25px; } .faqs-1-questions h4 { margin-top: 60px; margin-bottom: 20px; } .faqs-2 .question h6, .faqs-2 .question h5 { margin-bottom: 12px; } .faqs-section .accordion-thumb { padding: 20px 0; } .faqs-section .accordion-panel { padding: 0 0 5px 0; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: 19px; } .more-questions { margin-top: 60px; } .faqs-2 .more-questions { margin-top: 40px; } /* BANNER */ .banner-1-wrapper { padding: 80px 65px 92px; } .banner-2-wrapper .banner-overlay { padding: 60px 65px 70px; } .banner-4-wrapper { padding: 45px 50px; } .banner-5-wrapper .banner-overlay { padding: 0 60px; } .banner-1-txt { padding-right: 5%; } .banner-section .section-id { margin-bottom: 25px; } .banner-2-txt h2, .banner-3-txt h2 { padding: 0 2%; } .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 14px 0 20px; padding-right: 0; } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0; margin: 16px 0 25px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { margin-top: 18px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { margin-top: 12px; margin-bottom: 20px; } .banner-3-txt .btn.mt-25, .banner-3-txt .btn.mt-35 { margin-top: 25px; } .banner-4-btn { top: 8px; } .banner-4-btn p { margin: 10px 0 0; } .banner-section p.btn-txt { margin-top: 15px; } .banner-5-img.right-column { padding-left: 15px; } .banner-5-img.left-column { padding-right: 15px; } .banner-qr-code { right: 45px; max-width: 100px; padding: 10px 8px 8px; } .banner-1 .banner-qr-code { right: 55px; } /* NEWSLETTER */ .newsletter-1 .newsletter-overlay { padding: 60px 0; } .newsletter-2 .newsletter-overlay, .newsletter-4 .newsletter-overlay { padding: 65px 0; } .newsletter-3 .newsletter-overlay { padding: 40px 45px; } .newsletter-1 .newsletter-txt, .newsletter-3 .newsletter-txt { padding-right: 8%; } .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { margin-top: 25px; padding-left: 8%; } .newsletter-2 .newsletter-form, .newsletter-4 .newsletter-form { padding: 0 5%; margin-top: 30px; } .newsletter-section .form-control { height: 52px; } .newsletter-section .btn { height: 52px; font-size: 0.925rem; padding: 0.7rem 1.4rem; } /* BLOG */ .blog-1 .blog-post { margin-bottom: 30px; } .blog-post-txt { margin-top: 30px; } .blog-1 .blog-post-meta { margin-top: 15px; } .wide-post .blog-post-meta { margin-top: 20px; } .meta-list-divider { padding: 0 1px; } .post-tag { font-size: 0.815rem; margin-bottom: 15px; } .blog-post-txt h6, .blog-post-txt h5 { margin-bottom: 12px; } .blog-post-txt h4 { margin-bottom: 15px; } /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 40px; } #blog-page .blog-post { margin-bottom: 40px; } #blog-page .blog-post.wide-post { margin-bottom: 35px; } .wide-post .blog-post-img { margin-right: 10px; } .wide-post .blog-post-txt { margin-left: 0; } .posts-category { margin-top: 40px; margin-bottom: 40px; } /* SINGLE BLOG POST */ .blog-post-preview { padding: 0; margin-bottom: 40px; } .single-post-title { padding: 0 13% 0 3%; margin-bottom: 40px; } .single-post-title h2 { margin-bottom: 20px; } .single-post-txt { padding: 0 3%; } .single-post-txt h5.h5-xl { margin-top: 45px; margin-bottom: 20px; } .single-post-txt h5 { margin-top: 22px; margin-bottom: 18px; } .post-inner-img { margin-top: 45px; margin-bottom: 45px; } .post-data { margin: 60px 1% 0; padding: 60px 2% 80px; } .post-author-avatar { margin-right: 15px; } .post-author-avatar img { width: 65px; height: 65px; } .post-author-txt { top: 6px; } /* CONTACTS */ .contacts-1 .contact-form .contact-form-notice p { font-size: 0.9rem; line-height: 1.65; margin-top: 30px; } .contact-form .form-control, .contact-form .form-select { height: 54px; margin-bottom: 30px; } .contact-form textarea { min-height: 190px; } /* FOOTER */ .footer { padding-bottom: 35px; } .footer-data-logo, .footer-data-socials { margin-bottom: 55px; } .footer-1 .fl-3, .footer-1 .footer-contacts { margin-bottom: 25px; } img.footer-logo { max-height: 30px; margin-bottom: 20px; } .footer-data-logo img.footer-logo { max-height: 32px; margin-bottom: 0; } .footer-qr-code { max-width: 100px; padding: 8px; } .footer-copyright-logo { top: -3px; } .footer-copyright-logo img.footer-logo { max-height: 26px; } .footer h6 { margin-bottom: 20px; } .footer-phone { margin-top: 10px; } .footer-mail-link span { top: 4px; right: 5px; } .footer-socials.ico-20 a, .footer-socials.ico-25 a { margin-right: 14px; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } .footer-form .form-control, .footer-form .btn { height: 28px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 24px!important; } .footer hr { margin-top: 10px; margin-bottom: 35px; } .footer-data-socials p { top: 7.5px; } .footer-data-socials.ico-25 [class*="flaticon-"]:before, .footer-data-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.315rem; } .footer-copyright.copyright-logo p { line-height: 26px; margin-left: 12px; } /* INNER PAGE WRAPPER */ .inner-page-hero { padding-top: 160px; } .inner-page-title { margin-bottom: 50px; } .inner-page-title p { margin-top: 18px; } /* TERMS, PRIVACY, COOKIES */ .txt-block.legal-info h5 { margin: 40px 0 20px; } .txt-block.legal-info h6 { margin: 20px 0; } .txt-block.legal-info h6 span, .txt-block.legal-info h5 span { margin-right: 2px; } /* SIGN IN / SIGN UP */ .register-page-logo { padding-top: 26px; } .register-page-logo img { max-height: 26px; } .register-page-form { padding: 115px 0; } .reset-page-wrapper { margin: 0 3%; padding: 140px 0 120px; } .register-form-title { margin-bottom: 20px; } .register-form-title p { font-size: 1.0625rem; margin-top: 5px; } .reset-form-title { margin-bottom: 18px; } .reset-form-title p.p-sm { font-size: 0.925rem; margin-top: 12px; } .reset-password-link p { font-size: 0.935rem; margin-bottom: 25px; } .form-data span { font-size: 0.915rem; } .reset-password-form .form-data p { font-size: 1rem; margin-bottom: 10px; } .register-page-form p.create-account { font-size: 1rem; } .separator-line { font-size: 0.95rem; margin: 22px 0; } .reset-page-wrapper .form-control, .register-page-form .form-control { height: 50px; font-size: 1rem; padding: 0 15px; margin-bottom: 22px; } .reset-page-wrapper .form-control { margin-bottom: 18px; } #login .register-page-form .btn.submit { height: 50px; font-size: 1rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 50px; font-size: 1rem; margin-top: 25px; } .reset-page-wrapper .btn.submit { height: 50px; font-size: 1rem; } .register-page-form .btn-google { font-size: 1rem; } .btn-google img { width: 23px; height: 23px; top: 0; } /* COOKIES */ #cookies { width: 98%; left: 1%; bottom: 20px; padding: 22px; } #cookies p { font-size: 0.9rem; } #cookies-ok { font-size: 0.85rem; right: 45px; bottom: 14px; } #cookies-close { right: 20px; top: 19px; } #cookies-close svg { width: 10px; height: 10px; } /* MODAL */ .modal-dialog.modal-xl { width: 660px; } .modal-body-content { padding: 50px 30px 30px; } .modal-body-content h4 { margin-bottom: 12px; } .modal-body .newsletter-form { margin-top: 20px; } .modal .newsletter-form .form-control { height: 52px; font-size: 0.975rem; margin-bottom: 16px; } .modal .newsletter-form .btn { height: 52px; font-size: 0.975rem; }}/* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ */@media (min-width: 768px) and (max-width: 991.98px) { html { font-size: 85%; } .wow { animation-name: none!important; visibility: visible!important; } #stlChanger .chBut .switch:after { font-size: 2.4rem; } /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .py-40 { padding: 30px 0; } .py-50 { padding: 35px 0; } .py-60 { padding: 40px 0; } .py-70 { padding: 50px 0; } .py-80 { padding: 50px 0; } .py-90 { padding: 60px 0; } .py-100 { padding: 70px 0; } .pt-30 { padding-top: 24px; } .pt-40 { padding-top: 30px; } .pt-50 { padding-top: 35px; } .pt-60 { padding-top: 40px; } .pt-70 { padding-top: 50px; } .pt-80 { padding-top: 50px; } .pt-90 { padding-top: 60px; } .pt-100 { padding-top: 70px; } .pb-30 { padding-bottom: 24px; } .pb-40 { padding-bottom: 30px; } .pb-50 { padding-bottom: 35px; } .pb-60 { padding-bottom: 40px; } .pb-70 { padding-bottom: 50px; } .pb-80 { padding-bottom: 50px; } .pb-90 { padding-bottom: 60px; } .pb-100 { padding-bottom: 70px; } .mt-30 { margin-top: 24px; } .mt-40 { margin-top: 30px; } .mt-45 { margin-top: 30px; } .mt-50 { margin-top: 35px; } .mt-55 { margin-top: 35px; } .mt-60 { margin-top: 40px; } .mt-65 { margin-top: 45px; } .mt-70 { margin-top: 50px; } .mt-75 { margin-top: 50px; } .mt-80 { margin-top: 50px; } .mb-30 { margin-bottom: 24px; } .mb-40 { margin-bottom: 30px; } .mb-45 { margin-bottom: 30px; } .mb-50 { margin-bottom: 35px; } .mb-55 { margin-bottom: 35px; } .mb-60 { margin-bottom: 40px; } .mb-65 { margin-bottom: 45px; } .mb-70 { margin-bottom: 50px; } .mb-75 { margin-bottom: 50px; } .mb-80 { margin-bottom: 50px; } /* Background Shape */ .bg--shape:after { width: 650px; height: 650px; top: 19%; left: 18%; } /* Headers */ h6 { font-size: 1rem; }/* 13.6px */ h6.h6-md { font-size: 1.066176rem; } /* 14.5px */ h6.h6-lg, h6.h6-xl { font-size: 1.397058rem; } /* 19px */ h5 { font-size: 1.397058rem; } /* 19px */ h5.h5-md, h5.h5-lg, h5.h5-xl { font-size: 1.470588rem; } /* 20px */ h4, h4.h4-md, h4.h4-lg { font-size: 1.764705rem; } /* 24px */ h4.h4-xl { font-size: 1.91176rem; }/* 26px */ h3, h3.h3-md, h3.h3-lg, h3.h3-xl { font-size: 1.91176rem; } /* 26px */ h2 { font-size: 2.0588rem; } /* 28px */ h2.h2-md, h2.h2-lg { font-size: 2.20588rem; } /* 30px */ h2.h2-xl, h2.h2-title { font-size: 2.5rem; } /* 34px */ h6, h5, h4, h3, h2, h1 { line-height: 1.35; } /* Paragraphs */ p.p-sm { font-size: 1rem; } p.p-md, p.p-lg { font-size: 1.066176rem; } ol.digit-list p { margin-bottom: 5px; } /* Button */ .btn.btn-sm { font-size: 0.975rem; padding: 0.65rem 1.35rem; } .btn.ico-30.ico-left { padding: 0.3665rem 0; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.31175rem 0.5rem; } .btn.ico-25.ico-left,.btn.ico-25.ico-right { font-size: 1.1rem; padding: 0.66625rem 0.85rem; } /* Buttons Group */ .btns-group .btn:first-child { margin-right: 10px; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1rem; line-height: 0.65rem!important; top: 3px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2rem; } .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.125rem; top: -8px; margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.125rem; top: -8px; margin-left: 0; } .btn.ico-30.ico-left span { right: 0; } .btn.ico-left span { margin-right: 4px; } .btn.ico-right span { margin-left: 4px; } /* Button Text */ p.btn-txt, .btn-rating { margin: 10px 0 0 0; } p.btns-group-txt { margin: 12px 0 0 0; } .text-center p.btns-group-txt { margin-top: 15px; } .star-rating span.rating-txt { font-size: 1rem; } .os-version-ext { margin-top: 12px; } /* Transparent Link */ a.tra-link { font-size: 1.03675rem; } .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 2px; left: 2px; } /* OS Button */ .os-btn { width: 240px; min-width: 240px; padding: 14px 15px 12px; } .os-btn-ico { margin-right: 14px; } .os-btn-txt p { font-size: 1.0625rem; margin-top: 3px; margin-bottom: 5px; } .os-btn-txt span { font-size: 1rem; } .d-inline-block.btn-os-last { margin-left: 12px; } .d-block.btn-os-last { margin-top: 10px; } /* Store Badges*/ .badge-img-xs .store img, .badge-img-sm .store img { max-height: 2.95rem; } .badge-img-md .store img, .badge-img-lg .store img { max-height: 3.1rem; } .store { margin-right: 10px; } /* Watch Video Link */ .watch-video { margin-top: 18px; } .watch-video-link { margin-right: 10px; } .watch-video-link span[class^="flaticon-"]:before, .watch-video-link span[class^="flaticon-"]:after { margin-left: 3px; } p.video-txt-lg { font-size: 1.1rem; } p.video-txt-sm { font-size: 1rem; } /* Video Popup Icon */ .video-btn-xl { width: 7rem; height: 7rem; margin-top: -3.5rem; margin-left: -3.5rem; } .video-btn-lg { width: 6.5rem; height: 6.5rem; margin-top: -3.125rem;; margin-left: -3.125rem;; } .video-btn-md { width: 5.625rem; height: 5.625rem; margin-top: -2.8125rem; margin-left: -2.8125rem; } .video-btn-sm { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } .video-btn.video-btn-xl [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after { font-size: 5.5rem; line-height: 7rem!important; margin-left: 8px; } .video-btn.video-btn-lg [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after { font-size: 5rem; line-height: 6.25rem!important; margin-left: 10px; } .video-btn.video-btn-md [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after { font-size: 4.5rem; line-height: 5.625rem!important; margin-left: 8px; } .video-btn.video-btn-sm [class^="flaticon-"]:before, .video-btn.video-btn-md [class^="flaticon-"]:after { font-size: 4.35rem; line-height: 5rem!important; margin-left: 8px; } /* Vector Icon Background */ .ico-55 .shape-ico svg { width: 96px; height: 96px; top: -33px; left: calc(50% - 53px); } .ico-60 .shape-ico svg { width: 110px; height: 110px; top: -40px; left: calc(50% - 58px); } /* Vector Rounded Icons */ .ico-rounded, .ico-rounded-md { width: 70px; height: 70px; } .ico-rounded-lg { width: 80px; height: 80px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after,.ico-rounded-md [class*="flaticon-"]:after {font-size: 2.5rem; line-height: 70px!important; } .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.875rem; line-height: 80px!important; } /* PNG Icons */ .img-80 img { width: 62px; height: 62px; } .img-75 img { width: 57px; height: 57px; } .img-70 img, .img-65 img, .img-60 img { width: 55px; height: 55px; } /* Section ID */ .section-id { font-size: 0.9rem; margin-bottom: 20px; } /* Section Title */ .bc-04 .section-title.mb-70 { margin-bottom: 45px; } .section-title.mb-100 { margin-bottom: 60px; } .section-title p { margin-top: 10px; } .section-title .btns-group { margin-top: 20px; } /* Advantages */ .advantages, .text-center .advantages { margin-top: 10px; } /* Compatibility */ .compatibility { margin-top: 5px; } /* Tools List / Payments Icons */ .tools-list p, .payment-methods p { margin-bottom: 10px; } .payment-icons img { max-height: 26px; } .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { font-size: 2rem; line-height: 2rem!important; margin-right: 4px; } /* Quote */ .quote-avatar img { width: 40px; height: 40px; } .quote p { font-size: 1.05rem; padding-left: 14px; margin-top: 10px; margin-bottom: 6px; } .quote-author { top: 12px; padding: 0 0 0 10px; } .quote.pr-15, .quote.pr-40, .quote.pr-50, .quote.pr-60 { padding-right: 0; } /* Users */ .txt-block .users { margin-top: 12px; } .users img { max-height: 36px; } .users p { font-size: 0.975rem; top: 11px; left: 7px; } .txt-block .users p { top: 10px; left: 4px; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ .headtoppart { display: none; } .wsmobileheader .smllogo { display: block; padding-left: 22px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: var(--white); } .dark-menu .wsmobileheader, .black-scroll .wsmobileheader { background-color: var(--ink); } .tra-menu.border-header .wsmainfull { border: none; } .theme--dark .tra-menu .wsmobileheader, .theme--dark .white-menu .wsmobileheader {background-color: var(--ink)!important;-webkit-box-shadow: 0 2px 3px var(--tra-ink);-moz-box-shadow: 0 2px 3px var(--tra-ink);box-shadow: 0 2px 3px var(--tra-ink); } /* Mobile Header Burger Menu */ .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; } .wsanimated-arrow span:before { top: -8px; width: 26px; } .wsanimated-arrow span:after { bottom: -8px; width: 20px; } .dark-menu .wsanimated-arrow span, .dark-menu .wsanimated-arrow span:before, .dark-menu .wsanimated-arrow span:after, .black-scroll .wsanimated-arrow span, .black-scroll .wsanimated-arrow span:before, .black-scroll .wsanimated-arrow span:after { background: var(--white); } .theme--dark .wsanimated-arrow span, .theme--dark .wsanimated-arrow span:before, .theme--dark .wsanimated-arrow span:after { background: #b1b7cd; } .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span { background: transparent; } .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; } /* Dark Header Settings */ .dark-menu .wsmenu > .wsmenu-list, .black-scroll .wsmenu > .wsmenu-list { background-color: #1d222f!important; } .dark-menu .wsmenu > .wsmenu-list > li > a, .black-scroll .wsmenu > .wsmenu-list > li > a { border-bottom-color: var(--tra-white); } .dark-menu .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before, .black-scroll .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: rgba(255, 255, 255, .85); } /* Nav Link */ .wsmenu > .wsmenu-list > li > a { font-size: 1.25rem; line-height: 46px; padding: 5px 32px 4px 20px; margin: 0; } .tra-menu .wsmenu > .wsmenu-list > li > a.h-link, .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { color: var(--gray); } .black-scroll .wsmenu > .wsmenu-list > li > a.h-link { color: var(--white); } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 21px 18px 0px 0px; } .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 25px; } .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, .theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a { color: var(--white)!important; } .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn--white, .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn--tra-white { color: #1d222f!important; } /* Nav Link Info */ span.sm-info { width: 22px; height: 22px; font-size: 0.95rem; line-height: 20px; top: -1px; } /* SubMenu / HalfMenu / MegaMenu */ .wsmenu > .wsmenu-list > li > ul.sub-menu { width: 100%!important; min-width: 100%!important; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 100%!important; padding: 10px; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { width: 100%!important; left: 0; padding: 12px 10px; } .wsmenu > .wsmenu-list > li.mobile-last-link > ul.sub-menu { border-bottom: none!important; } .wsmegamenu.w-75 .col-lg-3, .wsmegamenu.halfmenu .col-lg-6 { padding: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu {opacity: 1!important; visibility: visible!important; -webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg); } .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {border-bottom: 1px solid var(--tra-white)!important; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0;box-shadow: 0 0; } .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { background-color: #1d222f!important; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {width: 100%!important;min-width: 100%!important;box-shadow: 0 0;border: none;position: static;left: 0;top: 0;margin: 0;padding: 5px 0 0 0; } /* Sub Menu / Half Menu / Mega Menu Links */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {color: var(--gray); font-size: 1.2rem; padding: 15px 14px; } /* Black Scroll */ .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {color: #ddd;background-color: rgba(255, 255, 255, 0)!important; } .navbar-light .wsmenu-list > li > a.h-link:hover { color: var(--black)!important; } /* Sub Menu / Half Menu / Mega Menu Links Hover */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 15px 14px; text-decoration: none; } /* Black Scroll */ .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {background-color: rgba(255, 255, 255, .05)!important; } .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { font-size: 1.2rem; padding: 0 14px; margin-bottom: 10px; } .dark-menu .title, .black-scroll .title { color: #b1b7cd!important; } /* Button */ .wsmenu > .wsmenu-list > li a.btn {font-size: 1.25rem;line-height: 44px;border-width: 2px;padding: 5px 22px;margin: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; } .wsmenu > .wsmenu-list > li a.btn.ico-20 [class*="flaticon-"]:before, .wsmenu > .wsmenu-list > li a.btn.ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; line-height: 0.75rem!important; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a { font-size: 1.2rem; padding: 12px 14px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a:hover { padding: 12px 14px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { display: none; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 > i {height: 10px; width: 10px; transform: rotate(-225deg); margin: 17px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i.wsmenu-rotate { margin-top: 22px; } .wsmenu > .wsmenu-list > li a.btn.reg-btn { line-height: 44px; padding: 5px 22px; } .wsmenu > .wsmenu-list > li.reg-fst-link > a, .wsmenu > .wsmenu-list > li a.btn.fst-btn-link { margin-left: 0; } /* Header Store Badges */ .wsmenu > .wsmenu-list > li a.store.header-store { margin: 5px 0 0 12px; display: block; float: none; border-bottom: none; } .store.header-store img { max-height: 46px; } /* Header Social Links */ .wsmenu > .wsmenu-list > li.header-socials { display: block; } .header-socials a { margin-left: 20px; margin-right: 5px; } .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.65rem; } /* Navbar Transparent Buttons */ .white-scroll .btn--tra-white, .white-scroll .btn--tra-black {color: var(--white)!important;background-color: var(--black)!important;border-color: var(--black)!important; } .theme--dark .white-scroll .btn--white, .theme--dark .white-scroll .btn--tra-white {background-color: var(--white)!important;border-color: var(--white)!important; } .black-scroll .btn--tra-white, .black-scroll .btn--tra-black {color: var(--ink)!important;background-color: var(--white)!important;border-color: var(--white)!important; } .white-scroll .btn--tra-gray, .black-scroll .btn--tra-gray {color: var(--black)!important;background-color: var(--smoke)!important;border-color: var(--smoke)!important; } /* Navbar Buttons Hover */ .white-scroll .hover--white:hover, .white-scroll .hover--tra-white:hover {color: var(--black)!important;border-color: var(--black)!important;background-color: transparent!important; } .theme--dark .white-scroll .hover--tra-white:hover {color: var(--white)!important;border-color: var(--white)!important;background-color: transparent!important; } .theme--dark .navbar-dark .hover--tra-black:hover, .theme--dark .navbar-dark .scroll .hover--tra-black:hover {color: var(--white)!important;background-color: transparent!important;border-color: var(--white)!important; } .theme--dark .wsmenu > .wsmenu-list { background-color: #1d222f!important; } .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: var(--white); } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section { margin-top: 80px; } /* HERO QUICK FORM */ .hero-section .quick-form .form-control, .hero-section .quick-form .btn { height: 48px; font-size: 1.125rem; } .hero-section .quick-form.form-half .form-control { height: 48px; font-size: 1.0625rem; padding: 0 12px; } .hero-section .quick-form .btn { height: 48px; font-size: 1rem; padding: 13px 40px; margin-left: 6px; } .hero-section .quick-form.form-half .btn { height: 48px; font-size: 1.05rem; padding: 13px 22px; margin-left: 6px; } .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; } /* Hero Advantages */ .hero-section .advantages { margin-top: 14px; } /* HERO DIGITS */ .hero-digits { padding-right: 0 } #hd-1-1, #hd-1-2 { padding-right: 10px; } .hero-digits h2.statistic-number { font-size: 2.85rem; } .hero-digits h2.statistic-number small { font-size: 2rem; } /* HERO-1 */ #hero-1 { padding-top: 80px; margin-bottom: 50px; } .hero-1-txt { margin-top: -15px; margin-right: -14px; } .hero-1-txt h2 { font-size: 3rem; padding-right: 3%; } .hero-1-txt p.p-lg { font-size: 1.05rem; margin-top: 15px; margin-bottom: 22px; } .hero-1-txt .os-version-ext { margin-top: 18px; } .hero-1-img { padding: 0 0 0 10px; margin-bottom: -50px; } /* HERO-2 */ #hero-2 { padding-top: 75px; padding-bottom: 85px; } .hero-2-txt h2 { font-size: 3.5rem; } .hero-2-txt p.p-xl { padding: 0; margin-top: 15px; margin-bottom: 24px; } .hero-2-txt p.btn-txt { margin-top: 16px; } /* HERO-3 */ #hero-3 { padding-top: 80px; } .hero-3-txt h2 { font-size: 3.25rem; } .hero-3-txt p.p-xl { font-size: 1.3rem; margin-top: 15px; margin-bottom: 25px; } .hero-3-txt .btn-txt { margin-top: 20px; } .hero-3-img { margin-top: 40px; } /* HERO-4 */ #hero-4 { padding-top: 80px; } .hero-4-txt h2 { font-size: 3.25rem; } .hero-4-txt p.p-xl { padding: 0; margin-top: 18px; margin-bottom: 24px; } .hero-4-img { margin-top: 40px; } /* HERO-5 */ #hero-5 { padding-top: 80px; margin-bottom: 50px; } .hero-5-txt { margin: -15px -10px 0; } .hero-5-txt h2 { font-size: 3rem; } .hero-5-txt p.p-xl { font-size: 1.125rem; padding-right: 0; margin-top: 14px; margin-bottom: 20px; } .hero-5-img { padding: 0 12px 0 0; margin: 0 0 -50px -25px; } /* HERO-6 */ #hero-6 { padding-top: 80px; } #hero-6:after { height: 11%; } .hero-6-txt h2 { font-size: 3rem; } .hero-6-txt p.p-lg { padding: 0; margin-top: 16px; margin-bottom: 22px; } .hero-6-img { margin-top: 40px; padding: 0; } /* HERO-7 */ #hero-7 { padding-top: 70px; padding-bottom: 40px; } .hero-7-txt { margin-top: -25px; } .hero-7-txt h2 { font-size: 3rem; margin-bottom: 25px; } .hero-7-txt .os-version-ext { margin-top: 18px; } .hero-7-img { margin-bottom: -30%; } /* HERO-8 */ #hero-8 { padding-top: 70px; padding-bottom: 10px; margin-bottom: 35px; } .hero-8-txt { margin-top: -20px; } .hero-8-txt h2 { font-size: 3rem; padding-right: 3%; } .hero-8-txt p.p-lg { margin-top: 15px; margin-bottom: 22px; } .hero-8-txt .quick-form { margin-top: 15px; margin-right: 2%; } .hero-8-img { margin: 0 -100% -35px 5px; } /* HERO-9 */ #hero-9 { padding-top: 80px; } .hero-9-txt { margin-top: 0; } .hero-9-txt h2 { font-size: 3rem; } .hero-9-txt p.p-lg { padding-right: 10%; margin-top: 14px; margin-bottom: 22px; } .hero-9-txt .os-version-ext { margin-top: 16px; } .hero-9-img { padding-left: 0; } /* HERO-10 */ #hero-10 { padding-top: 80px; } .hero-10-txt h2 { font-size: 3rem; padding: 0 6%; } .hero-10-txt p.p-lg { padding: 0 3%; margin-top: 14px; margin-bottom: 22px; } .hero-10-txt p.btn-txt { margin-top: 25px; } #hero-10 .quick-form { margin: 22px 10% 0; } .hero-10-img { margin-top: 45px; } /* HERO-11 */ #hero-11 { padding-top: 80px; } .hero-11-txt h2 { font-size: 2.75rem; } .hero-11-txt p.p-lg { margin-top: 14px; margin-bottom: 20px; } .hero-11-txt .quick-form { margin-top: 12px; margin-right: 2%; } .hero-11-img { padding-left: 0; } /* HERO-12 */ #hero-12 { padding-top: 80px; } .hero-12-txt h2 { font-size: 3.35rem; } .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { margin-top: 16px; margin-bottom: 22px; } .hero-12-img { margin-top: 40px; } /* HERO-13 */ #hero-13 { padding-top: 80px; margin-bottom: 50px } .hero-13-txt { margin-top: -25px; } .hero-13-txt h2 { font-size: 2.65rem; } .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { margin-top: 14px; margin-bottom: 20px; } .hero-13-txt .quick-form { margin-top: 12px; margin-right: 2%; } .hero-13-img { padding-right: 0; margin-bottom: -50px } /* HERO-14 */ #hero-14 { padding: 80px 0 90px; } .hero-14-txt h2 { font-size: 3.75rem; } .hero-14-txt p.p-xl { padding: 0; margin-top: 16px; margin-bottom: 22px; } /* HERO-15 */ #hero-15 { padding-top: 80px; margin-bottom: 70px; } .hero-15-txt .hero-app-logo img { max-height: 76px; margin-bottom: 20px; } .hero-15-txt { margin-top: -25px; padding-left: 5px; } .hero-15-txt h2 { font-size: 2.75rem; } .hero-15-txt p.p-lg { padding-right: 0; margin-top: 15px; margin-bottom: 12px; } .hero-15-img { padding-right: 0; margin-left: -20px; margin-bottom: -70px; } /* HERO-16 */ #hero-16 { padding-top: 80px; } .hero-16-txt h2 { font-size: 3.125rem; padding: 0 4%; } .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 12px; margin-bottom: 22px; padding: 0 5%; } .hero-16-img {padding: 40px 30px 0; margin-top: 40px;-webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } .hero-16-img img { margin-bottom: -15px; } /* HERO-17 */ #hero-17 { padding-top: 70px; } .hero-17-txt .hero-app-logo img { max-height: 70px; margin-bottom: 20px; } .hero-17-txt h2 { font-size: 3.3rem; line-height: 1.3; } .hero-17-txt p.p-md { margin-top: 12px; margin-bottom: 20px; } .hero-17-img { margin: 0 -20px 0 -30px; } /* HERO-18 */ #hero-18 { padding-top: 80px; } .hero-18-txt .hero-app-logo img { max-height: 90px; margin-bottom: 25px; } .hero-18-txt h2 { font-size: 3rem; } .hero-18-txt p.p-xl { padding: 0; margin-top: 15px; margin-bottom: 20px; } .hero-18-img { margin-top: 15px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ .about-1 { margin-bottom: 70px; } .about-2-title { margin-bottom: 15px; } .about-4-title { padding-right: 2%; } .about-1-txt h2 { font-size: 3.25rem; margin-bottom: 10px; } .about-1-txt h4 { padding-right: 0; } .about-1-img { margin-top: 40px; margin-bottom: -70px; } .about-3 .img-block.left-column { margin-right: 5px; } .about-3 .img-block.right-column { margin-left: 5px; } /* CAREERS */ .jobs-category { padding: 0 30px 10px; margin-bottom: 30px; } .jobs-category h4 { padding-top: 25px; margin-bottom: 8px; } .career-item { padding: 15px 0; } .position-link { top: 20px; right: 5px; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } .more-careers { margin-top: 45px; } .more-careers-txt p { font-size: 1.0625rem; top: 7px; } .more-careers-btn { margin-left: 15px; } .more-careers-btn .btn { font-size: 0.975rem; padding: 0.7rem 1.6rem; } /* JOB POSITION */ .job-position-title { padding: 60px 0 50px; margin: 80px 0 20px; } .job-position-title .position-data { margin-top: 10px; } .job-position-title .position-data p.p-xl { font-size: 1.3rem; } .job-position-title .btn { font-size: 1rem; padding: 0.75rem 1.6rem; margin-bottom: 5px; } .position-info h5 { margin: 35px 0 15px; } .position-info .btn { margin-top: 20px; } /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { padding-top: 22px; } .features-4 .section-title.mb-70 { margin-bottom: 40px; } .features-2 .section-title p.p-xl { font-size: 1.2rem; } .fbox-5-wrapper { padding: 45px 30px 55px; } .features-1 .col { padding: 0 9px; } .features-5 .col { padding: 0 6px; } .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3, .rows-2 .fb-5, .rows-2 .fb-6, .rows-3 .fb-1, .rows-3 .fb-2, .rows-3 .fb-3, .rows-3 .fb-4, .row-cols-md-2 .fb-1, .row-cols-md-2 .fb-2 { margin-bottom: 30px; } .features-1 .row-cols-md-2 .fb-1, .features-1 .row-cols-md-2 .fb-2 { margin-bottom: 40px; } .fbox-wrapper.left-align .rows-2 .fb-1, .fbox-wrapper.left-align .rows-2 .fb-2, .fbox-wrapper.left-align .rows-2 .fb-3, .fbox-wrapper.left-align .rows-2 .fb-4 { margin-bottom: 35px; } .fbox-wrapper.left-align .rows-2 .fb-5, .fbox-wrapper.left-align .rows-2 .fb-6 { margin-bottom: 0; } .rows-4 .fb-1, .rows-4 .fb-2, .rows-4 .fb-3, .rows-4 .fb-4, .rows-4 .fb-5, .rows-4 .fb-6, .rows-4 .fbox-2.fb-1, .rows-4 .fbox-2.fb-2, .rows-4 .fbox-2.fb-3, .rows-4 .fbox-2.fb-4, .rows-4 .fbox-2.fb-5, .rows-4 .fbox-2.fb-6, .fbox-3.fb-1, .fbox-3.fb-2 { margin-bottom: 24px; } .fbox-wrapper.left-align .fbox-1 { text-align: center; padding: 0 5%; } .fbox-3 { padding: 36px 40px 27px; } .fbox-4-txt { padding-left: 35px; } .fbox-4, .fbox-4.fb-5, .fbox-4.fb-6 { padding: 25px 18px; } .fbox-4.fb-7, .fbox-4.fb-8 { padding: 40px 20px 0; } .fbox-4.fb-1 .fbox-4-img { margin: 20px 10% 0; } .fbox-4.fb-2 .fbox-4-img, .fbox-4.fb-3 .fbox-4-img, .fbox-4.fb-4 .fbox-4-img { margin: 0 10% 20px; } .fbox-4.fb-5 .fbox-4-img, .fbox-4.fb-6 .fbox-4-img, .fbox-4.fb-7 .fbox-4-img, .fbox-4.fb-8 .fbox-4-img { margin: 22px 0 0; } .fbox-5 { padding: 40px 30px 35px; } .fbox-5-img img { max-height: 160px; margin-bottom: 20px; } .fbox-6 .fbox-img { margin-bottom: 20px; } .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 125px; } .fbox-7 .fbox-img.h-175 img, .fbox-7 .fbox-img.h-180 img { max-height: 120px; } .fbox-7 .fbox-img.h-175, .fbox-7 .fbox-img.h-180 { padding-top: 20px; margin: 0 0 45px; } .fbox-ico-wrap { margin-right: 16px; } .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:after { font-size: 3.65rem; } .fbox-wrapper .row-cols-md-2 .fbox-2 .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .row-cols-md-2 .fbox-2 .ico-50 [class*="flaticon-"]:after { font-size: 3.4rem; } .fbox-ico { margin-bottom: 14px; } .fbox-1 .fbox-ico.ico-60 { margin-bottom: 15px; } .fbox-5 .fbox-ico { margin-bottom: 18px; } .fbox-ico[class*="img-"] { margin-bottom: 20px; } .rows-3 .fbox-2 h5, .fbox-wrapper .row-cols-md-2 h6, .fbox-wrapper .row-cols-md-3 h6 { margin-bottom: 10px; } .fbox-3 h6 { margin: 12px 0 8px; } .fbox-4-txt h2, .fbox-4-txt h3.h3-xl, .fbox-4 h5, .fbox-5 h5 { margin-bottom: 12px; } .fbox-4-txt h3.h3-lg { font-size: 1.91176rem; margin-bottom: 12px; } .fbox-4.fb-5 h5, .fbox-4.fb-6 h5 { margin-bottom: 16px; } .features-2-download { margin-top: 40px; } .features-2-download p.p-sm { font-size: 0.95rem; margin-top: 15px; } /* CONTENT */ .ct-08 { margin-bottom: 50px; } .ct-09 { margin-top: 50px; } .bc-04 { margin: 25px 0; } .ct-06 .section-overlay { margin-bottom: 80px; } .bc-01 .section-overlay { padding: 60px 35px; } .bc-02 .section-overlay, .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 40px 30px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 50px; } .bc-03 .section-overlay { padding: 60px 40px 0; } .bc-04-wrapper { padding-left: 30px; } .ct-05 .section-title.mb-70 { margin-bottom: 40px; } .bc-03 .section-title { margin-bottom: 35px; } .bc-03 .section-title h2 { padding: 0 3%; } .bc-03 .section-title p { padding: 0; } .txt-box, .bc-1-wrapper .txt-box { margin-bottom: 15px; } .ct-09 .txt-block { margin-top: 25px; } .bc-01 .txt-block.left-column { padding-right: 5px; } .bc-01 .txt-block.right-column { padding-left: 5px; } .bc-04 .txt-block { padding-right: 0; margin-right: -5px; } .txt-block h3, .txt-block h2, .txt-block h5, .bc-02 .txt-block h5 { margin-bottom: 12px; } h5.h5-title { margin: 12px 0; } ul.simple-list li:not(:last-child) p { margin-bottom: 8px; } .txt-block-stat.mt-30 { margin-top: 18px; } .txt-block-stat.mt-35 { margin-top: 20px; } .txt-block .btn { margin-top: 18px; } .txt-block-tra-link { margin-top: 14px; } .txt-block .stores-badge { margin-top: 20px; } .cbox-1 .ico-wrap { margin-right: 1rem; } .cbox-1-ico { width: 1.9rem; height: 1.9rem; font-size: 1rem; line-height: 1.5rem; margin-top: 2px; } .cbox-2 .ico-wrap { margin-right: 1.25rem; } .cbox-2 .cbox-2-ico { top: 4px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 2.75rem; } .cbox-1-txt { margin-bottom: 16px!important; } .cbox-2-txt { margin-bottom: 20px!important; } .cbox-3-txt { margin-bottom: 22px; } .cbox-1-txt h5, .cbox-2-txt h5 { margin-bottom: 10px!important; } .cbox-title { margin-bottom: 12px; } .cbox-title span[class*="flaticon-"]:before, .cbox-title span[class*="flaticon-"]:after { font-size: 2.05rem; } .cbox-title span { margin-right: 12px; } .cbox-title h5 { line-height: 1.75rem!important; } .cbox-4-wrapper { margin-top: -3px; } .box-title { margin-bottom: 10px; } .box-title span { top: 5px; right: 4px; } .cbox-5 { width: 280px; min-width: 280px; padding: 13px 20px; } .cbox-5.cb-1 { margin: 8px 0 20px; } .cbox-5-txt { padding-left: 13px; } .cbox-5-txt h6 { margin-bottom: 0; } .cbox-6 { padding: 30px 22px; margin: 0 5%; } .cbox-6 hr { margin-top: 25px; margin-bottom: 15px; } .cbox-6 h2.statistic-number { font-size: 2.9rem; } .cbox-6 .statistic-number sup { font-size: 2.15rem; top: -8px; right: 0; margin-right: 5px; } .cbox-6-title p.p-md.ico-10 { margin-top: 10px; } .cbox-6-txt.mt-30 { margin-top: 18px; } .cbox-6-data { padding: 9px 15px; } .cbox-6-data.mt-25 { margin-top: 18px; } .cb-shape-1 { right: -50px; top: -20px; } .cb-shape-2 { left: -5px; bottom: -30px; } .cb-shape-1 img, .cb-shape-2 img { width: 60%; height: 60%; } .cbox-7-txt { padding-left: 8px; } .cbox-7-ico { width: 20px; height: 20px; margin-top: 1px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.775rem; } .cbox-7-ico span { line-height: 18px; } .cbox-7-txt p { margin-bottom: 12px; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.85rem; line-height: 30px; top: -4px; } .tabs-1 li { margin-bottom: 6px; padding: 16px 18px; } .tab-link p { margin-top: 6px; } /* Content Image */ .ct-01 .img-block.right-column, .ct-02 .img-block.right-column, .ct-07 .img-block.right-column, .ct-08 .img-block.right-column, .ct-09 .img-block.right-column { margin-left: 0; } .ct-01 .img-block.left-column, .ct-02 .img-block.left-column, .ct-07 .img-block.left-column, .ct-08 .img-block.left-column, .ct-09 .img-block.left-column { margin-right: 0; } .ct-03 .img-block img { max-width: 215%; margin-left: 15px; } .ct-04 .img-block img { max-width: 215%; margin-left: -125%; } .ct-07 .img-block, .ct-08 .img-block { margin-bottom: -50px; } .ct-09 .img-block { margin-top: -50px; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -80px; } .img-block-txt, .img-block-btn { margin-top: 40px; } .bc-3-img .video-btn { top: calc(50% - 60px); } .bc-2-img.left-column { margin-right: 0; } .bc-2-img.right-column { margin-left: 0; } .bc-3-img { margin-bottom: -150px; } .bc-4-img { margin: -15px 0; padding-left: 10px; } /* STATISTIC */ .statistic-2-wrapper .txt-block { padding-left: 15px; padding-right: 4%; } #sb-2-1 { padding-left: 10%; } .statistic-1 .statistic-block { display: block!important; text-align: center; } .statistic-1-wrapper .statistic-block-digit { width: 100%; display: block!important; float: none; margin-bottom: 12px; } .statistic-1-wrapper .statistic-block-txt { width: 100%; display: inline-block!important; padding: 0 8%; } .statistic-4-wrapper .statistic-block { padding: 10px 0 10px 15px; } .statistic-ico { margin-bottom: 10px; } .statistic-1 h2.statistic-number { font-size: 2.9rem; line-height: 1; letter-spacing: -1px; } .statistic-2-wrapper h2 { margin-bottom: 13px; } #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { font-size: 2.45rem; letter-spacing: 0; margin-bottom: 12px; } .statistic-4-wrapper h5 { margin: 16px 0 12px; } .statistic-1-wrapper p { line-height: 1.5; top: 0; } /* RATING */ .rating-section .rating-1-wrapper.text-center { padding: 0; } .rating-section .rating-2-wrapper.text-center { padding: 0 5%; } .rbox-1 .star-rating { font-size: 1rem; } .rbox-1 .star-rating span { top: -1.5px; } .rbox-2 p { margin-top: 12px; } .rbox-1-img { margin-bottom: 12px; } .rbox-1-img img { max-height: 28px; } .rbox-2-img img { max-height: 65px; } #rb-2-2 .rbox-2-img img { max-height: 110px; } /* TESTIMONIALS */ .reviews-3-wrapper { padding: 0; } .reviews-3-wrapper:after { width: 140%; height: 85%; top: 8%; left: -20%; } .review-1 { padding: 25px 20px 28px; margin: 0 10px 30px; } .review-1.no-title { padding: 35px 20px 25px; } .review-2 { padding: 0 20px; } .review-3 { padding: 35px 20px 25px; } #rw-3-1, #rw-3-2 { margin-bottom: 12px; } .review-item { width: 50%; margin-bottom: 24px; } .review-4 { padding: 28px 20px; } .review-ico.ico-45 { top: 10px; right: 20px; } .review-ico.ico-60 { top: 10px; left: 13px; } .review-1-txt h6.h6-md, .review-2-txt h6.h6-lg, .review-3-txt h6.h6-lg { margin-bottom: 8px; padding-right: 0; } .review-2-txt h6.h6-lg { margin-bottom: 10px; } .review-1-txt h6.h6-lg { font-size: 1.25rem; margin-bottom: 8px; padding-right: 0 } .review-rating.ico-15 { margin-bottom: 5px; } .review-rating.ico-15.mb-15 { margin-bottom: 8px; } .author-data { margin-top: 10px; } .author-data.mt-25 { margin-top: 15px; } .author-data.mb-15 { margin-bottom: 10px; } .review-avatar img, .owl-item .review-avatar img { width: 40px; height: 40px; } .review-2 .review-avatar img { width: 44px; height: 44px; } .review-3 .review-avatar img { width: 42px; height: 42px; } .review-3 .review-author { margin-top: 2px; } .author-data .review-author { padding: 0 0 0 12px; } .review-author.mt-15 { margin-top: -3px; } .review-author h6 { font-size: 1.1rem; margin-top: 4px; margin-bottom: 7px; } .review-author .review-rating { margin-top: -5px; } .reviews-btn { margin-top: 45px; } /* TEAM */ .team-1 { padding-bottom: 40px; } .team-member { margin-bottom: 40px; } .team-member-photo { margin-bottom: 16px; } .team-member-data h6 { margin-bottom: 5px; } .team-member-data p { font-size: 1.05rem; } /* PRICING */ .pricing-1 .section-title.mb-70 { margin-bottom: 40px; } .pricing-1 .container, .pricing-2 .container, .pricing-1-wrapper .col, .pricing-2-wrapper .col { padding: 0 5px; } .pricing-3-wrapper { padding: 0 8%; } .pricing-1-table { padding: 28px 22px; } .pricing-2-table { padding: 20px; } .pricing-3-table { padding: 20px 30px; } #pt-3-1 { margin: 0 5px 40px 35px; } #pt-3-2 { margin: 0 35px 40px 5px; } .pricing-table-header h5 { margin-bottom: 18px; } .pricing-discount { top: 2px; right: -3px; padding: 5px 9px; } .pricing-discount h6 { font-size: 0.935rem; } /* Price */ .price span { font-size: 2.45rem; letter-spacing: -1.5px; } .pricing-2-table .price span, .pricing-3-table .price span { font-size: 2.45rem; } .price sup { font-size: 2.125rem; top: -2px; } .pricing-2-table .price sup, .pricing-3-table .price sup { font-size: 1.85rem; top: -3px; } .price sup.validity { font-size: 1.2rem; } .pricing-2-table .price sup.validity, .pricing-3-table .price sup.validity { font-size: 1.45rem; } .price p { font-size: 0.9075rem; margin-top: 14px; margin-bottom: 14px; } .pricing-table-header p.p-md { font-size: 0.9rem; } .pricing-features.mt-25, .pricing-2-table .pricing-features, .pricing-3-table .pricing-features { margin-top: 15px; } .pricing-features li, .pricing-3-table .pricing-features li { padding: 8px 0; } .pricing-2-table .pricing-features li { padding-top: 8px; padding-bottom: 8px; } .pricing-1-table .pricing-features li span { display: none; } .pricing-features p.p-md { font-size: 0.935rem; line-height: 1.5; } .pt-btn { font-size: 0.95rem; padding: 0.785rem 0.5rem; margin-top: 15px; } .p-table p.btn-txt { font-size: 0.875rem; margin-top: 10px; } /* Pricing Notice */ .pricing-notice { margin-top: 0; } .col-md-10 .pricing-notice p { padding: 0; } .pricing-notice .btn.mt-25 { margin-top: 20px; } /* Pricing Toggle Button */ .pricing-1 .section-title p { margin-top: 10px; } .toggle-btn.mt-40 { margin-top: 16px; } .toggler-txt { font-size: 1.125rem; line-height: 28px; } .switch-wrap { min-width: 46px; height: 28px; margin: 0 6px; } .switcher { font-size: 0.85rem; height: 28px; padding: 0 10px 0 30px; border-radius: 32px; } .switcher .show-annual, .switcher .show-monthly { line-height: 28px; } .switcher:before { left: 3px; bottom: 3px; width: 22px; height: 22px; } .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .table>:not(caption)>*>* { padding: 12px 0x; } .comp-table .table-responsive thead th { font-size: 1.1rem; } .comp-table .table-responsive tbody th { font-size: 1.0625rem; } .comp-table .table-responsive tbody td { font-size: 1.0625rem; top: 1px; } .comp-table .table-responsive tbody td span { top: 1px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.715rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.925rem; } .comp-table-payment .col { padding: 0 10px; } .comp-table-payment h6 { font-size: 1.15rem; margin-bottom: 14px; } .payment-icons li { padding-right: 2px; } .comp-table-payment .payment-icons { margin-top: 18px; } .comp-table-payment .payment-icons img { width: auto; max-width: inherit; max-height: 22px; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 46px; } .int-1-wrapper { padding: 60px; } .int-2-wrapper { padding: 0; } .filter-btns button { font-size: 1.15rem; margin: 0 12px; } .integrations-3 .filter-item { width: 50%; padding: 0 10px; margin-bottom: 20px; } .int_tool-1 { margin-bottom: 30px; } .int_tool-2 { padding: 30px 20px; margin-bottom: 24px; } .int_tool-3 { padding: 16px 22px; } .int_tool-1 .tool_logo { padding: 40px 30px; margin-bottom: 25px; } .int_tool-1 img { width: 60px; height: 60px; } .int_tool-2 img { width: 55px; height: 55px; } .int_tool-3 img { width: 36px; height: 36px; } .tool_txt { overflow: visible; flex: none; max-width: auto; } .tool_txt h6 { font-size: 1.35rem; margin-top: 0; } .tool_logo h6 { line-height: 36px; top: 3px; margin-left: 10px; } .int_tool-1 h6 { font-size: 1.35rem; } .int_tool-2 h6 { font-size: 1.25rem; margin-top: 20px; } .tool_txt p { font-size: 1.15rem; margin-top: 0; } .tool_description p { font-size: 1rem; margin-top: 12px; } .integrations-section .more-btn.mt-30 { margin-top: 22px; } .integrations-1 .more-btn { margin-top: 16px; } /* MORE APPS */ .apps-1-wrapper { padding: 0; } .rows-2 .ab-1, .rows-2 .ab-2, .rows-2 .ab-3, .rows-2 .ab-4 { margin-bottom: 30px; } .app-box h6, .app-box h5 { margin-top: 20px; margin-bottom: 8px; } .apps-1-wrapper .app-logo-img { padding: 0 5%; } /* BRANDS */ .brands-2-wrapper .col { padding: 0 10px; } .brands-title h6 { margin-bottom: 30px; } .brands-title h5 { margin-bottom: 40px; } .brands-title p { padding: 0 10%; margin-bottom: 25px; } .brands-carousel-5 .brand-logo, .brands-carousel-6 .brand-logo { padding: 0 10px; } .brands-2-wrapper .row-cols-md-6 .brand-logo { padding: 0; } .brands-section .more-btn { margin-top: 25px; } /* CHANGELOG */ .version-release { margin-bottom: 50px; } .release-data { padding-bottom: 20px; margin-bottom: 17px; } span.version-data { margin-bottom: 12px; } span.release-date { font-size: 1.1rem; } .release-highlights h6 { margin-bottom: 12px; } .release-highlights ul.simple-list li:not(:last-child) p { margin-bottom: 5px; } .release-preview { margin-bottom: 20px; } /* DOWNLOAD */ .download-item { padding: 25px 25px 20px; } .download-item img { max-height: 47px; margin-bottom: 20px; } .download-item h6 { font-size: 1.375rem; } .download-item p { font-size: 1.05rem; margin-top: 5px; } /* FAQs */ .faqs-1 .section-title { padding: 0 3%; margin-bottom: 30px; } .faqs-2 .section-title { padding: 0 3%; margin-bottom: 40px; } .faq-3-title { margin-top: 5px; } .faq-3-title p { font-size: 1.0625rem; margin-top: 12px; margin-bottom: 20px; } .faqs-2 .question { margin-bottom: 20px; } .faqs-2-questions .left-column { padding-right: 0; } .faqs-2-questions .right-column { padding-left: 0; } .faqs-1-questions h4 { margin-top: 50px; margin-bottom: 20px; } .faqs-2 .question h6, .faqs-2 .question h5 { padding-right: 0; margin-bottom: 10px; } .faqs-section .accordion-thumb { padding: 18px 0 22px; } .faqs-section .accordion-panel { padding: 0 0 5px 0; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.85rem; line-height: 30px; top: 17px; } .more-questions { margin-top: 45px; } .faqs-2 .more-questions { margin-top: 30px; } .more-questions-btn { margin-top: 5px; } /* BANNER */ .banner-1-wrapper { padding: 65px 50px 70px; } .banner-2-wrapper .banner-overlay { padding: 45px 50px 55px; } .banner-3 .banner-overlay.pt-80.pb-90 { padding: 45px 0 55px; } .banner-4-wrapper { padding: 35px 40px; } .banner-5 { padding-top: 35px; } .banner-5-wrapper .banner-overlay { padding: 0 40px; } .banner-section .section-id { margin-bottom: 18px; } .banner-1-txt h4, .banner-4-txt h4 { font-size: 1.85rem; } .banner-1-txt h2 { padding-right: 3%; } .banner-2-txt h2, .banner-3-txt h2 { padding: 0 5%; } .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 12px 0 18px; padding-right: 0 } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0 4%; margin: 12px 0 18px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { margin-top: 15px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { margin-top: 12px; margin-bottom: 20px; } .banner-3-txt .btn.mt-25, .banner-3-txt .btn.mt-35 { margin-top: 20px; } .banner-4-btn { top: 8px; } .banner-4-btn p { margin: 10px 0 0!important; } .banner-section p.btn-txt { margin-top: 15px; } .banner-5-img.right-column { margin-top: -35px; padding-left: 5px; } .banner-5-img.left-column { margin-top: -35px; padding-right: 5px; } .banner-qr-code { right: 32px; max-width: 85px; padding: 10px 8px 8px; } .banner-1 .banner-qr-code { right: 40px; } /* NEWSLETTER */ .newsletter-1 .newsletter-overlay { text-align: center; padding: 50px 18% 40px; } .newsletter-2 .newsletter-overlay { padding: 55px 0 45px; } .newsletter-3 .newsletter-overlay { text-align: center; padding: 45px 14% 35px; } .newsletter-4 .newsletter-overlay { padding: 60px 0 50px; } .newsletter-txt h4, .newsletter-txt h3 { font-size: 2.0588rem; padding: 0 5%; margin-bottom: 22px; } .newsletter-2 .newsletter-txt p, .newsletter-4 .newsletter-txt p { padding: 0 14%; } .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { margin-top: 0; padding: 0 5%; } .newsletter-2 .newsletter-form, .newsletter-4 .newsletter-form { padding: 0 6%; margin-top: 25px; } .newsletter-section .form-control { height: 50px; font-size: 1.125rem; margin-right: 8px; } .newsletter-section .btn { height: 50px; font-size: 1.0625rem; padding: 0.7rem 1.45rem; } .newsletter-2.newsletter-section .btn, .newsletter-4.newsletter-section .btn { font-size: 1.0625rem; } /* BLOG */ .blog-1 .blog-post { margin-bottom: 30px; } #bp-1-3 { display: none; } .blog-post-txt { margin-top: 25px; } .blog-post-meta, .wide-post .blog-post-meta { margin-top: 16px; } .meta-list-divider { padding: 0 1px; } .post-tag { font-size: 0.815rem; margin-bottom: 12px; } .blog-post-txt h4, .blog-post-txt h6, .blog-post-txt h5 { margin-bottom: 12px; } /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 30px; } #blog-page .blog-post { margin-bottom: 40px; } #blog-page .blog-post.wide-post { margin-bottom: 35px; } .wide-post .blog-post-img { margin-right: 5px; } .wide-post .blog-post-txt { margin-left: 0; } .posts-category { margin-top: 30px; margin-bottom: 30px; } /* SINGLE BLOG POST */ .blog-post-preview { padding: 0; margin-bottom: 35px; } .single-post-title { padding: 0; margin-bottom: 35px; } .single-post-title .blog-post-meta { margin-bottom: 18px; } .single-post-title h2 { margin-bottom: 16px; } .single-post-txt { padding: 0; } .single-post-txt h6 { margin-bottom: 10px; } .single-post-txt h5.h5-xl { font-size: 1.575rem; margin-top: 30px; margin-bottom: 16px; } .single-post-txt h5 { margin-top: 17px; margin-bottom: 16px; } .post-inner-img { margin-top: 35px; margin-bottom: 35px; } .post-data { margin: 45px 0 0; padding: 45px 0 70px; } .post-author-avatar { margin-right: 15px; } .post-author-avatar img { width: 55px; height: 55px; } .post-author-txt { top: 4px; } .post-share-list p { margin-bottom: 10px; } /* CONTACTS */ .contacts-1.pb-40 { padding-bottom: 20px; } .contacts-1 .contact-form p { font-size: 1.05rem; margin-bottom: 14px; padding-left: 10px; } .contacts-1 .contact-form .contact-form-notice p { font-size: 0.95rem; margin-top: 25px; } .contact-form .form-control, .contact-form .form-select { height: 50px; font-size: 1.05rem; padding: 0 15px; margin-bottom: 26px; } .contact-form textarea { min-height: 160px; } .contact-form textarea.form-control { padding: 15px; } /* FOOTER */ .footer { padding-bottom: 25px; } .footer-data-logo, .footer-data-socials { margin-bottom: 50px; } .footer-1 .fl-3, .footer-1 .fl-5, .footer-1 .footer-contacts { margin-bottom: 20px; } img.footer-logo { max-height: 28px; margin-bottom: 16px; } .footer-data-logo img.footer-logo { max-height: 30px; margin-bottom: 0; } .footer-qr-code { max-width: 90px; padding: 8px; } .footer-copyright-logo { top: -3px; } .footer-copyright-logo img.footer-logo { max-height: 25px; } .footer h6 { font-size: 1.21323rem; margin-bottom: 16px; } /* 16.5px */ .footer-phone { margin-top: 10px; } .footer-mail-link { margin: 0 0 0 6px; } .footer-mail-link span { top: 4px; right: 5px; } .footer .foo-links li p { margin-bottom: 8px; } .footer hr { margin: 5px 0 25px; } .footer-socials.ico-20 a, .footer-socials.ico-25 a { margin-right: 11px; } .footer-socials.ico-20 li:last-child a, .footer-socials.ico-25 li:last-child a { margin-right: 0; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; } .footer-form .form-control, .footer-form .btn { height: 20px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 10px!important; } .footer-data-socials li { padding-left: 9px; } .footer-data-socials p { top: 7.5px; } .footer-copyright.copyright-logo p { line-height: 25px; margin-left: 12px; } /* INNER PAGE WRAPPER */ .inner-page-hero { margin-top: 80px; padding-top: 60px; } .page-hero-section-overlay { margin-top: 80px; padding-top: 60px; } .inner-page-title { margin-bottom: 40px; } .inner-page-title h2 { margin-bottom: 0; } .inner-page-title p { margin-top: 15px; } .page-hero-section h2 { line-height: 1.25; margin-bottom: 20px; } /* TERMS, PRIVACY, COOKIES */ .txt-block.legal-info h5 { margin: 30px 0 15px; } .txt-block.legal-info h6 { margin: 15px 0; } .txt-block.legal-info h6 span, .txt-block.legal-info h5 span { margin-right: 2px; } /* SIGN IN / SIGN UP */ .register-page-logo { padding-top: 26px; } .register-page-logo img { max-height: 24px; } .register-page-form { margin: 0 8%; padding: 110px 0; } .reset-page-wrapper { margin: 0 8%; padding: 150px 0 115px; } .register-form-title { margin-bottom: 20px; } .register-form-title h4 { font-size: 1.95rem; } .register-form-title p { font-size: 1.15rem; margin-top: 5px; } .reset-form-title { margin-bottom: 18px; } .reset-form-title h5 { font-size: 1.8em; } .reset-form-title p.p-sm { font-size: 1.0625rem; margin-top: 12px; } .reset-password-link p { font-size: 1.0625rem; margin-bottom: 25px; } .form-data span { font-size: 1rem; } .register-page-form p.create-account { font-size: 1.125rem; } .separator-line { font-size: 1.0625rem; margin: 20px 0; } .reset-page-wrapper .form-control, .register-page-form .form-control { height: 48px; font-size: 1.0625rem; padding: 0 15px; margin-bottom: 20px; } .reset-page-wrapper .form-control { margin-bottom: 18px; } #login .register-page-form .btn.submit { height: 48px; font-size: 1.0625rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 48px; font-size: 1.0625rem; margin-top: 22px; } .reset-page-wrapper .btn.submit { height: 48px; font-size: 1.0625rem; } .register-page-form .btn-google { font-size: 1.125rem; padding: 0.9rem 1.6rem; } .btn-google img { width: 22px; height: 22px; right: 4px; } /* COOKIES */ #cookies { width: 98%; left: 1%; bottom: 14px; padding: 20px; } #cookies p { font-size: 0.9rem; } #cookies-ok { font-size: 0.85rem; padding: 4px 14px; right: 40px; bottom: 15px; } #cookies-info { margin-left: 7px; } #cookies-close { top: 16px; right: 16px; } #cookies-close svg { width: 9px; height: 9px; } /* MODAL */ .modal-dialog.modal-xl { max-width: 550px!important; } .modal-body-content { padding: 40px 25px 30px; } .modal-body-content h4 { margin-bottom: 12px; } .modal-body .newsletter-form { margin-top: 18px; } .modal .newsletter-form .form-control { height: 52px; font-size: 1.1rem; margin-bottom: 16px; } .modal .newsletter-form .btn { height: 50px; font-size: 1.05rem; }}/* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ */@media (max-width: 767px) { /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .animate__animated {-o-transition-property: none !important;-moz-transition-property: none !important;-ms-transition-property: none !important;-webkit-transition-property: none !important;transition-property: none !important;-o-transform: none !important;-moz-transform: none !important;-ms-transform: none !important;-webkit-transform: none !important;transform: none !important;-webkit-animation: none !important;-moz-animation: none !important;-o-animation: none !important;-ms-animation: none !important;animation: none !important;opacity: 1; } .wow {animation-name: none!important;visibility: visible!important; } .block--shadow {-webkit-box-shadow: 0 3px 4px 0 var(--tra-black);-moz-box-shadow: 0 3px 4px 0 var(--tra-black);box-shadow: 0 3px 4px 0 var(--tra-black); } .py-40 { padding: 30px 0; } .py-50 { padding: 35px 0; } .py-60 { padding: 40px 0; } .py-70 { padding: 50px 0; } .py-80 { padding: 50px 0; } .py-90 { padding: 60px 0; } .py-100 { padding: 70px 0; } .pt-40 { padding-top: 30px; } .pt-50 { padding-top: 35px; } .pt-60 { padding-top: 40px; } .pt-70 { padding-top: 50px; } .pt-80 { padding-top: 50px; } .pt-90 { padding-top: 60px; } .pt-100 { padding-top: 70px; } .pb-40 { padding-bottom: 30px; } .pb-50 { padding-bottom: 35px; } .pb-60 { padding-bottom: 40px; } .pb-70 { padding-bottom: 50px; } .pb-80 { padding-bottom: 50px; } .pb-90 { padding-bottom: 60px; } .pb-100 { padding-bottom: 70px; } .mt-30 { margin-top: 24px; } .mt-40 { margin-top: 30px; } .mt-45 { margin-top: 30px; } .mt-50 { margin-top: 35px; } .mt-55 { margin-top: 35px; } .mt-60 { margin-top: 40px; } .mt-65 { margin-top: 45px; } .mt-70 { margin-top: 50px; } .mt-75 { margin-top: 50px; } .mt-80 { margin-top: 50px; } .mb-30 { margin-bottom: 24px; } .mb-40 { margin-bottom: 30px; } .mb-45 { margin-bottom: 30px; } .mb-50 { margin-bottom: 35px; } .mb-55 { margin-bottom: 35px; } .mb-60 { margin-bottom: 40px; } .mb-65 { margin-bottom: 45px; } .mb-70 { margin-bottom: 50px; } .mb-75 { margin-bottom: 50px; } .mb-80 { margin-bottom: 50px; } .ts-0 { padding-top: 80px; } p.p-sm { font-size: 1rem; } /* Button Text */ p.btn-txt { margin: 12px 0 0 0; } p.btns-group-txt { margin: 12px 0 0 0; } .text-center p.btns-group-txt { margin-top: 16px; } /* Quote */ .quote-avatar img { width: 54px; height: 54px; } .quote p { padding-left: 14px; margin-top: 15px; } .quote-author { padding: 0 0 0 10px; } .quote.pr-15, .quote.pr-40, .quote.pr-50, .quote.pr-60 { padding-right: 0; } /* Users */ .txt-block .users { margin-top: 14px; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ .headtoppart { display: none; } .wsmobileheader .smllogo { display: block; padding-left: 22px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: var(--white); } .dark-menu .wsmobileheader, .black-scroll .wsmobileheader { background-color: var(--ink); } .tra-menu.border-header .wsmainfull { border: none; } .theme--dark .tra-menu .wsmobileheader, .theme--dark .white-menu .wsmobileheader {background-color: var(--ink)!important;-webkit-box-shadow: 0 2px 3px var(--tra-ink);-moz-box-shadow: 0 2px 3px var(--tra-ink);box-shadow: 0 2px 3px var(--tra-ink); } /* Mobile Header Burger Menu */ .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; } .wsanimated-arrow span:before { top: -8px; width: 26px; } .wsanimated-arrow span:after { bottom: -8px; width: 20px; } .dark-menu .wsanimated-arrow span, .dark-menu .wsanimated-arrow span:before, .dark-menu .wsanimated-arrow span:after, .black-scroll .wsanimated-arrow span, .black-scroll .wsanimated-arrow span:before, .black-scroll .wsanimated-arrow span:after { background: var(--white); } .theme--dark .wsanimated-arrow span, .theme--dark .wsanimated-arrow span:before, .theme--dark .wsanimated-arrow span:after { background: #b1b7cd; } .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span { background: transparent; } .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; } .wsmenu > .wsmenu-list > li.mobile-last-link > a { border-bottom: none; } /* Dark Header Settings */ .dark-menu .wsmenu > .wsmenu-list, .black-scroll .wsmenu > .wsmenu-list { background-color: #1d222f!important; } .dark-menu .wsmenu > .wsmenu-list > li > a, .black-scroll .wsmenu > .wsmenu-list > li > a { border-bottom-color: var(--tra-white); } .dark-menu .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before, .black-scroll .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: rgba(255, 255, 255, .85); } /* Nav Link */ .wsmenu > .wsmenu-list > li > a { font-size: 1.125rem; line-height: 46px; padding: 5px 32px 4px 20px; margin: 0; } .tra-menu .wsmenu > .wsmenu-list > li > a.h-link, .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { color: var(--gray); } .black-scroll .wsmenu > .wsmenu-list > li > a.h-link { color: var(--white); } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 21px 18px 0px 0px; } .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 25px; } .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, .theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a { color: var(--white)!important; } .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn--white, .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn--tra-white { color: #1d222f!important; } /* SubMenu / HalfMenu / MegaMenu */ .wsmenu > .wsmenu-list > li > ul.sub-menu { width: 100%!important; min-width: 100%!important; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 100%!important; padding: 10px; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { width: 100%!important; left: 0; padding: 12px 10px; } .wsmenu > .wsmenu-list > li.mobile-last-link > ul.sub-menu { border-bottom: none!important; } .wsmegamenu.w-75 .col-lg-3, .wsmegamenu.halfmenu .col-lg-6 { padding: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu {opacity: 1!important; visibility: visible!important; -webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg); } .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {border-bottom: 1px solid var(--tra-white)!important; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0;box-shadow: 0 0; } .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { background-color: #1d222f!important; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {width: 100%!important;min-width: 100%!important;box-shadow: 0 0;border: none;position: static;left: 0;top: 0;margin: 0;padding: 5px 0 0 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { display: none; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 > i {height: 9px; width: 9px; transform: rotate(-225deg); margin: 17px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i.wsmenu-rotate { margin-top: 22px; } /* Sub Menu / Half Menu / Mega Menu Links */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {color: var(--gray); font-size: 1.0625rem; padding: 15px 14px; } /* Black Scroll */ .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {color: #ddd;background-color: rgba(255, 255, 255, 0)!important; } .navbar-light .wsmenu-list > li > a.h-link:hover { color: var(--black)!important; } /* Sub Menu / Half Menu / Mega Menu Links Hover */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 15px 14px; text-decoration: none; } /* Black Scroll */ .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {background-color: rgba(255, 255, 255, .05)!important; } /* Button */ .wsmenu > .wsmenu-list > li a.btn {font-size: 1.125rem;line-height: 44px;border-width: 2px;padding: 5px 22px;margin: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; } .wsmenu > .wsmenu-list > li a.btn.ico-20 [class*="flaticon-"]:before, .wsmenu > .wsmenu-list > li a.btn.ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; line-height: 0.75rem!important; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a { font-size: 1.0625rem; padding: 12px 14px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a:hover { padding: 12px 14px; } .wsmenu > .wsmenu-list > li a.btn.reg-btn { line-height: 44px; padding: 5px 22px; } .wsmenu > .wsmenu-list > li.reg-fst-link > a, .wsmenu > .wsmenu-list > li a.btn.fst-btn-link { margin-left: 0; } /* Header Store Badges */ .wsmenu > .wsmenu-list > li a.store.header-store { margin: 5px 0 0 12px; display: block; float: none; border-bottom: none; } .store.header-store img { max-height: 46px; } /* Header Social Links */ .wsmenu > .wsmenu-list > li.header-socials { display: block; } .header-socials a { margin-left: 20px; margin-right: 5px; } .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.45rem; } /* Navbar Transparent Buttons */ .white-scroll .btn--tra-white, .white-scroll .btn--tra-black {color: var(--white)!important;background-color: var(--black)!important;border-color: var(--black)!important; } .theme--dark .white-scroll .btn--white, .theme--dark .white-scroll .btn--tra-white {background-color: var(--white)!important;border-color: var(--white)!important; } .black-scroll .btn--tra-white, .black-scroll .btn--tra-black {color: var(--black)!important;background-color: var(--white)!important;border-color: var(--white)!important; } .white-scroll .btn--tra-gray, .black-scroll .btn--tra-gray {color: var(--black)!important;background-color: var(--smoke)!important;border-color: var(--smoke)!important; } /* Navbar Buttons Hover */ .white-scroll .hover--white:hover, .white-scroll .hover--tra-white:hover {color: var(--black)!important;border-color: var(--black)!important;background-color: transparent!important; } .theme--dark .white-scroll .hover--tra-white:hover {color: var(--white)!important;border-color: var(--white)!important;background-color: transparent!important; } .theme--dark .navbar-dark .hover--tra-black:hover, .theme--dark .navbar-dark .scroll .hover--tra-black:hover {color: var(--white)!important;background-color: transparent!important;border-color: var(--white)!important; } .theme--dark .wsmenu > .wsmenu-list { background-color: #1d222f!important; } .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: var(--white); } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section { margin-top: 80px; } /* HERO QUICK FORM */ .hero-section .quick-form .form-control { text-align: center; margin-bottom: 15px; } .hero-section .quick-form .input-group-btn { display: block; width: 100%!important; } .hero-section .quick-form .btn { display: block; width: 100%!important; margin-left: 0; } .hero-section .quick-form.form-half .btn { margin-left: 0; } /* HERO DIGITS */ .hero-digits { display: inline-block; margin: 0 auto; padding-right: 0; } #hd-1-1, #hd-1-2 { width: 50%; padding: 0 10px; } /* HERO-1 */ #hero-1 { padding-top: 80px; } .hero-1-txt { text-align: center; margin-top: 0; } .hero-1-img { padding: 0; margin-top: 40px; } /* HERO-2 */ #hero-2 { padding-top: 75px; padding-bottom: 85px; } .hero-2-txt p.p-xl { padding: 0; } /* HERO-3 */ #hero-3 { padding-top: 80px; } /* HERO-4 */ #hero-4 { padding-top: 80px; } .hero-4-img { margin-top: 40px; } /* HERO-5 */ #hero-5 { padding-top: 80px; } .hero-5-txt { text-align: center; } .hero-5-txt p.p-xl { padding: 0; } .hero-5-img { padding: 0; margin-top: 40px; } /* HERO-6 */ #hero-6 { padding-top: 80px; } .hero-6-txt p.p-lg { padding: 0; } .hero-6-img { margin-top: 40px; padding: 0; } /* HERO-7 */ #hero-7 { padding-top: 80px; padding-bottom: 0; } .hero-7-txt { text-align: center; margin-top: 0; margin-bottom: 40px; } /* HERO-8 */ #hero-8 { text-align: center; padding-top: 80px; margin-bottom: 50px; } .hero-8-txt { margin-top: 0; } .hero-8-img { margin: 40px 0 -50px 0; } /* HERO-9 */ #hero-9 { padding-top: 80px; } .hero-9-txt { margin-top: 0; margin-top: 0; text-align: center; } .hero-9-img { padding-left: 0; margin-top: 40px; } /* HERO-10 */ #hero-10 { padding-top: 80px; } .hero-10-txt p.p-lg { padding: 0; } .hero-10-img { margin-top: 40px; } /* HERO-11 */ #hero-11 { padding-top: 80px; text-align: center; } .hero-11-img { padding-left: 0; margin-top: 40px; } .hero-11-txt .quick-form { margin-top: 25px; margin-right: 0; } /* HERO-12 */ #hero-12, #hero-13 { padding-top: 80px; } /* HERO-13 */ #hero-13 { text-align: center; padding-top: 80px; padding-bottom: 0; } .hero-13-txt { margin-top: 0; } .hero-13-txt .quick-form { margin-top: 25px; margin-right: 0; } .hero-13-img { padding-right: 0; margin-top: 40px; } /* HERO-14 */ #hero-14 { padding-top: 80px; padding-bottom: 95px; } .hero-14-txt p.p-xl { padding: 0; } /* HERO-15 */ #hero-15 { text-align: center; padding-top: 80px; margin-bottom: 70px; } .hero-15-txt { margin-top: 0; padding-left: 0; } .hero-15-txt p.p-lg { padding-right: 0; } .hero-15-img { padding-right: 0; margin: 45px 0 -70px; } /* HERO-16 */ #hero-16 { padding-top: 80px; } .hero-16-img img { margin-bottom: -20px; } /* HERO-17 */ #hero-17 { text-align: center; padding-top: 80px; } .hero-17-txt { margin: 0; } .hero-17-img { margin: 50px 0 0; } /* HERO-18 */ #hero-18 { padding-top: 80px; } .hero-18-txt p.p-xl { padding: 0; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ .about-4-title { padding: 0; margin-bottom: 15px; } #a2-1 { margin-bottom: 16px; } .about-1 { margin-bottom: 60px; } .about-1-txt h4 { padding-right: 0; } .about-1-img { margin-top: 40px; margin-bottom: -60px; } .about-3 .img-block.left-column { margin-right: 0; margin-bottom: 40px; } .about-3 .img-block.right-column { margin-left: 0; margin-bottom: 40px; } /* CAREERS */ .more-careers { margin-top: 40px; } .more-careers-txt { text-align: center!important; display: block; float: none; } .more-careers-btn { display: block; margin: 20px 0 0; } .more-careers-btn .btn { font-size: 1rem; padding: 0.7rem 1.75rem; } /* JOB POSITION */ .job-position-title { padding: 60px 0; margin: 80px 0 20px; } .job-position-title .position-data { margin-top: 10px; } .jb-txt h2 { padding-right: 0; } .job-position-title .btn { position: relative; bottom: 0; margin: 15px 0 0; } .position-info h5 { margin: 40px 0 25px; } .position-info .btn { margin-top: 20px!important; } /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { padding-top: 0; margin-top: 40px; } .fb-1, .fb-2, .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3, .rows-2 .fb-4, .rows-2 .fb-5, .row-cols-md-2 .fb-3, .rows-3 .fb-1, .rows-3 .fb-2, .rows-3 .fb-3, .rows-3 .fb-4, .rows-3 .fb-5, .rows-4 .fb-1, .rows-4 .fb-2, .rows-4 .fb-3, .rows-4 .fb-4, .rows-4 .fb-5, .rows-4 .fb-6, .fbox-4.fb-1, .fbox-4.fb-3, .fbox-4.fb-5, .fbox-4.fb-7, .rows-4 .fbox-2.fb-1, .rows-4 .fbox-2.fb-2, .rows-4 .fbox-2.fb-3, .rows-4 .fbox-2.fb-4, .rows-4 .fbox-2.fb-5, .rows-4 .fbox-2.fb-6 {margin-bottom: 40px;} .features-2 .rows-4 .fb-7 { margin-bottom: 40px; } .fbox-5.fb-2 { margin-bottom: 0; } .fbox-wrapper.left-align .rows-2 .fb-1, .fbox-wrapper.left-align .rows-2 .fb-2, .fbox-wrapper.left-align .rows-2 .fb-3, .fbox-wrapper.left-align .rows-2 .fb-4, .fbox-wrapper.left-align .rows-2 .fb-5 { margin-bottom: 40px; } .rows-2 .fb-7 { margin-top: 40px; margin-bottom: 40px; } .fbox-4-txt { text-align: center; padding-top: 60px; padding-left: 0; margin-bottom: 40px; } .fbox-4.fb-2, .fbox-4.fb-4, .fbox-4.fb-6 { margin-bottom: 0; } .fbox-4.fb-1, .fbox-4.fb-5, .fbox-4.fb-6 { display: block; } .fbox-1 { text-align: center; } .fbox-2 { text-align: center; display: block; } .fbox-ico-wrap { display: block; margin-right: 0; } .fbox-2 .fbox-ico { margin-top: 0; } .shape-ico span { top: 0; padding-top: 14px; line-height: 1.35; } .fbox-4-img img {-webkit-border-radius: 0 0 16px 16px;-moz-border-radius: 0 0 16px 16px;-o-border-radius: 0 0 16px 16px;border-radius: 0 0 16px 16px; } .features-2-download { margin-top: 50px; } .features-2-download p.p-sm { font-size: 1rem; margin-top: 15px; } /* CONTENT */ .ct-08 { margin-bottom: 0; padding-bottom: 70px; } .ct-09 { margin-top: 0; padding-top: 70px; } .ct-06 .section-overlay { margin-bottom: 80px; } .bc-04 { margin: 0; } .bc-01 .container, .bc-03 .container { max-width: 100%; } .bc-01-wrapper, .bc-03-wrapper { margin: 0 -15px; border-radius: 0 0!important; } .bc-04-wrapper { padding-left: 0; } .ct-07 .txt-block, .ct-08 .txt-block, .ct-09 .txt-block { margin-top: 0; } .bc-01 .txt-block.left-column, .bc-04 .txt-block { padding-right: 0; } .bc-01 .txt-block.right-column { padding-left: 0; } .cbox-2 { display: block; text-align: center; } .cbox-2 .ico-wrap { margin-right: 0; margin-bottom: 10px; } .cbox-2 .cbox-2-ico { top: 0; } .cbox-4 p.p-sm { font-size: 1rem; } .cbox-6-wrapper { margin-bottom: 70px; } .cbox-6 { margin: 0; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after {width: 32px; height: 32px; font-size: 0.815rem; line-height: 32px; top: -2px; } /* Content Image */ .ct-01 .img-block.right-column, .ct-02 .img-block.right-column, .ct-07 .img-block.right-column, .ct-08 .img-block.right-column, .ct-09 .img-block.right-column { margin-left: 0; } .ct-01 .img-block.left-column, .ct-02 .img-block.left-column, .ct-07 .img-block.left-column, .ct-08 .img-block.left-column, .ct-09 .img-block.left-column { margin-right: 0; } .ct-01 .img-block, .ct-02 .img-block, .ct-07 .img-block, .ct-08 .img-block, .ct-09 .img-block { margin: 0 0 35px; } .ct-03 .img-block img, .ct-04 .img-block img { max-width: 100%; margin: 0 0 35px; } .ct-07 .img-block, .ct-08 .img-block, .bc-01 .img-block { margin-bottom: 35px; } .ct-09 .img-block { margin-top: 0; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -80px; } .img-block-txt, .img-block-btn { margin-top: 45px; } .bc-2-img.right-column, .bc-2-img.left-column { margin: 0 0 35px; } .bc-3-img { margin-bottom: -60px; } .bc-3-img .video-btn { top: calc(50% - 25px); } .bc-4-img { transform: rotate(0deg); margin: 0 0 40px; } /* STATISTIC */ .statistic-block-txt { padding: 0; } .statistic-2-wrapper, .statistic-6-wrapper { text-align: center; } .statistic-4-wrapper { padding: 0 10%; } .statistic-1 .statistic-block { display: block!important; text-align: center; } .statistic-1-wrapper .statistic-block-digit { width: 100%; display: block!important; float: none; margin-bottom: 15px; } .statistic-1-wrapper .statistic-block-txt { width: 100%; display: inline-block!important; padding-left: 0; } .statistic-4-wrapper .statistic-block { text-align: center; padding: 0; } .statistic-2-wrapper .txt-block { margin-bottom: 30px; } #sb-1-1, #sb-1-2 { margin-bottom: 40px; } #sb-4-1, #sb-4-2 {border-right: none; border-bottom: 1px solid rgba(230, 230, 230, .2); padding-bottom: 40px; margin-bottom: 40px; } .statistic-1-wrapper p { line-height: 1.5; top: 0; } /* RATING */ .rating-section .rating-1-wrapper.text-center, .rating-section .rating-2-wrapper.text-center { padding: 0; } #rb-1-1, #rb-1-2, #rb-2-1, #rb-2-2 { margin-bottom: 30px; } /* TESTIMONIALS */ .reviews-3-wrapper { padding: 0; } .review-1 { margin: 0 5px 30px; } .review-2 { text-align: center; padding: 0 10px; } #rw-3-1, #rw-3-2, #rw-3-3 { margin-bottom: 30px; } .review-item { width: 100%; padding: 0; margin-bottom: 30px; } .review-4 { text-align: center; } .review-1-txt h6.h6-md, .review-3-txt h6.h6-lg { font-size: 1.1875rem; margin-bottom: 8px; padding-right: 0; } .review-1-txt h6.h6-lg, .review-2-txt h6.h6-lg, .review-3-txt h6.h6-lg { font-size: 1.25rem; margin-bottom: 8px; padding-right: 0; } .review-rating.ico-15, .review-rating.ico-15.mb-15 { margin-bottom: 5px; } .author-data { margin-top: 10px; } .author-data.mt-25 { margin-top: 13px; } .author-data.mb-15 { margin-bottom: 10px; } .review-author .review-rating { margin-top: -5px; } .review-3 .review-author { margin-top: 0; } /* TEAM */ #team-1 { padding-bottom: 30px; } .team-member { margin-bottom: 40px; } /* PRICING */ .pricing-3-wrapper { padding: 0; } #pt-3-1, #pt-3-2 { margin: 0 0 40px 0; } .pricing-table-header h5 { margin-bottom: 15px; } .price p { margin-top: 15px; margin-bottom: 15px; } .pricing-features.mt-25 { margin-top: 20px; } /* Pricing Notice */ .pricing-notice { margin-top: 0; } .pricing-notice .btn.mt-25 { margin-top: 20px; } /* Pricing Toggle Button */ .pricing-1 .section-title p { margin-top: 12px; } .toggle-btn.mt-40 { margin-top: 20px; } .toggler-txt { font-size: 1.15rem; line-height: 32px; } .switch-wrap { min-width: 52px; height: 32px; margin: 0 6px; } .switcher { font-size: 0.85rem; height: 32px; padding: 0 10px 0 30px; border-radius: 32px; } .switcher .show-annual, .switcher .show-monthly { line-height: 32px; } .switcher:before { left: 4px; bottom: 4px; width: 24px; height: 24px; } .switch-wrap input:checked + .switcher { padding: 0 30px 0 10px; } .comp-table-payment .payment-icons { margin-top: 18px; } /* INTEGRATIONS */ .integrations-3 { margin-bottom: -20px; } .int-1-wrapper { padding: 60px 40px 70px; } .int-2-wrapper { padding: 0; } .filter-btns { text-align: center; margin-bottom: 24px; } .filter-btns button {width: 100%;background-color: #f4f6f8;border: 1px solid #eee;font-size: 1.135rem;padding: 0.9rem 0.1rem;margin: 0 0 10px;border-radius: 6px; } .theme--dark .filter-btns button { color: var(--white); background-color: var(--white-smoke); border-color: var(--border-dark); } .filter-btns button.is-checked { color: var(--white); background-color: var(--theme-color); } .integrations-3 .filter-item { width: 100%; padding: 0; margin-bottom: 20px; } .tool_description p { font-size: 1rem; } .integrations-section .more-btn.mt-30 { margin-top: 20px; } /* MORE APPS */ .apps-1-wrapper { padding: 0; } .ab-1, .ab-2, .ab-3, .rows-2 .ab-5, .rows-2 .ab-6 { margin-bottom: 40px; } /* CHANGELOG */ .version-release { margin-bottom: 40px; } .release-data { padding-bottom: 30px; margin-bottom: 25px; } .release-preview { margin-bottom: 20px; } /* DOWNLOAD */ #di-1, #di-2 { margin-bottom: 30px; } .download-item p { font-size: 1.05rem; margin-top: 5px; } /* FAQs */ .faqs-1 .section-title { margin-bottom: 25px; } .faqs-2 .section-title { margin-bottom: 40px; } .faq-3-title { margin-top: 0; margin-bottom: 25px; } .faq-3-title p { padding-right: 0; } .faqs-2 .question { margin-bottom: 25px; } .faqs-2-questions .left-column { padding-right: 0; } .faqs-2-questions .right-column { padding-left: 0; } .faqs-1-questions h4 { margin-top: 45px; margin-bottom: 20px; } .faqs-2 .question h6, .faqs-2 .question h5 { padding-right: 0; margin-bottom: 10px; } .faqs-section .accordion-thumb { padding: 18px 0 22px; } .faqs-section .accordion-thumb h5 { line-height: 1.5; padding-right: 10%; } .faqs-section .accordion-panel { padding: 0 0 8px 0; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after {width: 32px; height: 32px; font-size: 0.815rem; line-height: 32px; top: 17px; } .more-questions, .faqs-1 .more-questions { text-align: center; margin-top: 35px; } .faqs-2 .more-questions { margin-top: 25px; } .more-questions-txt { display: block; text-align: center!important; float: none; } .more-questions h6 { margin-bottom: 8px; } .more-questions-btn { margin: 15px 0 0; } /* BANNER */ .banner-2 .container, .banner-5 .container { max-width: 100%; } .banner-5 { padding-top: 0; text-align: center; } .banner-1-wrapper { text-align: center; padding: 60px 50px 75px; background-position: center left; } .banner-2-wrapper, .banner-5-wrapper { margin: 0 -15px; border-radius: 0 0!important; } .banner-5-wrapper .banner-overlay { overflow: hidden; border-radius: 0 0!important; } .banner-4-txt { text-align: center!important; margin-bottom: 14px; } .banner-5-txt { margin-top: 0; } .banner-section .text-end { text-align: center!important; } .banner-section .section-id { margin-bottom: 18px; } .banner-1-txt h4 br { display: none; } .banner-1-txt p.p-md, .banner-1-txt p.p-lg { padding-right: 0; } .banner-4-btn p { margin: 10px 0 0!important; } .banner-section p.btn-txt { margin-top: 15px; } .banner-5-img.right-column, .banner-5-img.left-column { margin: 40px 0 -15%; padding: 0; } .banner-qr-code { display: none; } /* NEWSLETTER */ .newsletter-1 .newsletter-overlay, .newsletter-3 .newsletter-overlay { text-align: center; } .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { margin-top: 0; padding-left: 0; } .newsletter-section .form-control { text-align: center; margin-right: 0; margin-bottom: 15px; } .newsletter-section .input-group-btn { display: block; width: 100%!important; } .newsletter-section .btn { display: block; width: 100%!important; margin: 0; } /* BLOG */ .blog-post-txt { padding-left: 0; padding-right: 0; } .blog-post-txt p.p-sm { font-size: 1rem; } /* BLOG LISTING */ .wide-post .blog-post-img { margin-right: 0; margin-bottom: 35px; } .wide-post .blog-post-txt { margin-left: 0; } .posts-category { margin: 10px 0 40px; } .posts-category.ico-20 [class*="flaticon-"]:before, .posts-category.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } /* SINGLE BLOG POST */ .blog-post-preview, .single-post-title { padding: 0; margin-bottom: 35px; } .single-post-txt { padding: 0; } .post-data { margin: 45px 0 0; padding: 45px 0 70px; } .post-share-list.text-end { text-align: left!important; margin-top: 15px; } .share-social-icons a.share-ico span { margin-left: 0; margin-right: 14px; } /* CONTACTS */ .contact-form textarea { min-height: 190px; } /* FOOTER */ .footer { padding-bottom: 40px; } .footer-data-logo { margin-bottom: 25px; } .footer-data-socials.text-end { text-align: left!important; margin-bottom: 45px; } .footer-qr-code { display: none; } .footer.ft-2-rows .footer-links { margin-bottom: 0; } .footer-1 .footer-form { margin-top: 35px; } .footer-1 .footer-contacts { margin-top: -10px; } .footer-3 .footer-connect { margin-bottom: 40px; } .footer-stores-badge.text-end, .bottom-footer .bottom-footer-socials.text-end, .footer-links.text-end, .bottom-footer .bottom-secondary-link.text-end, .bottom-footer .bottom-footer-list.text-end { text-align: left!important; } .footer-links { margin-bottom: 30px; } .fl-1, .fl-2, .fl-3, .fl-4 { border-bottom: 2px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; } .theme--dark .fl-1, .theme--dark .fl-2, .theme--dark .fl-3, .theme--dark .fl-4 { border-bottom: 2px solid var(--silver); } .footer-1 .fl-2, .footer-1 .fl-3, .footer-1 .fl-4 { padding-left: 0; } .footer-1 .fl-3 { margin-bottom: 20px; } .footer-1 .fl-5 { border-bottom: 2px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; } .theme--dark .footer-1 .fl-5 { border-bottom: 2px solid var(--silver); } .footer-2 img.footer-logo { margin-bottom: 15px; } .footer-3 img.footer-logo { margin-bottom: 10px; } .footer-copyright-logo { display: block; float: none; top: 0; margin-bottom: 12px; } .footer-copyright-logo img.footer-logo { max-height: 30px; } .footer h6.m-title { display: block; margin-bottom: 0!important; } .footer h6.d-title { display: none!important; } .foo-links { display: none; padding-top: 20px; } .footer-phone { margin-top: 10px; } .footer hr { display: none; } .bottom-footer-socials { margin-top: 16px; } .bottom-secondary-link, .bottom-footer-list { margin-top: 5px; } .bottom-footer-list.bottom-foo-socials { margin-top: 6px; } .bottom-footer-socials li { padding-left: 0; padding-right: 14px; } .footer-data-socials li { padding-left: 0; padding-right: 12px; } .bottom-foo-socials li { padding-left: 0; padding-right: 9px; } .footer-info-socials a, .bottom-footer-socials a { padding-top: 15px; } .footer-socials li span, .bottom-foo-socials li span, .footer-info-socials li span, .bottom-footer-socials li span { top: 0; padding-top: 14px; line-height: 1.2; } .footer-copyright.copyright-logo p { line-height: auto; margin-left: 0; } /* INNER PAGE WRAPPER */ .inner-page-hero, .page-hero-section-overlay { padding-top: 60px; margin-top: 80px; } .page-hero-section-overlay .txt-block { margin: 0 0 40px; } .inner-page-title { margin-bottom: 50px; } .inner-page-title p { line-height: 1.6666; margin-top: 15px; margin-bottom: 0; } /* TERMS, PRIVACY, COOKIES */ .txt-block.legal-info h5 { margin: 30px 0 15px; } .txt-block.legal-info h6 { margin: 15px 0; } .txt-block.legal-info h6 span, .txt-block.legal-info h5 span { margin-right: 2px; } /* SIGN IN / SIGN UP */ .register-page-logo { position: relative; text-align: center; padding-top: 70px; } .register-page-logo img { max-height: 30px; } .register-page-form { padding: 30px 0 90px; } .reset-page-wrapper { padding: 35px 0 110px; } .register-page-form .form-control, .reset-page-wrapper .form-control { padding: 0 15px; }}/* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ */@media (min-width: 480px) and (max-width: 767.98px) { /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .bg--fixed { width: auto; } .bg--scroll { width: auto; background-attachment: scroll!important; } /* Background Shape */ .bg--shape:after { width: 1300px; height: 1300px; top: 12%; left: -10%; } /* Headers */ h6, h6.h6-md, h6.h6-lg, h6.h6-xl { font-size: 1.375rem; } /* 22px; */ h5, h5.h5-md { font-size: 1.5625rem; } /* 25px */ h5.h5-lg, h5.h5-xl { font-size: 1.6875rem; }/* 27px */ h4, h4.h4-md, h4.h4-lg, h4.h4-xl { font-size: 1.8125rem; } /* 29px */ h3, h3.h3-md, h3.h3-lg, h3.h3-xl { font-size: 1.9375rem; } /* 31px */ h2, h2.h2-md, h2.h2-lg { font-size: 2.125rem; } /* 34px */ h2.h2-xl, h2.h2-title { font-size: 2.375rem; } /* 38px */ h6, h5, h4, h3, h2, h1 { line-height: 1.4; } /* Paragraphs */ p.p-sm, p { font-size: 1rem; } p.p-md, p.p-lg, p.p-xl { font-size: 1.0625rem; } /* Button */ .btn.btn-sm, .btn, .btn.btn-md, .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1.1rem; padding: 0.9125rem 1.45rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { font-size: 1.125rem; padding: 0.85rem 1.45rem; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.3845rem 0.5rem; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.3rem; } .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.225rem; top: -11px; margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.225rem; top: -11px; margin-left: 0; } .btn.ico-left span { margin-right: 5px; } .btn.ico-right span { margin-left: 5px; } .btn.ico-30.ico-left span { right: 0; } /* Button Text */ p.btn-txt, p.btns-group-txt, .btn-rating { margin: 12px 0 0 0; } .text-center p.btns-group-txt { margin-top: 18px; } .star-rating span.rating-txt { font-size: 1.1rem; } .os-version-ext { margin-top: 12px; } .os-version-ext .star-rating small { font-size: 1rem; } span.os-version { font-size: 1rem; line-height: 1.5; margin-top: 3px; } /* Transparent Link */ a.tra-link { font-size: 1.03125rem; } .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } /* OS Button */ .os-btn { width: 300px; min-width: 300px; padding: 14px 15px 12px; } .os-btn-ico { margin-right: 14px; } .os-btn-txt p { font-size: 1.1rem; margin-top: 3px; margin-bottom: 7px; } .os-btn-txt span { font-size: 1rem; } .d-inline-block.btn-os-last { margin-top: 12px; margin-left: 0; } .d-block.btn-os-last { margin-top: 12px; } /* Store Badge */ .store { margin-right: 5px; } .badge-img-xs .store img, .badge-img-sm .store img, .badge-img-md .store img, .badge-img-lg .store img { max-height: 3.175rem; } /* Watch Link */ .watch-video { margin-top: 22px; } p.video-txt-lg { font-size: 1.125rem; } p.video-txt-sm { font-size: 1.0625rem; } /* Vector Icon Background */ .ico-55 .shape-ico svg, .ico-60 .shape-ico svg { width: 130px; height: 130px; top: -42px; left: calc(50% - 70px); } /* Vector Rounded Icons */ .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after, .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:after, .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after {font-size: 3rem; line-height: 94px!important; } /* Section ID */ .section-id { font-size: 0.9rem; margin-bottom: 22px; } /* Section Title */ .section-title.mb-70 {margin-bottom: 35px; } .section-title.mb-100 { margin-bottom: 55px; } .section-title p { margin-top: 15px; } .section-title .btns-group { margin-top: 20px; } /* Advantages */ .advantages, .text-center .advantages { margin-top: 12px; } /* Compatibility */ .compatibility { margin-top: 5px; } /* Tools List / Payments Icons */ .tools-list p, .payment-methods p { margin-bottom: 15px; } .payment-icons img { max-height: 32px; } .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after {font-size: 2.125rem; line-height: 2.5rem!important; margin-right: 5px; } /* Quote */ .quote p { font-size: 1.1rem; margin-bottom: 6px; } .quote-author h6 { font-size: 1.2rem; } .quote-author span { font-size: 1.0625rem; } /* Users */ .txt-block .users { margin-top: 15px; } .users img { max-height: 44px; } .users p { font-size: 0.975rem; top: 12px; left: 5px; text-align: left!important; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Header Logo */ .wsmobileheader .smllogo { display: block; padding-left: 18px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmenu > .wsmenu-list { width: 345px; margin-right: -345px; } .wsactive .wsmobileheader { margin-right: 345px; } .overlapblackbg { width: calc(100% - 345px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 18px 0 0; } /* Nav Link Info */ span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; } .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 14px 10px; } /* Header Store Badges */ .store.header-store img { max-height: 46px; } /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section .hero-app-logo img { max-height: 98px; margin-bottom: 25px; } /* HERO QUICK FORM */ .hero-section .quick-form .form-control, .hero-section .quick-form .btn { font-size: 1.175rem; height: 60px; } .hero-section .quick-form.form-half .form-control { margin-bottom: 22px; } .hero-section .text-center .quick-form-msg { margin: 20px 0 -5px 0; } /* Hero Advantages */ .hero-section .text-center .advantages { margin-top: 16px; } .hero-section .os-version-ext { margin-top: 18px; } .hero-section .users p { margin-left: 8px; } /* HERO DIGITS */ .hero-digits h2.statistic-number { font-size: 3.125rem; } .hero-digits h2.statistic-number small { font-size: 2.35rem; margin-left: 3px; } /* HERO-1 */ #hero-1 { margin-bottom: 70px; } .hero-1-txt h2 { font-size: 2.65rem; } .hero-1-txt p.p-lg { padding: 0 4%; margin-top: 18px; margin-bottom: 25px; } .hero-1-img { padding: 0 5%; margin-top: 45px; margin-bottom: -70px; } /* HERO-2 */ .hero-2-txt h2 { font-size: 2.75rem; } .hero-2-txt p.p-xl { margin-top: 18px; margin-bottom: 26px; } .hero-2-txt p.btn-txt { margin-top: 16px; } /* HERO-3 */ .hero-3-txt h2 { font-size: 2.65rem; } .hero-3-txt p.p-xl { font-size: 1.135rem; margin-top: 12px; margin-bottom: 25px; } .hero-3-txt .btn-txt { margin-top: 18px; } .hero-3-img { margin: 40px -3% 0; } /* HERO-4 */ .hero-4-txt h2 { font-size: 2.65rem; padding: 0 3%; } .hero-4-txt p.p-xl { margin-top: 16px; margin-bottom: 25px; } .hero-4-img { margin: 45px -25px 0; } /* HERO-5 */ #hero-5 { margin-bottom: 70px; } .hero-5-txt h2 { font-size: 2.5rem; } .hero-5-txt p.p-xl { font-size: 1.125rem; margin-top: 20px; margin-bottom: 25px; } .hero-5-img { padding: 0 2%; margin-top: 50px; margin-bottom: -70px; } /* HERO-6 */ #hero-6:after { height: 8%; } .hero-6-txt h2 { font-size: 2.55rem; } .hero-6-txt p.p-lg { padding: 0 4%; margin-top: 15px; margin-bottom: 25px; } /* HERO-7 */ .hero-7-txt h2 { font-size: 2.65rem; margin-bottom: 25px; } .hero-7-img { margin: 0 3% -40%; } /* HERO-8 */ .hero-8-txt h2 { font-size: 2.65rem; } .hero-8-txt p.p-lg { margin-top: 15px; margin-bottom: 25px; } .hero-8-txt .quick-form { margin: 30px 4% 0; } /* HERO-9 */ #hero-9 { padding-top: 70px; } .hero-9-txt h2 { font-size: 2.65rem; } .hero-9-txt p.p-lg { padding: 0 5%; margin-top: 15px; margin-bottom: 25px; } .hero-9-img { padding: 0 3%; } /* HERO-10 */ .hero-10-txt h2 { font-size: 2.65rem; } .hero-10-txt p.p-lg { margin-top: 16px; margin-bottom: 25px; } .hero-10-txt p.btn-txt { margin-top: 25px; } #hero-10 .quick-form { margin: 25px 2% 0; } /* HERO-11 */ .hero-11-txt h2 { font-size: 2.4rem; } .hero-11-txt p.p-lg { margin-top: 15px; margin-bottom: 22px; } .hero-11-txt .quick-form { margin: 30px 4% 0; } /* HERO-12 */ .hero-12-txt h2 { font-size: 2.65rem; } .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { padding: 0; margin-top: 15px; margin-bottom: 25px; } .hero-12-img { margin-top: 40px; } /* HERO-13 */ #hero-13 { margin-bottom: 70px; } .hero-13-txt h2 { font-size: 2.65rem; } .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { margin-top: 12px; margin-bottom: 25px; } .hero-13-txt .quick-form { margin: 30px 4% 0; } .hero-13-img { margin: 45px 0 -70px; } /* HERO-14 */ .hero-14-txt { padding: 0 5%; } .hero-14-txt h2 { font-size: 3rem; } .hero-14-txt p.p-xl { margin-top: 18px; margin-bottom: 25px; } /* HERO-15 */ .hero-15-txt { padding: 0 5%; } .hero-15-txt h2 { font-size: 3rem; padding: 0 2%; } .hero-15-txt p.p-lg { margin-top: 16px; margin-bottom: 16px; } /* HERO-16 */ .hero-16-txt h2 { font-size: 2.75rem; padding: 0 5%; } .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 12px; margin-bottom: 22px; padding: 0; } .hero-16-img {padding: 35px 22px 0; margin-top: 35px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } /* HERO-17 */ .hero-17-txt { padding: 0 6%; } .hero-17-txt h2 { font-size: 3.2rem; line-height: 1.3; padding: 0 6%; } .hero-17-txt p.p-md { margin-top: 14px; margin-bottom: 25px; } /* HERO-18 */ .hero-18-txt h2 { font-size: 2.35rem; } .hero-18-txt p.p-xl { padding: 0 3%; margin-top: 18px; margin-bottom: 20px; } .hero-18-img { margin-top: 15px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ .about-2-title { margin-bottom: 14px; } .about-1-txt h2 { font-size: 2.75rem; margin-bottom: 12px; } .about-1-txt h4 { font-size: 1.4rem; } .about-section .accordion-1 { margin-top: -18px; } /* CAREERS */ .jobs-category { padding: 0 25px 10px; margin-bottom: 30px; } .jobs-category h4 { font-size: 1.725rem; padding-top: 25px; margin-bottom: 10px; } .career-item { padding: 15px 0; } .position-description h5 { font-size: 1.45rem; } .position-link { top: 20px; right: 0; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } /* JOB POSITION */ .job-position-title { margin-bottom: 30px; } .job-position-title .position-data p.p-xl { font-size: 1.25rem; } .job-position-title .btn { font-size: 1rem; padding: 0.75rem 1.85rem; } .position-info h5 { margin-top: 30px; margin-bottom: 15px; } .position-info .btn { margin-top: 20px!important; } /* FEATURES */ .fbox-5-wrapper .section-title { margin-bottom: 35px; } .features-2 .section-title p.p-xl { font-size: 1.175rem; } .fbox-5-wrapper .section-title p { padding: 0 5%; } .fbox-5-wrapper { padding: 50px 30px 55px; } .fbox-3 { padding: 45px 50px 40px; } .fbox-4-txt { padding: 50px 5% 0; } .fbox-4.fb-1 { display: flex; flex-wrap: wrap; } .fbox-4, .fbox-4.fb-5, .fbox-4.fb-6 { padding: 40px; } .fbox-4.fb-7, .fbox-4.fb-8 { padding: 50px 40px 0; } .fbox-4.fb-1 .fbox-4-img, .fbox-4.fb-2 .fbox-4-img, .fbox-4.fb-3 .fbox-4-img, .fbox-4.fb-4 .fbox-4-img { margin: 0 14% 25px; } .fbox-4.fb-5 .fbox-4-img, .fbox-4.fb-6 .fbox-4-img { margin: 0 0 30px; } .fbox-4.fb-7 .fbox-4-img, .fbox-4.fb-8 .fbox-4-img { margin: 32px 0 0; } .fbox-5 { padding: 45px; } .fbox-5-img img { max-height: 200px; margin-bottom: 20px; } .fbox-6 .fbox-img { margin-bottom: 25px; } .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 200px; } .fbox-7 .fbox-img.h-175, .fbox-7 .fbox-img.h-180 { padding-top: 35px; margin: 0 12% 45px; } .fbox-ico { margin-bottom: 20px; } .fbox-2 .fbox-ico-wrap.ico-55 { margin-bottom: 16px; } .fbox-ico[class*="img-"] { margin-bottom: 20px; } .fbox-wrapper .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .ico-50 [class*="flaticon-"]:after, .fbox-wrapper .ico-55 [class*="flaticon-"]:before, .fbox-wrapper .ico-55 [class*="flaticon-"]:after, .fbox-wrapper .ico-60 [class*="flaticon-"]:before, .fbox-wrapper .ico-60 [class*="flaticon-"]:after { font-size: 4rem; } .fbox-ico-wrap .ico-40 [class*="flaticon-"]:before, .fbox-ico-wrap .ico-40 [class*="flaticon-"]:after { font-size: 2.85rem; } .fbox-wrapper .row-cols-md-2 h6, .fbox-wrapper .row-cols-md-3 h6, .fbox-2 h5, .fbox-4 h5 { margin-bottom: 12px; } .fbox-3 h6 { margin-top: 12px; margin-bottom: 10px!important; } .fbox-4-txt h2 { margin: 0 4%; margin-bottom: 12px; } .fbox-4-txt h3.h3-xl { margin-bottom: 12px; } .fbox-4-txt h3.h3-lg { margin: 0 2%; font-size: 1.9375rem; margin-bottom: 12px; } .fbox-4.fb-5 h5, .fbox-4.fb-6 h5, .fbox-5 h5 { margin-bottom: 14px; } .fbox-4-txt p { margin: 0 2%; } /* CONTENT */ .ct-07, .ct-08, .ct-09 { padding: 70px 0; } .bc-04-wrapper { padding: 25px 25px 50px; } .ct-06 .section-overlay { margin-bottom: 50px; } .bc-01 .section-overlay { padding: 70px 35px; } .bc-02 .section-overlay, .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 50px 35px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 50px; } .bc-03 .section-overlay { padding: 70px 30px 0; } .ct-05 .section-title, .ct-06 .section-title { margin-bottom: 45px; } .bc-03 .section-title { margin-bottom: 35px; } .bc-03-wrapper .section-title h2 { font-size: 2.375rem; padding: 0 3%; } .bc-03 .section-title p { padding: 0 3%; } .txt-box, .bc-01 .txt-box { margin-bottom: 20px; } .txt-block-stat.mt-35 { margin-top: 25px; } .bc-04 .txt-block { padding: 0 18px; } .txt-block h3, .txt-block h2, .txt-block h5, .bc-02 .txt-block h5 { margin-bottom: 15px; } h5.h5-title { margin: 15px 0; } .txt-block .btn, .txt-block .stores-badge { margin-top: 24px; } .txt-block-tra-link { margin-top: 18px; } .cbox-1-ico { width: 2rem; height: 2rem; line-height: 1.65rem; margin-top: 4px; } .cbox-2 .cbox-2-ico { margin-bottom: 14px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 3.25rem; } .cbox-title { margin-bottom: 20px; } .cbox-title span { margin-right: 22px; } .cbox-title span[class*="flaticon-"]:before, .cbox-title span[class*="flaticon-"]:after { font-size: 2.5rem; } .cbox-title.ico-30 h5 { line-height: 2.5rem!important; } .cbox-1-txt { margin-bottom: 25px; } .cbox-2-txt { margin-bottom: 30px; } .cbox-1-txt h5, .cbox-2-txt h5 { margin-bottom: 13px!important; } .cbox-2-txt p { padding: 0 2%; } .cbox-4-wrapper { margin-top: 0; } .box-title { margin-bottom: 12px; } .cbox-4.cb-2 { margin-top: 18px; } .box-title span { top: 10px; left: 3px; right: 0; } .box-title h6 { position: relative; top: 2px; left: 8px; } .cbox-5 { width: 400px; min-width: 400px; padding: 14px 20px; } .cbox-5.cb-1 { margin: 10px 0 25px; } .cbox-5-ico span { position: relative; top: 3px; } .cbox-5-txt { padding-left: 14px; } .cbox-5-txt h6 { font-size: 1.25rem; margin-bottom: 0; } .cbox-6 { padding: 30px; } .cbox-6 hr { margin-top: 30px; margin-bottom: 20px; } .cbox-6 h2.statistic-number { font-size: 3rem; } .cbox-6 .statistic-number sup { font-size: 2.5rem; top: -5px; right: 0; margin-right: 5px; } .cbox-6-txt.mt-30 { margin-top: 25px; } .cbox-6-data { padding: 14px 20px; } .cbox-6-data.mt-25 { margin-top: 20px; } .cb-shape-1 { right: -55px; top: -25px; } .cb-shape-2 { left: -20px; bottom: -20px; } .cb-shape-1 img, .cb-shape-2 img { width: 75%; height: 75%; } .cbox-7-ico { margin-top: 1px; } .cbox-7-ico { width: 26px; height: 26px; margin-top: 1px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } .cbox-7-ico span { line-height: 24px; } .cbox-7-txt p { margin-bottom: 15px; } .txt-block .accordion-1 .accordion-item { padding: 22px 0 27px; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.8rem; line-height: 30px; top: -0.5px; right: 5px; } .txt-block .accordion-1 .accordion-thumb h5 { font-size: 1.65rem; padding-left: 0; } .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 18px; } .txt-block .accordion-1 .accordion-panel { padding: 0; } .tabs-1 li { padding: 22px 24px; } .tab-link p { margin-top: 6px; } /* Content Images */ .img-block-hidden, .ct-06 .img-block { margin-bottom: -50px; } .img-block-txt, .img-block-btn { margin-top: 40px; } .bc-3-img { margin-bottom: -100px; } .bc-3-img .video-btn { top: calc(50% - 30px); } /* STATISTIC */ .statistic-2.py-80 { padding: 70px 0; } .statistic-2-wrapper .txt-block { padding: 0 10%; } .statistic-ico { margin-bottom: 12px; } h3.statistic-number { font-size: 2.7rem; letter-spacing: -1px; } h2.statistic-number { font-size: 2.75rem; letter-spacing: -1px; } .statistic-2-wrapper h2, #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { margin-bottom: 12px; } .statistic-4-wrapper h5 { margin: 20px 0 12px; } /* RATING */ #rb-2-2 { margin-bottom: 25px; } .rating-title h5 { font-size: 1.1875rem; } .rbox-2-img img { max-height: 70px; } #rb-2-2 .rbox-2-img img { max-height: 135px; } .rbox-1 .star-rating { font-size: 1rem; line-height: 1; } .rbox-2 p { margin-top: 15px; } .rbox-1 .star-rating span { top: -1.5px; } .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } /* TESTIMONIALS */ .reviews-3-wrapper:after { width: 140%; height: 92%; top: 4%; left: -20%; } .review-1 { padding: 22px 24px 27px; } .review-1.no-title { padding: 37px 24px 27px; } .review-2 { padding: 0; } .review-3 { padding: 37px 30px 25px; } .review-4 { padding: 30px 25px; } .review-ico.ico-45 { top: 10px; right: 16px; } .review-ico.ico-60 { top: 10px; left: 20px; } .review-2 .review-avatar { margin: 18px auto 11px; float: none; } .review-avatar img, .owl-item .review-avatar img, .review-3 .review-avatar img { width: 46px; height: 46px; } .reviews-2 .owl-carousel .owl-item img { display: inline-block; } .review-2 .review-avatar img { width: 52px; height: 52px; } .author-data .review-author { padding: 0 0 0 12px; } .review-4-txt .author-data { display: inline-block; margin-top: 3px; } .review-4-txt .author-data.mb-15 { margin-top: 0; margin-bottom: 12px; } .review-2 .author-data .review-author { text-align: center; padding: 0; } .review-author.mt-15 { margin-top: -2px; } .review-author h6 { font-size: 1.1rem; margin-top: 3px; margin-bottom: 7px; } .review-author h6 span, .review-author p { font-size: 1rem; } .reviews-btn { margin-top: 45px; } /* TEAM */ .team-1 { padding-bottom: 30px; } .team-member-photo { margin-bottom: 25px; } .team-member-data h6 { margin-bottom: 8px; } .team-member-data p { font-size: 1.075rem; } /* PRICING */ .pricing-1-table, .pricing-2-table, .pricing-3-table { padding: 40px 35px; } .pricing-table-header h5 { font-size: 1.6875rem!important; } .pricing-1-table .pricing-table-header h5 { margin-bottom: 20px; } .p-table p.btn-txt { margin: 12px 0 0 0; } .pricing-discount { top: 0; } .pricing-discount h6 { font-size: 1.1rem; } /* Price */ .price span { font-size: 2.875rem; letter-spacing: -1.5px; } .pricing-2-table .price span, .pricing-3-table .price span { font-size: 2.75rem; } .price sup { font-size: 2.15rem; top: -4px; } .pricing-2-table .price sup, .pricing-3-table .price sup { font-size: 2.15rem; top: -4px; right: 2px; } .price sup.validity { font-size: 1.4375rem; } .pricing-2-table .price sup.validity, .pricing-3-table .price sup.validity { font-size: 1.75rem; } /* Pricing Features */ .pricing-features.mt-25 { margin-top: 18px; } .pricing-2-table .pricing-features, .pricing-3-table .pricing-features { text-align: center; margin-top: 14px; } .pricing-features li, .pricing-2-table .pricing-features li, .pricing-3-table .pricing-features li { padding: 10px 8px; } /* Pricing Notice */ .pricing-notice.mb-40 { margin-bottom: 30px; } .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 35px; } .table>:not(caption)>*>* { padding-top: 10px; padding-bottom: 10px; } .comp-table .table-responsive thead th { font-size: 0.975rem; } .comp-table .table-responsive tbody th { font-size: 0.925rem; } .comp-table .table-responsive tbody td { font-size: 0.925rem; top: 0; } .comp-table .table-responsive tbody td span { top: 1px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.725rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.875rem; } #pbox-1, #pbox-2 { margin-bottom: 30px; } .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; } .comp-table-payment h6 { margin-bottom: 13px; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 50px; } .integrations-1 .container { max-width: 100%; } .int-1-wrapper { padding: 70px 6%; margin: 0 -15px; border-radius: 0 0!important; } .int-2-wrapper .col { padding: 0 8px; } .integrations-3 .filter-content { margin: 0 -10px; } .filter-btns { margin-bottom: 30px; } .filter-btns button { margin-bottom: 13px; } .integrations-3 .filter-item { width: 50%; padding: 0 10px; } .int_tool-1 { margin-bottom: 30px; } .int_tool-2 { padding: 30px; margin-bottom: 20px; } .int_tool-3 { padding: 22px 18px; } .int_tool-1 .tool_logo { padding: 40px 30px; margin-bottom: 20px; } .int_tool-1 img, .int_tool-2 img { width: 55px; height: 55px; } .int_tool-3 img { width: 44px; height: 44px; } .tool_txt { overflow: visible; flex: none; max-width: auto; } .tool_txt h6 { font-size: 1.15rem; line-height: 1.3; margin-top: 1px; } .tool_logo h6 { font-size: 1.3rem; line-height: 44px; top: 3px; margin-left: 10px; } .int_tool-1 h6 { font-size: 1.2rem; } .int_tool-2 h6 { font-size: 1.15rem; margin-top: 20px; } .tool_txt p { font-size: 0.95rem; margin-top: 3px; } .tool_description p { font-size: 1rem; margin-top: 13px; } .integrations-section .more-btn.mt-30 { margin-top: 24px; } .integrations-1 .more-btn { margin-top: 18px; } /* MORE APPS */ .ab-1, .ab-2, .ab-3, .rows-2 .ab-1, .rows-2 .ab-2, .rows-2 .ab-3, .rows-2 .ab-4, .rows-2 .ab-5, .rows-2 .ab-6 { margin-bottom: 40px; } .statistic-2-wrapper .txt-block { margin-bottom: 35px; } .app-box h6, .app-box h5 { margin-top: 24px; margin-bottom: 10px; } .app-logo-img { padding: 0 5%; } /* BRANDS */ #brand-2-1, #brand-2-2, #brand-2-3 { margin-bottom: 35px; } .brands-title h6 { font-size: 1rem; margin-bottom: 35px; } .brands-title h5 { font-size: 1.4rem; margin-bottom: 35px; } .brands-title p { padding: 0; margin-bottom: 30px; } .brands-carousel-5 .brand-logo, .brands-carousel-6 .brand-logo { padding: 0 15px; } .brands-2-wrapper .row-cols-md-6 .brand-logo { padding: 0 8px; } .brands-section .more-btn { margin-top: 35px; } /* CHANGELOG */ span.version-data { font-size: 1.375rem; line-height: 1.35; margin-bottom: 10px; } span.release-date { font-size: 1.05rem; } .release-highlights h6 { font-size: 1.2rem; margin-bottom: 15px; } /* FAQs */ .faq-3-title p { font-size: 1.1rem; margin-top: 15px; margin-bottom: 20px; } .faqs-2 .question h6, .faqs-2 .question h5 { font-size: 1.25rem; margin-bottom: 12px; } .faqs-section .accordion-thumb h5 { font-size: 1.25rem; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: 19px; right: 0; } .more-questions h6.h6-lg { font-size: 1.25rem; } /* BANNER */ .banner-2-wrapper .banner-overlay { padding: 55px 50px 65px; } .banner-3 .banner-overlay.pt-80.pb-90 { padding: 55px 0 65px; } .banner-4-wrapper { padding: 50px 10%; } .banner-5-wrapper .banner-overlay { padding: 60px 50px 0; } .banner-4-txt { margin-bottom: 10px; } .banner-1-txt h2 { padding: 0 4%; } .banner-5-txt h2 { padding: 0 8%; } .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 12px 0 20px; } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0; margin: 12px 0 22px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { margin-top: 14px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { margin-top: 14px; margin-bottom: 24px; } .banner-3-txt .btn.mt-25, .banner-3-txt .btn.mt-35 { margin-top: 22px; } .banner-2-txt p.btn-txt, .banner-5-txt p.btn-txt { font-size: 0.95rem; } .banner-5-img.right-column, .banner-5-img.left-column { margin: 40px 0 -25%; } /* NEWSLETTER */ .newsletter-1 .newsletter-overlay { padding: 50px 0 40px; } .newsletter-2 .newsletter-overlay { padding: 60px 0 50px; } .newsletter-3 .newsletter-overlay { padding: 45px 3% 35px; } .newsletter-4 .newsletter-overlay { padding-top: 60px; padding-bottom: 60px; } .newsletter-txt h4, .newsletter-txt h3 { font-size: 2rem; padding: 0 5%; margin-bottom: 25px; } .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { padding: 0 6%; } .newsletter-2 .newsletter-form { padding: 0 10%; margin-top: 30px; } .newsletter-4 .newsletter-form { padding: 0 7%; margin-top: 30px; } .newsletter-section .form-control, .newsletter-section .btn { height: 54px; font-size: 1.0625rem; } .newsletter-2.newsletter-section .btn, .newsletter-4.newsletter-section .btn { font-size: 1.0625rem; } /* BLOG */ .blog-1.pb-60 { padding-bottom: 30px; } .blog-1 .blog-post { margin-bottom: 40px; } .blog-post-txt { padding: 0 15px; margin-top: 35px; } .blog-post-meta, .wide-post .blog-post-meta { margin-top: 20px; } .post-tag { font-size: 0.85rem; margin-bottom: 18px; } .blog-post-txt h4, .blog-post-txt h6, .blog-post-txt h5 { margin-bottom: 14px; } /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 30px; } #blog-page .blog-post { margin-bottom: 40px; } #blog-page .blog-post.wide-post { margin-bottom: 40px; } .wide-post .blog-post-img { margin-bottom: 35px; } /* SINGLE BLOG POST */ .blog-post-preview, .single-post-title { margin-bottom: 30px; } .single-post-title .blog-post-meta { margin-bottom: 10px; } .single-post-title h2 { margin-bottom: 14px; } .single-post-txt h6 { font-size: 1.1875rem; margin-bottom: 10px; } .single-post-txt h5.h5-xl { font-size: 1.5rem; margin-top: 26px; margin-bottom: 14px; } .single-post-txt h5 { margin-top: 15px; margin-bottom: 14px; } .post-inner-img { margin-top: 30px; margin-bottom: 30px; } .post-data { margin: 40px 0 0; padding: 40px 0 70px; } .post-author-avatar { margin-right: 16px; } .post-author-avatar img { width: 60px; height: 60px; } .post-author-txt { top: 4px; } .post-author-txt p { margin-top: 5px; } .share-social-icons.ico-25 [class*="flaticon-"]:before, .share-social-icons.ico-25 [class*="flaticon-"]:after { font-size: 1.525rem; } .share-social-icons a.share-ico span { margin-right: 10px; } /* CONTACTS */ .contacts-1 .contact-form .contact-form-notice p { font-size: 0.925rem; margin-top: 30px; } .contact-form .form-control, .contact-form .form-select { height: 54px; font-size: 1.0625rem; margin-bottom: 30px; } .contact-form .form-btn .btn { font-size: 1.05rem; padding: 0.9rem 1.8rem; } /* FOOTER */ .footer-1 .footer-form { margin-top: 40px; } .footer-3 .footer-connect { margin-top: 5px; margin-bottom: 30px; } img.footer-logo { max-height: 30px; margin-bottom: 25px; } .footer-data-logo img.footer-logo { max-height: 33px; margin-bottom: 0; } .footer-2 img.footer-logo { margin-bottom: 5px; } .footer-copyright-logo img.footer-logo { max-height: 28px; } .footer h6 { font-size: 1.25rem; margin-bottom: 20px; } /* 20px */ .footer .footer-links h6.h6-lg { font-size: 1.25rem; margin-bottom: 18px; } .footer h6.m-title:after { font-size: 1.125rem; top: 3px; } .footer-mail-link { margin: 0 0 0 6px; } .footer-mail-link a { font-size: 1.09375rem; } /* 17.5px */ .footer-mail-link span { top: 4px; right: 4px; } .footer-mail-link.ico-20 [class*="flaticon-"]:before, .footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.275rem; } .footer-info-socials li { padding-right: 13px; } .footer-info-socials.ico-20 [class*="flaticon-"]:before, .footer-info-socials.ico-20 [class*="flaticon-"]:after, .footer-info-socials.ico-25 [class*="flaticon-"]:before, .footer-info-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.3975rem; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.435rem; } .footer-1 .footer-form { margin-bottom: 0; } .footer-form .form-control { font-size: 1.125rem; height: 40px; } .footer-form .btn { height: 40px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.0625rem; line-height: 26px!important; } .footer-1 .bottom-footer { margin-top: 22px; } .footer-copyright p { font-size: 1rem; } .footer-list-divider { top: -1px; } .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; } .footer-info-copyright p span { top: 2px; padding: 0 2px; } .footer-info-copyright.ico-15 [class*="flaticon-"]:before, .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } .bottom-foo-socials li { margin-right: 7px; } .bottom-foo-socials li span { top: 2.5px; right: 3px; } .footer-data-socials.ico-25 [class*="flaticon-"]:before, .footer-data-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.55rem; } .bottom-foo-socials.ico-10 [class*="flaticon-"]:before, .bottom-foo-socials.ico-10 [class*="flaticon-"]:after { font-size: 1.125rem; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.375rem; } .footer-stores-badge { margin-bottom: 25px; } .footer-stores-badge .store { margin-right: 10px; } .footer .badge-img-xs .store img { max-height: 2.75rem; } /* INNER PAGE WRAPPER */ .inner-page-title { margin-bottom: 40px; } .inner-page-title h2 { margin-bottom: 0; } .inner-page-title p { margin-top: 10px; } /* SIGN IN / SIGN UP */ .register-page-form { margin: 0 6%; } .reset-page-wrapper { margin: 0 10%; padding-top: 140px; } .register-form-title { margin-bottom: 25px; } .register-form-title h4, .reset-form-title h5 { font-size: 1.825rem; } .register-form-title p { font-size: 1.15rem; margin-top: 5px; } .reset-form-title { margin-bottom: 20px; } .reset-form-title p.p-sm { font-size: 1.0625rem; margin-top: 12px; } .reset-password-link p { font-size: 1rem; margin-bottom: 30px; } .form-data span { font-size: 0.975rem; } .reset-password-form .form-data p { font-size: 1.125rem; margin: 25px 0 12px; } .register-page-form p.create-account { font-size: 1.125rem; margin-top: 30px; } .separator-line { font-size: 1.0625rem; margin: 25px 0; } .reset-page-wrapper .form-control, .register-page-form .form-control { height: 52px; font-size: 1.0625rem; margin-bottom: 24px; } #login .register-page-form .btn.submit { height: 52px; font-size: 1.0625rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 52px; font-size: 1.0625rem; margin-top: 25px; } .reset-page-wrapper .btn.submit { height: 52px; font-size: 1.0625rem; } .register-page-form .btn-google { font-size: 1.1rem; padding: 0.9rem 1.6rem; } .btn-google img { width: 22px; height: 22px; right: 4px; } /* COOKIES */ #cookies { width: 92%; left: 4%; bottom: 16px; padding: 20px 20px 45px; } #cookies p { font-size: 0.925rem; padding-right: 4%; } #cookies-ok { right: 20px; bottom: 15px; font-size: 0.9rem; padding: 5px 20px; } #cookies-info { margin-left: 7px; } #cookies-close { right: 12px; top: 4px; } #cookies-close svg { width: 11px; height: 11px; } /* MODAL */ .modal-dialog.modal-xl { width: 360px; } .modal-body-content { padding: 35px 15px 14px; } .modal-body-content h4 { font-size: 1.9375rem; margin-bottom: 12px; } .modal-body .newsletter-form { margin-top: 18px; } .modal .newsletter-form .form-control { height: 54px; font-size: 1.0625rem; margin-bottom: 16px; } .modal .newsletter-form .btn { height: 54px; font-size: 1.0625rem; }}/* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ */@media (min-width: 414px) and (max-width: 479.98px) { /*------------------------------------------*/ /* BASE /*------------------------------------------*/ #stlChanger { display: none; } .division { padding-left: 10px; padding-right: 10px; } .bg--fixed { width: auto; } .bg--scroll { width: auto; background-attachment: scroll!important; } /* Headers */ h6, h6.h6-md, h6.h6-lg, h6.h6-xl { font-size: 1.25rem; }/* 20px; */ h5, h5.h5-md, h5.h5-lg { font-size: 1.375rem; } /* 22px; */ h5.h5-xl, h4, h4.h4-md, h4.h4-lg, h4.h4-xl { font-size: 1.5rem; } /* 24px; */ h3, h3.h3-md, h3.h3-lg, h3.h3-xl, h2, h2.h2-md, h2.h2-lg { font-size: 1.625rem; } /* 26px; */ h2.h2-xl, h2.h2-title { font-size: 1.875rem; } /* 30px; */ h6, h5, h4, h3, h2, h1 { line-height: 1.4; } /* Paragraphs */ p.p-sm, p { font-size: 1rem; } p.p-md, p.p-lg, p.p-xl { font-size: 1.0625rem; } ol.digit-list p { margin-bottom: 5px; } /* Button */ .btn.btn-sm, .btn, .btn.btn-md, .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1.1rem; padding: 0.9125rem 1.45rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { font-size: 1.125rem; padding: 0.85rem 1.45rem; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.68165rem 0.5rem 0; } /* Buttons Group */ .btns-group .btn:first-child { margin: 0 0 15px; } .btns-group .btn--transparent { margin-top: -10px; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.3rem; } .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.225rem; top: -11px; margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.225rem; top: -11px; margin-left: 0; } .btn.ico-left span { margin-right: 8px; } .btn.ico-right span { margin-left: 8px; } .btn.ico-30.ico-left span { right: 0; } /* Button Text */ p.btn-txt, p.btns-group-txt, .btn-rating { margin: 12px 0 0 0; } p.btn-txt.ico-15, p.btns-group-txt.ico-15 { padding: 0; } .text-center .btns-group { display: block; } .btn-rating p.p-sm { font-size: 1rem; } .star-rating small, .star-rating span.rating-txt { font-size: 1.1rem; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1.115rem; top: 2px; } .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1.115rem; top: 2px; } .os-version-ext { margin-top: 12px; } .os-version-ext .star-rating small { font-size: 1rem; } span.os-version { font-size: 1rem; line-height: 1.5; margin-top: 3px; } /* Transparent Link */ a.tra-link { font-size: 1.03125rem; } .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } /* OS Button */ .os-btn { width: 100%; min-width: 280px; padding: 14px 20 10px; } .btn-os.d-inline-block { display: block!important; } .os-btn-ico { margin-right: 20px; } .os-btn-txt p { font-size: 1.15rem; margin-top: 1px; margin-bottom: 7px; } .os-btn-txt span { font-size: 1rem; } .d-inline-block.btn-os-last { margin-top: 12px; margin-left: 0; } .d-block.btn-os-last { margin-top: 12px; } /* Store Badge */ .store { margin-right: 5px; } .badge-img-xs .store img, .badge-img-sm .store img, .badge-img-md .store img, .badge-img-lg .store img, .badge-img-xl .store img { max-height: 3.175rem; } /* Watch Video Link */ .watch-video { margin-top: 20px; } .watch-video-link { margin-right: 10px; } p.video-txt-lg { font-size: 1.125rem; } p.video-txt-sm { font-size: 1.0625rem; } /* Video Popup Icon */ .video-btn-xl { width: 5.625rem; height: 5.625rem; margin-top: -2.8125rem; margin-left: -2.8125rem; } .video-btn-lg { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } .video-btn-md { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } .video-btn.video-btn-xl [class^="flaticon-"]:before, .video-btn.video-btn-xl [class^="flaticon-"]:after {font-size: 4.5rem; line-height: 5.625rem!important; margin-left: 8px; } .video-btn.video-btn-lg [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after, .video-btn.video-btn-md [class^="flaticon-"]:before, .video-btn.video-btn-md [class^="flaticon-"]:after {font-size: 4.35rem; line-height: 5rem!important; margin-left: 8px; } /* Vector Icon Background */ .ico-55 .shape-ico svg, .ico-60 .shape-ico svg { width: 125px; height: 125px; top: -45px; left: calc(50% - 65px); } /* Vector Rounded Icons */ .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after, .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:after, .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after {font-size: 3rem; line-height: 94px!important; } /* PNG Icons */ .img-80 img { width: 75px; height: 75px; } .img-75 img { width: 70px; height: 70px; } .img-70 img, .img-65 img, .img-60 img { width: 65px; height: 65px; } /* Section ID */ .section-id { font-size: 0.85rem; margin-bottom: 22px; } /* Section Title */ .section-title.mb-70 { margin-bottom: 35px; } .section-title.mb-100 { margin-bottom: 50px; } .section-title h2 { padding: 0 3px; } .section-title p { margin-top: 15px; } .ws-wrapper .section-title p, .features-10 .section-title p { padding: 0 2%; } .section-title .btns-group { padding: 0 2%; margin-top: 10px; } .section-title .btns-group .btn { width: 100%; margin: 15px 0 0; } /* Advantages */ .advantages, .text-center .advantages { margin-top: 12px; } /* Compatibility */ .compatibility { margin-top: 5px; } /* Tools List / Payments Icons */ .tools-list p, .payment-methods p { margin-bottom: 12px; } .tools-list span { padding-right: 1px; } .payment-icons img { max-height: 30px; } .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { font-size: 2.125rem; line-height: 2.125rem!important; margin-right: 4px; } /* Quote */ .quote-avatar img { width: 50px; height: 50px; } .quote p { margin-bottom: 5px; } .quote-author h6 { font-size: 1.1rem; } .quote-author span { font-size: 1.0625rem; } /* Users */ .txt-block .users { margin-top: 14px; } .users img { max-height: 48px; } .txt-block .users img { max-height: 44px; } .users p { display: block; font-size: 0.975rem; margin-top: 15px; top: 0; left: 0; } .txt-block .users p { display: inline-block; font-size: 0.925rem; margin-top: 0; top: 10px; left: 4px; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Header Logo */ .wsmobileheader .smllogo { display: block; padding-left: 16px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; } .wsactive .wsmobileheader { margin-right: 325px; } .overlapblackbg { width: calc(100% - 325px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; } /* Nav Link Info */ span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; } .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 13px 10px; } /* Header Store Badges */ .store.header-store img { max-height: 45px; } /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section .hero-app-logo img { max-height: 98px; margin-bottom: 24px; } .hero-section .btns-group { display: block; } .hero-section .btns-group .btn { display: block; padding: 1rem 1.5rem; margin: 0 10%; } .hero-section .btns-group .btn:first-child { margin-bottom: 15px; } .hero-section .store { display: block; margin: 15px 0 0; } .hero-section .os-version-ext { margin-top: 18px; } .hero-section .users p { margin-top: 22px; } /* Hero Advantages */ .hero-section .text-center .advantages { margin-top: 18px; } .hero-section .advantages li { display: block!important; margin-top: 4px; } .hero-section .advantages li p { display: block; float: none; } .hero-section li.advantages-links-divider { display: none!important; } /* HERO QUICK FORM */ .hero-section .quick-form .form-control, .hero-section .quick-form .btn { height: 54px; font-size: 1.1rem; } .hero-section .quick-form.form-half .form-control { height: 54px; font-size: 1.1rem; padding: 0 14px; margin-bottom: 20px; } .hero-section .quick-form.form-half .btn { height: 54px; font-size: 1.1rem; } .hero-section .text-center .quick-form-msg { margin: 20px 0 0 0; } /* HERO DIGITS */ #hd-1-1, #hd-1-2 { width: 100%; padding: 0; } #hd-1-1 { margin-bottom: 20px; } .hero-digits h2.statistic-number { font-size: 2.85rem; } .hero-digits h2.statistic-number small { font-size: 2.15rem; margin-left: 3px; } /* HERO-1 */ #hero-1 { padding-top: 70px; margin-bottom: 60px; } .hero-1-txt h2 { font-size: 2.2em; padding: 0 2%; } .hero-1-txt p.p-lg { padding: 0 2%; margin-top: 15px; margin-bottom: 5px; } .hero-1-img { margin-top: 40px; margin-bottom: -60px; } /* HERO-2 */ .hero-2-txt h2 { font-size: 2.25rem; } .hero-2-txt p.p-xl { margin-top: 15px; margin-bottom: 5px; } .hero-2-txt p.btn-txt { font-size: 0.975rem; } /* HERO-3 */ #hero-3 { padding-top: 70px; } .hero-3-txt h2 { font-size: 2.2rem; } .hero-3-txt p.p-xl { font-size: 1.175rem; margin-top: 15px; margin-bottom: 5px; } .hero-3-txt .btn-txt { font-size: 0.95rem; margin-top: 20px; } .hero-3-img { margin: 35px -16% 0; } /* HERO-4 */ #hero-4 { padding-top: 70px; } .hero-4-txt h2 { font-size: 2.25rem; } .hero-4-txt p.p-xl { padding: 0; margin-top: 15px; margin-bottom: 25px; } .hero-4-img { margin: 35px -10px 0; } /* HERO-5 */ #hero-5 { padding-top: 70px; margin-bottom: 60px; } .hero-5-txt h2 { font-size: 2.15em; } .hero-5-txt p.p-xl { margin-top: 15px; margin-bottom: 5px; } .hero-5-img { margin-top: 45px; margin-bottom: -60px; } /* HERO-6 */ #hero-6 { padding-top: 70px; } #hero-6:after { height: 7%; } .hero-6-txt h2 { font-size: 2.15rem; } .hero-6-txt p.p-lg { padding: 0 4%; margin-top: 15px; margin-bottom: 25px; } /* HERO-7 */ .hero-7-txt h2 { font-size: 2.25rem; margin-bottom: 10px; } .hero-7-txt .os-version-ext span { font-size: 0.95rem; } .hero-7-img { margin: 0 0 -35%; } /* HERO-8 */ #hero-8 { margin-bottom: 45px; } .hero-8-txt h2 { font-size: 2.25rem; padding: 0 5%; } .hero-8-txt p.p-lg { margin-top: 15px; margin-bottom: 25px; } .hero-8-txt .quick-form { margin: 24px 4% 0; } .hero-8-img { margin: 35px 0 -45px 0; } /* HERO-9 */ #hero-9 { padding-top: 70px; } .hero-9-txt h2 { font-size: 2.25rem; } .hero-9-txt p.p-lg { padding: 0 3%; margin-top: 12px; margin-bottom: 5px; } .hero-9-img { margin-top: 35px; } /* HERO-10 */ .hero-10-txt h2 { font-size: 2.25rem; } .hero-10-txt p.p-lg { padding: 0 3%; margin-top: 15px; margin-bottom: 25px; } .hero-10-txt p.btn-txt { margin-top: 20px; } #hero-10 .quick-form { margin: 24px 4% 0; } /* HERO-11 */ .hero-11-txt h2 { font-size: 2.25rem; } .hero-11-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } .hero-11-txt .quick-form { margin: 24px 4% 0; } .hero-11-img { margin-top: 35px; } /* HERO-12 */ .hero-12-txt h2 { font-size: 2rem; } .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { padding: 0; margin-top: 14px; margin-bottom: 23px; } .hero-12-img { margin-top: 40px; } /* HERO-13 */ #hero-13 { margin-bottom: 60px; } .hero-13-txt h2 { font-size: 2.05rem; } .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { padding: 0 2%; margin-top: 10px; margin-bottom: 5px; } .hero-13-txt .quick-form { margin: 24px 4% 0; } .hero-13-img { margin: 40px 0 -60px; } /* HERO-14 */ #hero-14 { padding-top: 80px; padding-bottom: 90px; } .hero-14-txt h2 { font-size: 2.5rem; } .hero-14-txt p.p-xl { margin-top: 15px; margin-bottom: 10px; } /* HERO-15 */ .hero-15-txt h2 { font-size: 2.5rem; } .hero-15-txt p.p-lg { margin-top: 16px; margin-bottom: 25px; } .hero-15-img { margin: 40px 0 -70px; } /* HERO-16 */ .hero-16-txt h2 { font-size: 2.15rem; } .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 12px; margin-bottom: 22px; padding: 0; } .hero-16-img {padding: 28px 15px 0; margin-top: 35px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .hero-16-img img { margin-bottom: -10px; } /* HERO-17 */ .hero-17-txt h2 { font-size: 2.55rem; line-height: 1.3; padding: 0 7%; } .hero-17-txt p.p-md { margin-top: 14px; margin-bottom: 5px; } .hero-17-img { margin-top: 40px; } /* HERO-18 */ .hero-18-txt h2 { font-size: 2rem; } .hero-18-txt p.p-xl { margin-top: 14px; margin-bottom: 20px; } .hero-18-img { margin-top: 10px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ .about-1 { margin-bottom: 35px; } .about-2-title { margin-bottom: 12px; } #a2-1 { margin-bottom: 16px; } .about-1-txt h2 { font-size: 2.25rem; margin-bottom: 12px; } .about-1-txt h4 { font-size: 1.25rem; } .about-1-img { margin-top: 35px; margin-bottom: -35px; } .about-3 .img-block.left-column, .about-3 .img-block.right-column { margin-bottom: 35px; } .about-section .accordion-1 { margin-top: -18px; } /* CAREERS */ .jobs-category { padding: 0 20px 6px; margin-bottom: 20px; } .jobs-category h4 { font-size: 1.6rem; padding-top: 20px; margin-bottom: 5px; } .career-item { padding: 14px 0; } .position-description h5 { font-size: 1.325rem; padding-right: 10%; } .position-link { top: 17px; right: 0; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1rem; } .more-careers { margin-top: 30px; } .more-careers-txt p span { display: block; } /* JOB POSITION */ .job-position-title { padding: 50px 15px 55px; margin: 80px -15px 25px; } .job-position-title .position-data { margin-top: 10px; } .job-position-title .position-data p.p-xl { font-size: 1.25rem; } .job-position-title .btn { font-size: 0.95rem; padding: 0.7rem 1.85rem; } .position-info h5 { margin-top: 25px; margin-bottom: 14px; } .position-info .btn { margin-top: 16px!important; } /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { margin-top: 40px; } .fbox-5-wrapper .section-title { margin-bottom: 30px; } .features-2 .section-title p.p-xl { font-size: 1.15rem; } .fbox-5-wrapper { padding: 40px 24px 50px; } .fb-1, .fb-2, .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3, .rows-2 .fb-4, .rows-2 .fb-5, .row-cols-md-2 .fb-3, .rows-3 .fb-1, .rows-3 .fb-2, .rows-3 .fb-3, .rows-3 .fb-4, .rows-3 .fb-5, .rows-4 .fb-1, .rows-4 .fb-2, .rows-4 .fb-3, .rows-4 .fb-4, .rows-4 .fb-5, .rows-4 .fb-6, .fbox-4.fb-1, .fbox-4.fb-3, .fbox-4.fb-5, .fbox-4.fb-7, .rows-4 .fbox-2.fb-1, .rows-4 .fbox-2.fb-2, .rows-4 .fbox-2.fb-3, .rows-4 .fbox-2.fb-4, .rows-4 .fbox-2.fb-5, .rows-4 .fbox-2.fb-6 { margin-bottom: 35px; } .features-2 .rows-4 .fb-7 { margin-bottom: 35px; } .fbox-wrapper.left-align .rows-2 .fb-1, .fbox-wrapper.left-align .rows-2 .fb-2, .fbox-wrapper.left-align .rows-2 .fb-3, .fbox-wrapper.left-align .rows-2 .fb-4, .fbox-wrapper.left-align .rows-2 .fb-5 { margin-bottom: 40px; } .rows-2 .fb-7 { margin-top: 35px; margin-bottom: 35px; } .fbox-3 { padding: 45px 55px 35px; } .fbox-4-txt { padding: 45px 7% 0; margin-bottom: 40px; } .fbox-4.fb-1 { display: flex; flex-wrap: wrap; } .fbox-4, .fbox-4.fb-5, .fbox-4.fb-6 { padding: 40px 25px 35px; } .fbox-4.fb-7, .fbox-4.fb-8 { padding: 45px 25px 0; } .fbox-4.fb-1 .fbox-4-img, .fbox-4.fb-2 .fbox-4-img, .fbox-4.fb-3 .fbox-4-img, .fbox-4.fb-4 .fbox-4-img { margin: 0 8% 20px; } .fbox-4.fb-5 .fbox-4-img, .fbox-4.fb-6 .fbox-4-img { margin: 0 0 20px; } .fbox-4.fb-7 .fbox-4-img, .fbox-4.fb-8 .fbox-4-img { margin: 25px 0 0; } .fbox-5 { padding: 45px 35px; } .fbox-5-img img { max-height: 190px; margin-bottom: 20px; } .fbox-6 .fbox-img { margin-bottom: 25px; } .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 180px; } .fbox-7 .fbox-img.h-175, .fbox-7 .fbox-img.h-180 { padding-top: 30px; margin: 0 20px 50px; } .fbox-ico, .fbox-ico.ico-rounded, .fbox-1 .fbox-ico.ico-60 { margin-bottom: 15px; } .fbox-2 .fbox-ico-wrap.ico-55 { margin-bottom: 14px; } .fbox-ico[class*="img-"] { margin-bottom: 16px; } .fbox-wrapper .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .ico-50 [class*="flaticon-"]:after, .fbox-wrapper .ico-55 [class*="flaticon-"]:before, .fbox-wrapper .ico-55 [class*="flaticon-"]:after, .fbox-wrapper .ico-60 [class*="flaticon-"]:before, .fbox-wrapper .ico-60 [class*="flaticon-"]:after { font-size: 3.7rem; } .fbox-ico-wrap .ico-40 [class*="flaticon-"]:before, .fbox-ico-wrap .ico-40 [class*="flaticon-"]:after { font-size: 3.15rem; } .fbox-wrapper .row-cols-md-2 h6, .fbox-wrapper .row-cols-md-3 h6, .fbox-2 h5, .fbox-4 h5 { margin-bottom: 12px; } .fbox-3 h6 { margin-top: 14px; margin-bottom: 10px!important; } .fbox-4-txt h2 { margin: 0 4%; margin-bottom: 12px; } .fbox-4-txt h3.h3-xl { margin-bottom: 12px; } .fbox-4-txt h3.h3-lg { margin: 0 2%; font-size: 1.625rem; margin-bottom: 12px; } .fbox-4.fb-5 h5, .fbox-4.fb-6 h5, .fbox-5 h5 { margin-bottom: 14px; } .fbox-1 p, .rows-2.row-cols-lg-4 .fbox-1 p { padding: 0 5%; } .rows-2 .fbox-1 p { padding: 0; } .features-2-download { margin-top: 45px; } .features-2-download p.p-sm { font-size: 0.9rem; margin-top: 15px; } /* CONTENT */ .ct-07, .ct-08, .ct-09 { padding: 70px 0; } .bc-02 .container { max-width: 100%; } .bc-02.pt-30 .container, .bc-02.pb-30 .container { max-width: auto; } .bc-02-wrapper { margin: 0 -15px; border-radius: 0 0!important; } .bc-02.pt-30 .bc-02-wrapper, .bc-02.pb-30 .bc-02-wrapper { margin: 0; border-radius: 12px!important; } .bc-02.pt-30.ws-wrapper, .bc-02.pb-30.ws-wrapper { padding-top: 35px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 50px; } .bc-04-wrapper { padding: 14px 14px 40px; } .ct-05.pt-100, .ct-06 .section-overlay { margin-bottom: 40px; } .bc-01 .section-overlay, .bc-02 .section-overlay { padding: 70px 30px; } .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 35px 20px; } .bc-03 .section-overlay { padding: 70px 28px 0; } .bc-03 .section-title { margin-bottom: 25px; } .bc-03-wrapper .section-title h2 { font-size: 1.875rem; } .ct-06 .section-title p { font-size: 1.03125rem; } .bc-03 .section-title p { margin-top: 14px; } .ct-05 .section-title p { font-size: 1.03125rem; } .txt-box, .bc-01 .txt-box { margin-bottom: 20px; } .txt-block-stat.mt-30, .txt-block-stat.mt-35 { margin-top: 20px; } .bc-04 .txt-block { padding: 0 12px; } .txt-block h3, .txt-block h2, .txt-block h5, .bc-02 .txt-block h5 { margin-bottom: 14px; } h5.h5-title { margin: 14px 0; } .txt-block .btn, .txt-block .stores-badge { margin-top: 22px; } .txt-block-tra-link { margin-top: 16px; } .cbox-1 .ico-wrap { margin-right: 1rem; } .cbox-1-ico { width: 1.9rem; height: 1.9rem; font-size: 1.0625rem; line-height: 1.5rem; margin-top: 5px; } .cbox-2 .cbox-2-ico { margin-bottom: 12px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 3.25rem; } .cbox-3 { text-align: center; } .cbox-title { margin-bottom: 10px; } .cbox-title span {display: block; float: none; line-height: 1!important; margin: 0 0 14px 0; } .cbox-title span[class*="flaticon-"]:before, .cbox-title span[class*="flaticon-"]:after { font-size: 3.25rem; } .cbox-1-txt { margin-bottom: 20px; } .cbox-2-txt, .cbox-3-txt { margin-bottom: 30px; } .cbox-1-txt h5, .cbox-2-txt h5 { margin-bottom: 12px!important; } .cbox-2-txt p { padding: 0 4%; } .cbox-4-wrapper { margin-top: 0; } .box-title { margin-bottom: 14px; } .cbox-4.cb-2 { margin-top: 18px; } .box-title span { top: 10px; left: 3px; right: 0; } .box-title h6 { position: relative; top: 2px; left: 8px; } .cbox-5 { width: 340px; min-width: 340px; padding: 13px 20px; } .cbox-5.cb-1 { margin: 8px 0 20px; } .cbox-5-ico span { position: relative; top: 5px; } .cbox-5-txt { padding-left: 13px; } .cbox-5-txt h6 { font-size: 1.1875rem; margin-bottom: 0; } .cbox-6-wrapper { margin-bottom: 55px; } .cbox-6 { padding: 25px 24px; } .cbox-6 hr { margin-top: 25px; margin-bottom: 15px; } .cbox-6 h2.statistic-number { font-size: 2.45rem; } .cbox-6 .statistic-number sup { font-size: 2rem; top: -5px; right: 0; margin-right: 5px; } .cbox-6-txt.mt-30 { margin-top: 20px; } .cbox-6-data { padding: 11px 17px; } .cbox-6-data.mt-25 { margin-top: 15px; } .cb-shape-1 { right: -75px; top: -20px; } .cb-shape-2 { left: -20px; bottom: -20px; } .cb-shape-1 img, .cb-shape-2 img { width: 50%; height: 50%; } .cbox-7-txt { padding-left: 12px; } .cbox-7-ico { margin-top: 1px; } .cbox-7-ico { width: 24px; height: 24px; margin-top: 1px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.735rem; } .cbox-7-ico span { line-height: 22px; } .cbox-7-txt p { margin-bottom: 14px; } .txt-block .accordion-1 .accordion-item { padding: 22px 0 27px; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: -1px; right: 0; } .txt-block .accordion-1 .accordion-thumb h5 { font-size: 1.5rem; padding-left: 0; } .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 18px; } .txt-block .accordion-1 .accordion-panel { padding: 0; } .tabs-1 li { padding: 18px 25px; } .tab-link p { margin-top: 6px; } /* Content Images */ .bc-4-img { margin-bottom: 30px; } .content-section .container.hidd { overflow: visible!important; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -40px; } .img-block-txt { margin-top: 35px; } .img-block-btn { padding: 0 2%; margin-top: 35px; } .img-block-btn .btn { width: 100%; } /* STATISTIC */ .statistic-2.py-80 { padding: 70px 0; } .statistic-4-wrapper { padding: 0 8%; } #sb-1-1, #sb-1-2, #sb-2-1 { margin-bottom: 35px; } #sb-3-2 { padding-left: 4%; } .statistic-4-wrapper .statistic-block { padding: 0; } #sb-4-1, #sb-4-2 { padding: 0 5% 35px; margin-bottom: 35px; } h3.statistic-number { font-size: 2.65rem; line-height: 1; letter-spacing: -1px; } h2.statistic-number { font-size: 2.85rem; line-height: 1; letter-spacing: -1px; } .statistic-2-wrapper h2 { margin-bottom: 12px; } #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { font-size: 2.4rem; letter-spacing: -0.5px; margin-bottom: 12px; } .statistic-2 .txt-block h3 { padding: 0 6%; } .statistic-4-wrapper h5 { margin-top: 20px; margin-bottom: 12px; } #sb-2-1 br { display: none; } #sb-2-2 { clear: both; } #sb-2-2 .txt-block-rating { display: inline-block; } #sb-2-2 p { display: inline-block; margin-left: 5px; } /* RATING */ #rb-2-1 { margin-bottom: 25px; } #rb-2-2 { margin-bottom: 20px; } .rating-title { padding: 0 10%; } .rating-title h5 { font-size: 1.125rem; } .rbox-1-img { margin-bottom: 18px; } .rbox-1-img img { max-height: 32px; } .rbox-2-img img { max-height: 70px; } #rb-2-2 .rbox-2-img img { max-height: 125px; } .rbox-2 p { margin-top: 15px; } .rbox-1 .star-rating { padding: 5px 16px; font-size: 1rem; line-height: 1; } .rbox-1 .star-rating span { top: -2px; } .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } /* TESTIMONIALS */ .reviews-3-wrapper:after { width: 140%; height: 94%; top: 3%; left: -20%; } .review-1 { padding: 22px 24px 27px; } .review-1.no-title { padding: 37px 24px 27px; } .review-2 { padding: 0; } .review-3 { padding: 37px 28px 25px; } .review-item { margin-bottom: 25px; } .review-4 { padding: 30px 25px; } .review-ico.ico-45 { top: 10px; right: 16px; } .review-ico.ico-60 { top: 10px; left: 20px; } .review-2 .review-avatar { margin: 17px auto 10px; float: none; } .review-avatar img, .owl-item .review-avatar img, .review-3 .review-avatar img { width: 46px; height: 46px; } .reviews-2 .owl-carousel .owl-item img { display: inline-block; } .review-2 .review-avatar img { width: 52px; height: 52px; } .author-data .review-author { padding: 0 0 0 12px; } .review-4-txt .author-data { display: inline-block; margin-top: 3px; } .review-4-txt .author-data.mb-15 { margin-top: 0; margin-bottom: 12px; } .review-2 .author-data .review-author { text-align: center; padding: 0; } .review-author.mt-15 { margin-top: -2px; } .review-author h6 { font-size: 1.1rem; margin-top: 3px; margin-bottom: 7px; } .review-author h6 span, .review-author p { font-size: 1rem; } .reviews-btn { margin-top: 40px; } /* TEAM */ .team-1 { padding-bottom: 30px; } .team-member-photo { margin-bottom: 25px; } .team-member-data h6 { font-size: 1.4375rem; margin-bottom: 6px; } .team-member-data p { font-size: 1.125rem; } /* PRICING */ .pricing-1-table { padding: 35px; } .pricing-2-table, .pricing-3-table { padding: 27px 30px; } .pricing-table-header h5 { font-size: 1.5625rem!important; } .pricing-1-table .pricing-table-header h5 { margin-bottom: 20px; } .p-table p.btn-txt { margin: 12px 0 0 0; } .pricing-discount { top: 0; right: 0; padding: 7px 13px; } .pricing-discount h6 { font-size: 0.975rem; } .price span, .pricing-2-table .price span, .pricing-3-table .price span { font-size: 2.75rem; } .price sup { font-size: 2rem; top: -5px; } .pricing-2-table .price sup, .pricing-3-table .price sup { font-size: 2rem; top: -4px; } .price sup.validity { font-size: 1.3125rem; } .pricing-2-table .price sup.validity, .pricing-3-table .price sup.validity { font-size: 1.6rem; } /* Pricing Features */ .pricing-features.mt-25 { margin-top: 20px; } .pricing-2-table .pricing-features, .pricing-3-table .pricing-features { text-align: center; margin-top: 14px; } .pricing-features li, .pricing-2-table .pricing-features li, .pricing-3-table .pricing-features li { padding: 10px 8px; } .pt-btn { margin-top: 22px; } /* Pricing Notice */ .pricing-notice.mb-40 { margin-bottom: 30px; } .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .table>:not(caption)>*>* { padding: 10px 0 9px; } .comp-table .table-responsive thead th { font-size: 0.9375rem; } .comp-table .table-responsive tbody th { font-size: 0.915rem; line-height: 1.25; } .comp-table .table-responsive tbody td { font-size: 0.9rem; top: 0; line-height: 1.25; } .comp-table .table-responsive tbody td span { top: 3px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } .pbox { padding: 0; } #pbox-1, #pbox-2 { margin-bottom: 30px; } .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; } .comp-table-payment h6 { margin-bottom: 15px; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 50px; } .int-2-wrapper .col { padding: 0 10px; } .integrations-1 .container { max-width: 100%; } .int-1-wrapper { padding: 70px 22px; margin: 0 -15px; border-radius: 0 0!important; } .integrations-1 .section-title h2 { padding: 0 6%; } .filter-btns button { font-size: 1.1rem; } .int_tool-1 { margin-bottom: 30px; } .int_tool-2 { padding: 26px 14px; margin-bottom: 20px; } .int_tool-3 { padding: 18px 26px; } .int_tool-1 .tool_logo { padding: 35px 25px; margin-bottom: 20px; } .int_tool-1 img, .int_tool-2 img { width: 55px; height: 55px; } .tool_txt h6 { font-size: 1.225rem; line-height: 1; margin-top: 2px; } .tool_logo h6 { font-size: 1.225rem; } .int_tool-2 h6 { font-size: 1.1875rem; margin-top: 18px; } .tool_txt p { font-size: 1.0625rem; margin-top: 5px; } .integrations-section .more-btn.mt-30 { margin-top: 22px; } .integrations-1 .more-btn { margin-top: 18px; } /* MORE APPS */ .ab-1, .ab-2, .ab-3, .rows-2 .ab-1, .rows-2 .ab-2, .rows-2 .ab-3, .rows-2 .ab-4, .rows-2 .ab-5, .rows-2 .ab-6 { margin-bottom: 35px; } .statistic-2-wrapper .txt-block { margin-bottom: 35px; } .app-box h6, .app-box h5 { margin-top: 22px; margin-bottom: 10px; } .app-logo-img { padding: 0 7%; } /* BRANDS */ .brands-2-wrapper { padding: 0 12px; } .brands-2-wrapper .col { padding: 0; } .brands-title h6 { font-size: 1rem; line-height: 1.55; margin-bottom: 25px; } .brands-title h5 { font-size: 1.325rem; margin-bottom: 35px; } .brands-title p { padding: 0 8%; margin-bottom: 25px; } #brand-2-1, #brand-2-2, #brand-2-3 { margin-bottom: 35px; } .brands-carousel-5 .brand-logo, .brands-carousel-6 .brand-logo, #brands-2 .brand-logo { padding: 0 10px; } .brands-section .more-btn { margin-top: 35px; } /* CHANGELOG */ .release-data { padding-bottom: 25px; margin-bottom: 22px; } span.version-data { font-size: 1.3rem; line-height: 1.4; margin-bottom: 12px; } span.release-date { font-size: 1.05rem; } .release-highlights h6 { font-size: 1.175rem; margin-bottom: 15px; } .release-preview { margin-bottom: 18px; } /* DOWNLOAD */ #di-3 { margin-bottom: 30px; } .download-item { margin-right: 5%; margin-left: 5%; } .download-item h6 { font-size: 1.5rem; } .download-item p { font-size: 1.125rem; } /* FAQs */ .faqs-1 .section-title { margin-bottom: 25px; } .faqs-2 .section-title { margin-bottom: 35px; } .faq-3-title p { font-size: 1.05rem; margin-top: 15px; margin-bottom: 20px; } .faqs-2 .question h6, .faqs-2 .question h5 { font-size: 1.25rem; line-height: 1.5; margin-bottom: 12px; } .faqs-section .accordion-thumb h5, .faqs-section .accordion-thumb h6 { font-size: 1.25rem; line-height: 1.5; padding-right: 12%; } .faqs-section .accordion-thumb { padding: 15px 0 20px; } .faqs-section .accordion-panel { padding: 0 0 10px 0; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: 16px; right: 0; } .faqs-2 .more-questions { margin-top: 15px; } .more-questions h6 { font-size: 1.325rem; padding: 0 5%; margin-bottom: 10px; } .more-questions p { font-size: 1.1rem; padding: 0 6%; } .more-questions-btn { display: block; margin: 14px 0 0; } /* BANNER */ .banner-1 .container { max-width: 100%; } .banner-1-wrapper { padding: 65px 25px 70px; margin: 0 -15px; border-radius: 0 0!important; } .banner-2-wrapper .banner-overlay { padding: 60px 35px 70px; } .banner-3 .banner-overlay.pt-80.pb-90 { padding: 55px 0 65px; } .banner-4-wrapper { padding: 45px 5%; } .banner-5-wrapper .banner-overlay { padding: 60px 30px 0; } .banner-4-txt { margin-bottom: 10px; } .banner-1-txt h2 { font-size: 2rem!important; padding: 0 10%; } .banner-2-txt h2, .banner-4-txt h4 { font-size: 1.825rem!important; } .banner-5-txt h2 { font-size: 1.9rem!important; } .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 12px 0 4px; padding: 0 6%; } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0 4%; margin: 15px 0 22px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { padding: 0 8%; margin-top: 14px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { padding: 0 3%; margin-top: 14px; margin-bottom: 22px; } .banner-1-txt .store { display: block; margin: 15px 0 0; } .banner-1-txt .btn { margin-top: 18px; } .banner-2-txt .btn, .banner-5-txt .btn { width: auto; } .banner-3-txt .btn.mt-25 { width: auto; margin-top: 18px; } .banner-3-txt .btn.mt-35 { width: auto; margin-top: 24px; } .banner-section .store { display: block; margin-right: 0; } .banner-section .store.store-btn-2 { margin-top: 15px; } .banner-section p.btn-txt { padding: 0; margin-top: 14px; margin-bottom: 0!important; } .banner-2-txt p.btn-txt, .banner-5-txt p.btn-txt { font-size: 0.95rem; } .banner-5-img.right-column, .banner-5-img.left-column { margin: 35px 0 -20%; } /* NEWSLETTER */ .newsletter-2 .container { max-width: 100%; } .newsletter-1 .newsletter-overlay { padding: 50px 0 40px; } .newsletter-2 .newsletter-overlay { padding: 65px 35px; margin: 0 -15px; border-radius: 0 0!important; } .newsletter-3 .newsletter-overlay { margin: 0 2%; padding: 45px 4% 35px; } .newsletter-4 .newsletter-overlay { padding: 65px 0 55px; } .newsletter-txt h4, .newsletter-txt h3 { font-size: 1.75rem; padding: 0; margin-bottom: 25px; } .newsletter-3 .newsletter-txt h4 { font-size: 1.65rem; } .newsletter-2 .newsletter-txt p { font-size: 0.95rem; padding: 0 2%; margin-bottom: 0; } .newsletter-4 .newsletter-txt p { font-size: 0.95rem; padding: 0 4%; margin-bottom: 0; } .newsletter-1 .newsletter-form { padding: 0 2%; } .newsletter-2 .newsletter-form { padding: 0 2%; margin-top: 30px; } .newsletter-3 .newsletter-form { padding: 0 4%; } .newsletter-4 .newsletter-form { padding: 0 7%; margin-top: 30px; } .newsletter-section .form-control, .newsletter-section .btn { height: 54px; font-size: 1.0625rem; } .newsletter-2.newsletter-section .btn, .newsletter-4.newsletter-section .btn { font-size: 1.0625rem; } /* BLOG */ .blog-1.pb-60 { padding-bottom: 35px; } .blog-1 .blog-post { margin-bottom: 35px; } .blog-post-txt { padding: 0 10px; margin-top: 35px; } .blog-post-meta, .wide-post .blog-post-meta { margin-top: 18px; } .post-tag { font-size: 0.85rem; margin-bottom: 18px; } .blog-post-txt h4, .blog-post-txt h6, .blog-post-txt h5 { margin-bottom: 16px; } /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 35px; } #blog-page .blog-post { margin-bottom: 35px; } #blog-page .blog-post.wide-post { margin-bottom: 15px; } .wide-post .blog-post-img { margin-bottom: 35px; } .posts-category { margin-top: 30px; margin-bottom: 30px; } /* SINGLE BLOG POST */ .blog-post-preview, .single-post-title { margin-bottom: 25px; } .single-post-title .blog-post-meta { margin-bottom: 10px; } .single-post-title h2 { margin-bottom: 14px; } .single-post-txt h6 { font-size: 1.1875rem; margin-bottom: 10px; } .single-post-txt h5.h5-xl { font-size: 1.5rem; margin-top: 26px; margin-bottom: 14px; } .single-post-txt h5 { margin-top: 15px; margin-bottom: 14px; } .post-inner-img { margin-top: 25px; margin-bottom: 25px; } .post-data { margin: 40px 0 0; padding: 40px 0 70px; } .post-author-avatar { margin-right: 16px; } .post-author-avatar img { width: 60px; height: 60px; } .post-author-txt { top: 4px; } .post-author-txt p { margin-top: 5px; } .share-social-icons.ico-25 [class*="flaticon-"]:before, .share-social-icons.ico-25 [class*="flaticon-"]:after { font-size: 1.525rem; } .share-social-icons a.share-ico span { margin-right: 10px; } /* CONTACTS */ .contacts-1.pb-40 { padding-bottom: 20px; } .contacts-1 .contact-form p { font-size: 1rem; } .contacts-1 .contact-form .contact-form-notice p { font-size: 0.935rem; margin-top: 25px; } .contact-form .form-control, .contact-form .form-select { height: 50px; font-size: 1.0625rem; padding: 0 15px;margin-bottom: 26px; } .contact-form textarea { min-height: 150px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn .btn { font-size: 1.1rem; padding: 0.925rem 1.8rem; } .contact-form-msg { margin-top: 15px; } /* FOOTER */ .footer { padding-bottom: 30px; } .fl-1, .fl-2, .fl-3, .fl-4, .footer-1 .fl-5 { border-bottom: 1px solid #ddd; margin-bottom: 16px; padding-bottom: 17px; } .footer-1 .fl-3 { margin-bottom: 17px; } img.footer-logo { max-height: 30px; margin-bottom: 25px; } .footer-data-logo img.footer-logo { max-height: 32px; margin-bottom: 0; } .footer-2 img.footer-logo { margin-bottom: 5px; } .footer-copyright-logo img.footer-logo { max-height: 28px; } .footer h6 { font-size: 1.1875rem; margin-bottom: 20px; } /* 19px */ .footer .footer-links h6.h6-lg { font-size: 1.275rem; margin-bottom: 18px; } .footer-mail-link { margin: 0 0 0 6px; } .footer-mail-link a { font-size: 1.09375rem; } /* 17.5px */ .footer-mail-link span { top: 4.5px; right: 5px; } .footer-mail-link.ico-20 [class*="flaticon-"]:before, .footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.275rem; } .footer-info-socials li { padding-right: 13px; } .footer-info-socials.ico-20 [class*="flaticon-"]:before, .footer-info-socials.ico-20 [class*="flaticon-"]:after, .footer-info-socials.ico-25 [class*="flaticon-"]:before, .footer-info-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.3975rem; } .footer-socials a { margin-right: 13px; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.435rem; } .footer-1 .footer-form { margin-bottom: 0; } .footer-form .form-control { font-size: 1.1rem; height: 38px; } .footer-form .btn { height: 40px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1rem; line-height: 28px!important; } .footer-1 .bottom-footer { margin-top: 20px; } .footer-copyright p, .bottom-footer-list p.p-sm, .bottom-secondary-link p.p-sm { font-size: 1rem; } .footer-list-divider { top: -1px; } .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; } .footer-info-copyright p span { top: 2px; padding: 0 2px; } .footer-info-copyright.ico-15 [class*="flaticon-"]:before, .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.375rem; } .footer-stores-badge { margin-bottom: 20px; } .footer-stores-badge .store { margin-right: 10px; } .footer .badge-img-xs .store img { max-height: 2.75rem; } .bottom-foo-socials { margin-left: 6px; } .bottom-foo-socials li { margin-right: 6px; } .footer-data-socials li { padding-right: 8px; } .bottom-foo-socials li span { top: 2.5px; right: 3px; } .footer-data-socials.ico-25 [class*="flaticon-"]:before, .footer-data-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .bottom-foo-socials.ico-10 [class*="flaticon-"]:before, .bottom-foo-socials.ico-10 [class*="flaticon-"]:after { font-size: 1.125rem; } .bottom-footer p.p-sm { margin-bottom: 0; } /* INNER PAGE WRAPPER */ .inner-page-title { margin-bottom: 40px; } .inner-page-title h2 { margin-bottom: 0; } .inner-page-title p { line-height: 1.6666; margin-top: 10px; } /* PAGE PAGINATION */ .page-link { font-size: 0.95rem; padding: 2px 10px; } .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } /* TERMS, PRIVACY, COOKIES */ .txt-block.legal-info h5 { margin: 35px 0 15px; } .txt-block.legal-info h6 { margin: 15px 0; } /* SIGN IN / SIGN UP */ .register-page-logo { padding-top: 70px; } .register-page-logo img { max-height: 28px; } .register-page-form { padding: 30px 5px 70px; } .reset-page-wrapper { margin: 0 2%; padding-top: 125px; padding-bottom: 70px; } .register-form-title { margin-bottom: 25px; } .register-form-title h4, .reset-form-title h5 { font-size: 1.65rem; } .register-form-title p { font-size: 1.125rem; margin-top: 5px; } .reset-form-title { margin-bottom: 20px; } .reset-form-title p.p-sm { font-size: 1rem; margin-top: 12px; } .reset-password-link p { font-size: 0.975rem; margin-bottom: 30px; } .form-data span { font-size: 0.9625rem; } .register-page-form p.create-account { font-size: 1.0625rem; margin-top: 25px; } .reset-password-form .form-data p { font-size: 1.1rem; margin: 22px 0 10px; } .separator-line { font-size: 1rem; margin: 22px 0; } .reset-page-wrapper .form-control, .register-page-form .form-control { height: 52px; font-size: 1.0625rem; margin-bottom: 22px; } #login .register-page-form .btn.submit { height: 52px; font-size: 1.0625rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 52px; font-size: 1.0625rem; margin-top: 25px; } .reset-page-wrapper .btn.submit { height: 52px; font-size: 1.0625rem; } .register-page-form .btn-google { font-size: 1.0625rem; padding: 0.9rem 1.6rem; } .btn-google img { width: 22px; height: 22px; right: 4px; } /* COOKIES */ #cookies { width: 96%; left: 2%; bottom: 12px; padding: 15px 40px 65px 20px; } #cookies p { font-size: 0.9rem; } #cookies-ok { right: 5%; bottom: 15px; font-size: 0.85rem; padding: 5px 20px; } #cookies-info { margin-left: 7px; } #cookies-close { right: 14px; top: 4px; } #cookies-close svg { width: 12px; height: 12px; } /* MODAL */ .modal-dialog.modal-xl { width: 350px; margin: auto auto; } .modal-body-content { padding: 34px 12px 15px; } .modal .btn-close { right: 16px!important; top: 16px!important; } .modal-body-content h4 { font-size: 1.625rem; margin-bottom: 12px; } .modal-body .newsletter-form { margin-top: 18px; } .modal .newsletter-form .form-control { height: 54px; font-size: 1.0625rem; margin-bottom: 16px; } .modal .newsletter-form .btn { height: 54px; font-size: 1.0625rem; }}/* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ */@media (min-width: 390px) and (max-width: 413.98px) { /*------------------------------------------*/ /* BASE /*------------------------------------------*/ #stlChanger { display: none; } .division { padding-left: 8px; padding-right: 8px; } .bg--fixed { width: auto; } .bg--scroll { width: auto; background-attachment: scroll!important; } /* Headers */ h6, h6.h6-md, h6.h6-lg, h6.h6-xl { font-size: 1.25rem; }/* 20px; */ h5, h5.h5-md, h5.h5-lg { font-size: 1.375rem; } /* 22px; */ h5.h5-xl, h4, h4.h4-md, h4.h4-lg, h4.h4-xl { font-size: 1.5rem; } /* 24px; */ h3, h3.h3-md, h3.h3-lg, h3.h3-xl, h2, h2.h2-md, h2.h2-lg { font-size: 1.625rem; } /* 26px; */ h2.h2-xl, h2.h2-title { font-size: 1.875rem; } /* 30px; */ h6, h5, h4, h3, h2, h1 { line-height: 1.4; } /* Paragraphs */ p.p-sm, p { font-size: 1rem; } p.p-md, p.p-lg, p.p-xl { font-size: 1.0625rem; } ol.digit-list p { margin-bottom: 5px; } /* Button */ .btn.btn-sm, .btn, .btn.btn-md, .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1.1rem; padding: 0.9125rem 1.75rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { font-size: 1.125rem; padding: 0.85rem 1.45rem; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.61915rem 0.5rem 0; } /* Buttons Group */ .btns-group .btn:first-child { margin: 0 0 15px; } .btns-group .btn--transparent { margin-top: -7px; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.3rem; } .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.225rem; top: -11px; margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.225rem; top: -11px; margin-left: 0; } .btn.ico-left span { margin-right: 7px; } .btn.ico-right span { margin-left: 7px; } .btn.ico-30.ico-left span { right: 0; } /* Button Text */ p.btn-txt, p.btns-group-txt, .btn-rating { text-align: center; margin: 12px 0 0 0; } p.btn-txt.ico-15, p.btns-group-txt.ico-15 { padding: 0; } .text-center .btns-group { display: block; } .btn-rating p.p-sm { font-size: 1rem; } .star-rating small, .star-rating span.rating-txt { font-size: 1.1rem; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1.115rem; top: 2px; } .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1.115rem; top: 2px; } .os-version-ext { margin-top: 12px; } .os-version-ext .star-rating small { font-size: 1rem; } span.os-version { font-size: 1rem; line-height: 1.5; margin-top: 3px; } /* Transparent Link */ a.tra-link { font-size: 1.03125rem; } .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } /* OS Button */ .os-btn { width: 100%; min-width: 280px; padding: 14px 20 10px; } .btn-os.d-inline-block { display: block!important; } .os-btn-ico { margin-right: 20px; } .os-btn-txt p { font-size: 1.15rem; margin-top: 1px; margin-bottom: 7px; } .os-btn-txt span { font-size: 1rem; } .d-inline-block.btn-os-last { margin-top: 12px; margin-left: 0; } .d-block.btn-os-last { margin-top: 12px; } /* Store Badge */ .store { margin-right: 4px; } .badge-img-xs .store img, .badge-img-sm .store img, .badge-img-md .store img, .badge-img-lg .store img, .badge-img-xl .store img { max-height: 3.15rem; } /* Watch Video Link */ .watch-video { margin-top: 20px; } .watch-video-link { margin-right: 10px; } p.video-txt-lg { font-size: 1.125rem; } p.video-txt-sm { font-size: 1.0625rem; } /* Video Popup Icon */ .video-btn-xl { width: 5.625rem; height: 5.625rem; margin-top: -2.8125rem; margin-left: -2.8125rem; } .video-btn-lg { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } .video-btn-md { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } .video-btn.video-btn-xl [class^="flaticon-"]:before, .video-btn.video-btn-xl [class^="flaticon-"]:after {font-size: 4.5rem; line-height: 5.625rem!important; margin-left: 8px; } .video-btn.video-btn-lg [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after, .video-btn.video-btn-md [class^="flaticon-"]:before, .video-btn.video-btn-md [class^="flaticon-"]:after {font-size: 4.35rem; line-height: 5rem!important; margin-left: 8px; } /* Vector Icon Background */ .ico-55 .shape-ico svg, .ico-60 .shape-ico svg { width: 125px; height: 125px; top: -45px; left: calc(50% - 65px); } /* Vector Rounded Icons */ .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after, .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:after, .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after {font-size: 3rem; line-height: 94px!important; } /* PNG Icons */ .img-80 img { width: 70px; height: 70px; } .img-75 img { width: 65px; height: 65px; } .img-70 img, .img-65 img, .img-60 img { width: 60px; height: 60px; } /* Section ID */ .section-id { font-size: 0.85rem; margin-bottom: 22px; } /* Section Title */ .section-title.mb-70 {margin-bottom: 35px; } .section-title.mb-100 { margin-bottom: 45px; } .section-title p { margin-top: 15px; } .section-title .btns-group { padding: 0 2%; margin-top: 10px; } .section-title .btns-group .btn { width: 100%; margin: 15px 0 0; } /* Advantages */ .advantages, .text-center .advantages { margin-top: 12px; } /* Compatibility */ .compatibility { margin-top: 5px; } /* Tools List / Payments Icons */ .tools-list p, .payment-methods p { margin-bottom: 12px; } .tools-list span { padding-right: 1px; } .payment-icons img { max-height: 30px; } .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { font-size: 2.125rem; line-height: 2.125rem!important; margin-right: 4px; } /* Quote */ .quote-avatar img { width: 50px; height: 50px; } .quote p { margin-bottom: 4px; } .quote-author h6 { font-size: 1.2rem; } .quote-author span { font-size: 1.0625rem; } /* Users */ .txt-block .users { margin-top: 14px; } .users img { max-height: 48px; } .txt-block .users img { max-height: 42px; } .users p { font-size: 0.975rem; margin-top: 15px; top: 0; left: 0; } .txt-block .users p { font-size: 0.915rem; margin-top: 0; top: 10px; left: 4px; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Header Logo */ .wsmobileheader .smllogo { display: block; padding-left: 16px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; } .wsactive .wsmobileheader { margin-right: 325px; } .overlapblackbg { width: calc(100% - 325px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; } /* Nav Link Info */ span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; } .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 13px 10px; } /* Header Store Badges */ .store.header-store img { max-height: 45px; } /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section .hero-app-logo img { max-height: 96px; margin-bottom: 24px; } .hero-section .btns-group { display: block; } .hero-section .btns-group .btn { display: block; padding: 1rem 1.5rem; margin: 0 10%; } .hero-section .btns-group .btn:first-child { margin-bottom: 15px; } .hero-section .store { display: block; margin: 15px 0 0; } .hero-section .os-version-ext { margin-top: 18px; } .hero-section .users p { margin-top: 20px; } /* Hero Advantages */ .hero-section .text-center .advantages { margin-top: 17px; } .hero-section .advantages li { display: block!important; margin-top: 4px; } .hero-section .advantages li p { display: block; float: none; } .hero-section li.advantages-links-divider { display: none!important; } /* HERO QUICK FORM */ .hero-section .quick-form .form-control, .hero-section .quick-form .btn { height: 52px; font-size: 1.0625rem; } .hero-section .quick-form.form-half .form-control { height: 52px; font-size: 1.0625rem; padding: 0 14px; margin-bottom: 20px; } .hero-section .quick-form.form-half .btn { height: 52px; font-size: 1.0625rem; } .hero-section .text-center .quick-form-msg { margin: 20px 0 0 0; } /* HERO DIGITS */ #hd-1-1, #hd-1-2 { width: 100%; padding: 0; } #hd-1-1 { margin-bottom: 20px; } .hero-digits h2.statistic-number { font-size: 2.85rem; } .hero-digits h2.statistic-number small { font-size: 2.15rem; margin-left: 3px; } /* HERO-1 */ #hero-1 { padding-top: 70px; margin-bottom: 60px; } .hero-1-txt h2 { font-size: 2.175em; } .hero-1-txt p.p-lg { margin-top: 15px; margin-bottom: 5px; } .os-version-ext small, .os-version-ext .os-version { font-size: 0.95rem; } .hero-1-img { padding: 0 1%; margin-top: 35px; margin-bottom: -60px; } /* HERO-2 */ .hero-2-txt h2 { font-size: 2.175rem; } .hero-2-txt p.p-xl { margin-top: 14px; margin-bottom: 5px; } .hero-2-txt p.btn-txt { font-size: 0.975rem; } /* HERO-3 */ #hero-3 { padding-top: 70px; } .hero-3-txt h2 { font-size: 2.175rem; } .hero-3-txt p.p-xl { font-size: 1.2rem; margin-top: 15px; margin-bottom: 5px; } .hero-3-txt .btn-txt { font-size: 0.935rem; margin-top: 18px; } .hero-3-img { margin: 35px -15% 0; } /* HERO-4 */ #hero-4 { padding-top: 70px; } .hero-4-txt h2 { font-size: 2.15rem; } .hero-4-txt p.p-xl { padding: 0; margin-top: 15px; margin-bottom: 24px; } .hero-4-img { margin: 35px -10px 0; } /* HERO-5 */ #hero-5 { padding-top: 70px; margin-bottom: 55px; } .hero-5-txt h2 { font-size: 2.15em; } .hero-5-txt p.p-xl { margin-top: 15px; margin-bottom: 5px; } .hero-5-img { margin-top: 40px; margin-bottom: -55px; } /* HERO-6 */ #hero-6 { padding-top: 70px; } #hero-6:after { height: 7%; } .hero-6-txt h2 { font-size: 2rem; } .hero-6-txt p.p-lg { padding: 0 2%; margin-top: 12px; margin-bottom: 24px; } .hero-6-img { margin-top: 35px; } /* HERO-7 */ .hero-7-txt h2 { font-size: 2.15rem; margin-bottom: 10px; } .hero-7-txt .os-version-ext span { font-size: 0.9rem; } .hero-7-img { margin: 0 0 -40%; } /* HERO-8 */ #hero-8 { margin-bottom: 45px; } .hero-8-txt h2 { font-size: 2.15rem; padding: 0 5%; } .hero-8-txt p.p-lg { margin-top: 12px; margin-bottom: 20px; } .hero-8-txt .quick-form { margin: 24px 4% 0; } .hero-8-img { margin: 35px 0 -45px 0; } /* HERO-9 */ #hero-9 { padding-top: 70px; } .hero-9-txt h2 { font-size: 2.125rem; } .hero-9-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } .hero-9-img { margin-top: 35px; } /* HERO-10 */ .hero-10-txt h2 { font-size: 2.125rem; } .hero-10-txt p.p-lg { padding: 0; margin-top: 15px; margin-bottom: 5px; } .hero-10-txt p.btn-txt { margin-top: 20px; } #hero-10 .quick-form { margin: 24px 4% 0; } /* HERO-11 */ .hero-11-txt h2 { font-size: 2.15rem; } .hero-11-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } .hero-11-txt .quick-form { margin: 24px 4% 0; } .hero-11-img { margin-top: 35px; } /* HERO-12 */ .hero-12-txt h2 { font-size: 1.9rem; } .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { padding: 0; margin-top: 14px; margin-bottom: 22px; } .hero-12-img { margin-top: 35px; } /* HERO-13 */ #hero-13 { margin-bottom: 60px; } .hero-13-txt h2 { font-size: 2rem; } .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { margin-top: 12px; margin-bottom: 5px; } .hero-13-txt .quick-form { margin: 24px 4% 0; } .hero-13-img { margin: 35px 0 -60px; } /* HERO-14 */ #hero-14 { padding-top: 80px; padding-bottom: 90px; } .hero-14-txt h2 { font-size: 2.4rem; } .hero-14-txt p.p-xl { margin-top: 15px; margin-bottom: 10px; } /* HERO-15 */ .hero-15-txt h2 { font-size: 2.4rem; } .hero-15-txt p.p-lg { margin-top: 16px; margin-bottom: 25px; } .hero-15-img { margin: 40px 0 -70px; } /* HERO-16 */ .hero-16-txt h2 { font-size: 2.05rem; } .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 12px; margin-bottom: 22px; padding: 0; } .hero-16-img {padding: 28px 15px 0; margin-top: 35px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .hero-16-img img { margin-bottom: -10px; } /* HERO-17 */ .hero-17-txt { padding: 0 4%; } .hero-17-txt h2 { font-size: 2.6rem; line-height: 1.3; } .hero-17-txt p.p-md { margin-top: 14px; margin-bottom: 5px; } .hero-17-img { margin-top: 40px; } /* HERO-18 */ .hero-18-txt h2 { font-size: 2rem; } .hero-18-txt p.p-xl { margin-top: 14px; margin-bottom: 20px; } .hero-18-img { margin-top: 10px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ .about-1 { margin-bottom: 35px; } .about-2-title { margin-bottom: 12px; } #a2-1 { margin-bottom: 16px; } .about-1-txt h2 { font-size: 2.15rem; margin-bottom: 12px; } .about-1-txt h4 { font-size: 1.1875rem; } .about-1-img { margin-top: 35px; margin-bottom: -35px; } .about-3 .img-block.left-column, .about-3 .img-block.right-column { margin-bottom: 35px; } .about-section .accordion-1 { margin-top: -18px; } /* CAREERS */ .jobs-category { padding: 0 20px 6px; margin-bottom: 20px; } .jobs-category h4 { font-size: 1.6rem; padding-top: 20px; margin-bottom: 5px; } .career-item { padding: 14px 0; } .position-description h5 { font-size: 1.3rem; padding-right: 10%; } .position-link { top: 17px; right: 0; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1rem; } .more-careers { margin-top: 30px; } .more-careers-txt p span { display: block; } /* JOB POSITION */ .job-position-title { padding: 50px 15px 55px; margin: 80px -15px 25px; } .job-position-title .position-data { margin-top: 10px; } .job-position-title .position-data p.p-xl { font-size: 1.2rem; } .job-position-title .btn { font-size: 0.95rem; padding: 0.7rem 1.85rem; } .position-info h5 { margin-top: 25px; margin-bottom: 14px; } .position-info .btn { margin-top: 16px!important; } /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { margin-top: 35px; } .fbox-5-wrapper { padding: 40px 22px 50px; } .fbox-5-wrapper .section-title { margin-bottom: 30px; } .features-2 .section-title p.p-xl { font-size: 1.1rem; } .fb-1, .fb-2, .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3, .rows-2 .fb-4, .rows-2 .fb-5, .row-cols-md-2 .fb-3, .rows-3 .fb-1, .rows-3 .fb-2, .rows-3 .fb-3, .rows-3 .fb-4, .rows-3 .fb-5, .rows-4 .fb-1, .rows-4 .fb-2, .rows-4 .fb-3, .rows-4 .fb-4, .rows-4 .fb-5, .rows-4 .fb-6, .fbox-4.fb-1, .fbox-4.fb-3, .fbox-4.fb-5, .fbox-4.fb-7, .rows-4 .fbox-2.fb-1, .rows-4 .fbox-2.fb-2, .rows-4 .fbox-2.fb-3, .rows-4 .fbox-2.fb-4, .rows-4 .fbox-2.fb-5, .rows-4 .fbox-2.fb-6, .features-2 .rows-4 .fb-7 { margin-bottom: 35px; } .fbox-wrapper.left-align .rows-2 .fb-1, .fbox-wrapper.left-align .rows-2 .fb-2, .fbox-wrapper.left-align .rows-2 .fb-3, .fbox-wrapper.left-align .rows-2 .fb-4, .fbox-wrapper.left-align .rows-2 .fb-5 { margin-bottom: 35px; } .rows-2 .fb-7 { margin-top: 35px; margin-bottom: 35px; } .fbox-3 { padding: 45px 35px 35px; } .fbox-4-txt { padding: 40px 5% 0; margin-bottom: 35px; } .fbox-4.fb-1 { display: flex; flex-wrap: wrap; } .fbox-4, .fbox-4.fb-5, .fbox-4.fb-6 { padding: 30px 25px 25px; } .fbox-4.fb-7, .fbox-4.fb-8 { padding: 40px 25px 0; } .fbox-4.fb-1 .fbox-4-img, .fbox-4.fb-2 .fbox-4-img, .fbox-4.fb-3 .fbox-4-img, .fbox-4.fb-4 .fbox-4-img { margin: 0 7% 20px; } .fbox-4.fb-5 .fbox-4-img, .fbox-4.fb-6 .fbox-4-img { margin: 0 0 20px; } .fbox-4.fb-7 .fbox-4-img, .fbox-4.fb-8 .fbox-4-img { margin: 25px 0 0; } .fbox-5 { padding: 45px 25px; } .fbox-5-img img { max-height: 185px; margin-bottom: 18px; } .fbox-6 .fbox-img { margin-bottom: 25px; } .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 170px; } .fbox-7 .fbox-img.h-175, .fbox-7 .fbox-img.h-180 { padding-top: 26px; margin: 0 18px 45px; } .fbox-ico, .fbox-1 .fbox-ico.ico-60 { margin-bottom: 15px; } .fbox-2 .fbox-ico-wrap.ico-55 { margin-bottom: 14px; } .fbox-ico[class*="img-"] { margin-bottom: 16px; } .fbox-wrapper .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .ico-50 [class*="flaticon-"]:after, .fbox-wrapper .ico-55 [class*="flaticon-"]:before, .fbox-wrapper .ico-55 [class*="flaticon-"]:after, .fbox-wrapper .ico-60 [class*="flaticon-"]:before, .fbox-wrapper .ico-60 [class*="flaticon-"]:after { font-size: 3.7rem; } .fbox-ico-wrap .ico-40 [class*="flaticon-"]:before, .fbox-ico-wrap .ico-40 [class*="flaticon-"]:after { font-size: 3.15rem; } .fbox-wrapper .row-cols-md-2 h6, .fbox-wrapper .row-cols-md-3 h6, .fbox-2 h5, .fbox-4 h5 { margin-bottom: 12px; } .fbox-3 h6 { margin-top: 14px; margin-bottom: 10px!important; } .fbox-4-txt h2 { margin: 0 3%; margin-bottom: 12px; } .fbox-4-txt h3.h3-xl, .fbox-5 h5 { margin-bottom: 12px; } .fbox-4-txt h3.h3-lg { margin: 0 2%; font-size: 1.625rem; margin-bottom: 12px; } .fbox-4.fb-5 h5, .fbox-4.fb-6 h5 { margin-bottom: 14px; } .fbox-1 p { padding: 0 2%; } .rows-2 .fbox-1 p { padding: 0; } .features-2-download { margin-top: 45px; } .features-2-download p.p-sm { font-size: 0.925rem; padding: 0 5%; margin-top: 18px; } .features-2-download p.p-sm br { display: none; } /* CONTENT */ .ct-07, .ct-08, .ct-09 { padding: 70px 0; } .bc-02 .container { max-width: 100%; } .bc-02.pt-30 .container, .bc-02.pb-30 .container { max-width: auto; } .bc-02-wrapper { margin: 0 -15px; border-radius: 0 0!important; } .bc-02.pt-30 .bc-02-wrapper, .bc-02.pb-30 .bc-02-wrapper { margin: 0; border-radius: 12px!important; } .bc-02.pt-30.ws-wrapper, .bc-02.pb-30.ws-wrapper { padding-top: 35px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 50px; } .bc-04-wrapper { padding: 12px 12px 35px; } .ct-05.pt-100, .ct-06 .section-overlay { margin-bottom: 40px; } .bc-01 .section-overlay, .bc-02 .section-overlay { padding: 70px 22px; } .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 35px 22px; } .bc-03 .section-overlay { padding: 70px 22px 0; } .bc-03 .section-title { margin-bottom: 25px; } .bc-03-wrapper .section-title h2 { font-size: 1.875rem; } .bc-03 .section-title p { margin-top: 15px; } .txt-box, .bc-01 .txt-box { margin-bottom: 20px; } .txt-block-stat.mt-30, .txt-block-stat.mt-35 { margin-top: 20px; } .bc-04 .txt-block { padding: 0 10px; } .txt-block h3, .txt-block h2, .txt-block h5, .bc-02 .txt-block h5 { margin-bottom: 14px; } h5.h5-title { margin: 14px 0; } .bc-02 .txt-block h5 { padding-right: 5px; } .txt-block .btn, .txt-block .stores-badge { margin-top: 20px; } .txt-block-tra-link { margin-top: 16px; } .cbox-1 .ico-wrap { margin-right: 1rem; } .cbox-1-ico { width: 1.85rem; height: 1.85rem; font-size: 1rem; line-height: 1.45rem; margin-top: 5px; } .cbox-2 .cbox-2-ico { margin-bottom: 10px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 3.25rem; } .cbox-3 { text-align: center; } .cbox-title { margin-bottom: 10px; } .cbox-title span {display: block; float: none; line-height: 1!important; margin: 0 0 14px 0; } .cbox-title span[class*="flaticon-"]:before, .cbox-title span[class*="flaticon-"]:after { font-size: 3.25rem; } .cbox-1-txt { margin-bottom: 20px; } .cbox-2-txt, .cbox-3-txt { margin-bottom: 30px; } .cbox-1-txt h5, .cbox-2-txt h5 { margin-bottom: 12px!important; } .cbox-2-txt p { padding: 0 3%; } .cbox-4-wrapper { margin-top: 0; } .box-title { margin-bottom: 14px; } .cbox-4.cb-2 { margin-top: 18px; } .box-title span { top: 10px; left: 3px; right: 0; } .box-title h6 { position: relative; top: 2px; left: 8px; } .cbox-5 { width: 340px; min-width: 340px; padding: 13px 20px; } .cbox-5.cb-1 { margin: 8px 0 20px; } .cbox-5-ico span { position: relative; top: 5px; } .cbox-5-txt { padding-left: 13px; } .cbox-5-txt h6 { font-size: 1.1875rem; margin-bottom: 0; } .cbox-6-wrapper { margin-bottom: 55px; } .cbox-6 { padding: 25px 24px; } .cbox-6 hr { margin-top: 25px; margin-bottom: 15px; } .cbox-6 h2.statistic-number { font-size: 2.45rem; } .cbox-6 .statistic-number sup { font-size: 2rem; top: -5px; right: 0; margin-right: 5px; } .cbox-6-txt.mt-30 { margin-top: 20px; } .cbox-6-data { padding: 11px 17px; } .cbox-6-data.mt-25 { margin-top: 15px; } .cb-shape-1 { right: -75px; top: -20px; } .cb-shape-2 { left: -20px; bottom: -20px; } .cb-shape-1 img, .cb-shape-2 img { width: 50%; height: 50%; } .cbox-7-txt { padding-left: 12px; } .cbox-7-ico { margin-top: 1px; } .cbox-7-ico { width: 24px; height: 24px; margin-top: 1px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.735rem; } .cbox-7-ico span { line-height: 22px; } .cbox-7-txt p { margin-bottom: 14px; } .txt-block .accordion-1 .accordion-item { padding: 22px 0 27px; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: -3px; right: 0; } .txt-block .accordion-1 .accordion-thumb h5 { font-size: 1.35rem; padding-left: 0; } .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 18px; } .txt-block .accordion-1 .accordion-panel { padding: 0; } .tabs-1 li { padding: 18px 22px; } .tab-link p { margin-top: 6px; } /* Content Images */ .bc-4-img { margin-bottom: 30px; } .content-section .container.hidd { overflow: visible!important; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -40px; } .img-block-txt { margin-top: 35px; } .img-block-btn { padding: 0 2%; margin-top: 35px; } .img-block-btn .btn { width: 100%; } /* STATISTIC */ .statistic-2.py-80 { padding: 70px 0; } .statistic-4-wrapper { padding: 0 8%; } .statistic-2-wrapper .txt-block { margin-bottom: 35px; } #sb-1-1, #sb-1-2, #sb-2-1 { margin-bottom: 35px; } #sb-3-2 { padding-left: 4%; } .statistic-4-wrapper .statistic-block { padding: 0; } #sb-4-1, #sb-4-2 { padding: 0 5% 35px; margin-bottom: 35px; } h3.statistic-number { font-size: 2.45rem; line-height: 1; letter-spacing: -1px; } h2.statistic-number { font-size: 2.75rem; line-height: 1; letter-spacing: -1px; } .statistic-2-wrapper h2 { margin-bottom: 12px; } #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { font-size: 2.25rem; letter-spacing: -0.5px; margin-bottom: 12px; } .statistic-2 .txt-block h3 { padding: 0 3%; } .statistic-4-wrapper h5 { margin-top: 20px; margin-bottom: 12px; } #sb-2-1 br { display: none; } #sb-2-2 { clear: both; } #sb-2-2 .txt-block-rating { display: inline-block; } #sb-2-2 p { display: inline-block; margin-left: 5px; } /* RATING */ #rb-2-1 { margin-bottom: 25px; } #rb-2-2 { margin-bottom: 20px; } .rating-title { padding: 0 10%; } .rating-title h5 { font-size: 1.125rem; } .rbox-1-img { margin-bottom: 18px; } .rbox-1-img img { max-height: 32px; } .rbox-2-img img { max-height: 70px; } #rb-2-2 .rbox-2-img img { max-height: 125px; } .rbox-2 p { margin-top: 15px; } .rbox-1 .star-rating { padding: 5px 16px; font-size: 1rem; line-height: 1; } .rbox-1 .star-rating span { top: -2px; } .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } /* TESTIMONIALS */ .reviews-3-wrapper:after { width: 140%; height: 94%; top: 3%; left: -20%; } .review-1 { padding: 22px 24px 27px; } .review-1.no-title { padding: 37px 24px 27px; } .review-2 { padding: 0; } .review-3 { padding: 35px 28px 25px; } #rw-3-1, #rw-3-2, #rw-3-3 { margin-bottom: 25px; } .review-item { margin-bottom: 25px; } .review-4 { padding: 30px 25px; } .review-ico.ico-45 { top: 10px; right: 16px; } .review-ico.ico-60 { top: 10px; left: 18px; } .review-2 .review-avatar { margin: 16px auto 9px; float: none; } .review-avatar img, .owl-item .review-avatar img, .review-3 .review-avatar img { width: 46px; height: 46px; } .reviews-2 .owl-carousel .owl-item img { display: inline-block; } .review-2 .review-avatar img { width: 52px; height: 52px; } .author-data .review-author { padding: 0 0 0 12px; } .review-4-txt .author-data { display: inline-block; margin-top: 3px; } .review-4-txt .author-data.mb-15 { margin-top: 0; margin-bottom: 12px; } .review-2 .author-data .review-author { text-align: center; padding: 0; } .review-author.mt-15 { margin-top: -2px; } .review-author h6 { font-size: 1.1rem; margin-top: 3px; margin-bottom: 7px; } .review-author h6 span, .review-author p { font-size: 1rem; } .reviews-btn { margin-top: 40px; } /* TEAM */ .team-1 { padding-bottom: 30px; } .team-member-photo { margin-bottom: 25px; } .team-member-data h6 { font-size: 1.375rem; } .team-member-data p { font-size: 1.0625rem; } /* PRICING */ .pricing-1-table { padding: 30px; } .pricing-2-table, .pricing-3-table { padding: 27px 30px; } .pricing-table-header h5 { font-size: 1.5625rem!important; } .pricing-1-table .pricing-table-header h5 { margin-bottom: 20px; } .p-table p.btn-txt { margin: 12px 0 0 0; } .pricing-discount { top: 0; right: 0; padding: 7px 13px; } .pricing-discount h6 { font-size: 0.975rem; } /* Price */ .price span, .pricing-2-table .price span, .pricing-3-table .price span { font-size: 2.75rem; } .price sup { font-size: 2rem; top: -5px; } .pricing-2-table .price sup, .pricing-3-table .price sup { font-size: 2rem; top: -4px; } .price sup.validity { font-size: 1.3125rem; } .pricing-2-table .price sup.validity, .pricing-3-table .price sup.validity { font-size: 1.6rem; } /* Pricing Features */ .pricing-features.mt-25 { margin-top: 20px; } .pricing-2-table .pricing-features, .pricing-3-table .pricing-features { text-align: center; margin-top: 12px; } .pricing-features li, .pricing-2-table .pricing-features li, .pricing-3-table .pricing-features li { padding: 10px 8px; } .pt-btn { margin-top: 20px; } /* Pricing Notice */ .pricing-notice.mb-40 { margin-bottom: 30px; } .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0 ; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .table>:not(caption)>*>* { padding: 11px 0 9px; } .comp-table .table-responsive thead th { font-size: 0.9375rem; } .comp-table .table-responsive tbody th { font-size: 0.915rem; line-height: 1.25; } .comp-table .table-responsive tbody td { font-size: 0.9rem; top: 0; line-height: 1.25; } .comp-table .table-responsive tbody td span { top: 3px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } .pbox { padding: 0; } #pbox-1, #pbox-2 { margin-bottom: 30px; } .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; } .comp-table-payment h6 { margin-bottom: 15px; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 50px; } .int-2-wrapper .col { padding: 0 10px; } .integrations-1 .container { max-width: 100%; } .int-1-wrapper { padding: 70px 22px; margin: 0 -15px; border-radius: 0 0!important; } .integrations-1 .section-title h2 { padding: 0 2%; } .filter-btns button { font-size: 1.1rem; } .int_tool-1 { margin-bottom: 30px; } .int_tool-2 { padding: 26px 14px; margin-bottom: 20px; } .int_tool-3 { padding: 18px 26px; } .int_tool-1 .tool_logo { padding: 35px 25px; margin-bottom: 20px; } .int_tool-1 img, .int_tool-2 img { width: 55px; height: 55px; } .tool_txt h6 { font-size: 1.225rem; line-height: 1; margin-top: 2px; } .tool_logo h6 { font-size: 1.225rem; } .int_tool-2 h6 { font-size: 1.1875rem; margin-top: 18px; } .tool_txt p { font-size: 1.0625rem; margin-top: 5px; } .integrations-section .more-btn.mt-30 { margin-top: 22px; } .integrations-1 .more-btn { margin-top: 18px; } /* MORE APPS */ .ab-1, .ab-2, .ab-3, .rows-2 .ab-1, .rows-2 .ab-2, .rows-2 .ab-3, .rows-2 .ab-4, .rows-2 .ab-5, .rows-2 .ab-6 { margin-bottom: 35px; } .app-box h6, .app-box h5 { margin-top: 22px; margin-bottom: 10px; } .app-logo-img { padding: 0 7%; } /* BRANDS */ .brands-2-wrapper { padding: 0 12px; } .brands-2-wrapper .col { padding: 0; } .brands-title h6 { font-size: 1rem; line-height: 1.55; padding: 0; margin-bottom: 25px; } .brands-title h5 { font-size: 1.325rem; margin-bottom: 30px; } .brands-title p { padding: 0 5%; margin-bottom: 25px; } #brand-2-1, #brand-2-2, #brand-2-3 { margin-bottom: 35px; } .brands-carousel-5 .brand-logo, .brands-carousel-6 .brand-logo, #brands-2 .brand-logo { padding: 0 10px; } .brands-section .more-btn { margin-top: 35px; } /* CHANGELOG */ .release-data { padding-bottom: 25px; margin-bottom: 22px; } span.version-data { font-size: 1.3rem; line-height: 1.4; margin-bottom: 12px; } span.release-date { font-size: 1.05rem; } .release-highlights h6 { font-size: 1.175rem; margin-bottom: 15px; } .release-preview { margin-bottom: 18px; } /* DOWNLOAD */ #di-3 { margin-bottom: 30px; } .download-item { margin-right: 3%; margin-left: 3%; } .download-item h6 { font-size: 1.5rem; } .download-item p { font-size: 1.125rem; } /* FAQs */ .faqs-1 .section-title { margin-bottom: 25px; } .faqs-2 .section-title { margin-bottom: 35px; } .faq-3-title p { font-size: 1.05rem; margin-top: 15px; margin-bottom: 20px; } .faqs-2 .question h6, .faqs-2 .question h5 { font-size: 1.25rem; line-height: 1.5; margin-bottom: 12px; } .faqs-section .accordion-thumb h5, .faqs-section .accordion-thumb h6 { font-size: 1.25rem; line-height: 1.5; padding-right: 12%; } .faqs-section .accordion-thumb { padding: 15px 0 20px; } .faqs-section .accordion-panel { padding: 0 0 10px 0; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.785rem; line-height: 30px; top: 16px; right: 0; } .faqs-2 .more-questions { margin-top: 15px; } .more-questions h6 { font-size: 1.325rem; padding: 0 4%; margin-bottom: 12px; } .more-questions p { font-size: 1.1rem; padding: 0 6%; } .more-questions-btn { display: block; margin: 14px 0 0; } /* BANNER */ .banner-1 .container { max-width: 100%; } .banner-1-wrapper { padding: 65px 20px 70px; margin: 0 -15px; border-radius: 0 0!important; } .banner-2-wrapper .banner-overlay { padding: 60px 30px 70px; } .banner-3 .banner-overlay.pt-80.pb-90 { paddingp: 55px 0 65px; } .banner-4-wrapper { padding: 45px 11%; } .banner-5-wrapper .banner-overlay { padding: 60px 25px 0; } .banner-4-txt { margin-bottom: 12px; } .banner-1-txt h2 { font-size: 1.95rem!important; padding: 0 4%; } .banner-2-txt h2 { font-size: 1.75rem!important; } .banner-4-txt h4 { font-size: 1.65rem!important; } .banner-5-txt h2 { font-size: 1.8rem!important; } .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 14px 0 2px; padding: 0 5%; } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0; margin: 15px 0 22px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { padding: 0 5%; margin-top: 14px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { margin-top: 14px; margin-bottom: 22px; } .banner-1-txt .store { display: block; margin: 15px 0 0; } .banner-1-txt .btn { margin-top: 18px; } .banner-1-txt .os-version-ext .star-rating small { display: block; margin-left: 0; } .banner-2-txt .btn, .banner-5-txt .btn { width: auto; } .banner-3-txt .btn.mt-25 { width: auto; margin-top: 18px; } .banner-3-txt .btn.mt-35 { width: auto; margin-top: 24px; } .banner-section .store { display: block; margin-right: 0; } .banner-section .store.store-btn-2 { margin-top: 15px; } .banner-section p.btn-txt { padding: 0; margin-top: 14px; margin-bottom: 0!important; } .banner-2-txt p.btn-txt, .banner-5-txt p.btn-txt { font-size: 0.95rem; } .banner-5-img.right-column, .banner-5-img.left-column { margin: 35px 0 -20%; } /* NEWSLETTER */ .newsletter-2 .container { max-width: 100%; } .newsletter-1 .newsletter-overlay { padding: 50px 0 40px; } .newsletter-2 .newsletter-overlay { padding: 65px 30px; margin: 0 -15px; border-radius: 0 0!important; } .newsletter-3 .newsletter-overlay { margin: 0 2%; padding: 45px 4% 30px; } .newsletter-4 .newsletter-overlay { padding: 65px 0; } .newsletter-txt h4, .newsletter-txt h3 { font-size: 1.7rem; padding: 0; margin-bottom: 25px; } .newsletter-3 .newsletter-txt h4 { font-size: 1.6rem; } .newsletter-2 .newsletter-txt p { font-size: 0.95rem; padding: 0; margin-bottom: 0; } .newsletter-4 .newsletter-txt p { font-size: 0.95rem; padding: 0 3%; margin-bottom: 0; } .newsletter-1 .newsletter-form { padding: 0 3%; } .newsletter-2 .newsletter-form { padding: 0 2%; margin-top: 30px; } .newsletter-3 .newsletter-form { padding: 0 3%; } .newsletter-4 .newsletter-form { padding: 0 6%; margin-top: 30px; } .newsletter-section .form-control, .newsletter-section .btn { height: 54px; font-size: 1.0625rem; } .newsletter-2.newsletter-section .btn, .newsletter-4.newsletter-section .btn { font-size: 1.0625rem; } /* BLOG */ .blog-1.pb-60 { padding-bottom: 35px; } .blog-1 .blog-post { margin-bottom: 35px; } .blog-post-txt { padding: 0 15px; margin-top: 32px; } .blog-post-meta, .wide-post .blog-post-meta { margin-top: 18px; } .post-tag { font-size: 0.85rem; margin-bottom: 18px; } .blog-post-txt h4, .blog-post-txt h6, .blog-post-txt h5 { margin-bottom: 16px; } /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 35px; } #blog-page .blog-post { margin-bottom: 35px; } #blog-page .blog-post.wide-post { margin-bottom: 15px; } .wide-post .blog-post-img { margin-bottom: 35px; } .posts-category { margin-top: 30px; margin-bottom: 30px; } /* SINGLE BLOG POST */ .blog-post-preview, .single-post-title { margin-bottom: 25px; } .single-post-title .blog-post-meta { margin-bottom: 10px; } .single-post-title h2 { margin-bottom: 14px; } .single-post-txt h6 { font-size: 1.1875rem; margin-bottom: 10px; } .single-post-txt h5.h5-xl { font-size: 1.5rem; margin-top: 26px; margin-bottom: 14px; } .single-post-txt h5 { margin-top: 15px; margin-bottom: 14px; } .post-inner-img { margin-top: 25px; margin-bottom: 25px; } .post-data { margin: 40px 0 0; padding: 40px 0 70px; } .post-author-avatar { margin-right: 16px; } .post-author-avatar img { width: 60px; height: 60px; } .post-author-txt { top: 4px; } .post-author-txt p { margin-top: 5px; } .share-social-icons.ico-25 [class*="flaticon-"]:before, .share-social-icons.ico-25 [class*="flaticon-"]:after { font-size: 1.525rem; } .share-social-icons a.share-ico span { margin-right: 10px; } /* CONTACTS */ .contacts-1.pb-40 { padding-bottom: 20px; } .contacts-1 .section-title p { padding: 0 2%; } .contacts-1 .contact-form p { font-size: 1rem; } .contacts-1 .contact-form .contact-form-notice p { font-size: 0.935rem; margin-top: 25px; } .contact-form .form-control, .contact-form .form-select { height: 50px; font-size: 1.0625rem; padding: 0 15px;margin-bottom: 26px; } .contact-form textarea { min-height: 150px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn .btn { font-size: 1.0625rem; padding: 0.95rem 1.8rem; } .contact-form-msg { margin-top: 15px; } /* FOOTER */ .footer { padding-bottom: 30px; } .footer-data-logo { margin-bottom: 20px; } .footer-data-socials.text-end { margin-bottom: 40px; } .footer-1 .footer-contacts { margin-top: -5px; } .footer-info { margin-bottom: 35px; } .footer-links { margin-bottom: 25px; } .footer-3 .footer-connect { margin-top: 5px; margin-bottom: 25px; } .footer-form { margin-bottom: 10px; } .footer-1 .footer-form { margin-top: 35px; } .fl-1, .fl-2, .fl-3, .fl-4, .footer-1 .fl-5 { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 16px; } .footer-1 .fl-3 { margin-bottom: 16px; } img.footer-logo { max-height: 30px; margin-bottom: 25px; } .footer-data-logo img.footer-logo { max-height: 32px; margin-bottom: 0; } .footer-2 img.footer-logo { margin-bottom: 5px; } .footer-copyright-logo img.footer-logo { max-height: 28px; } .footer h6 { font-size: 1.1875rem; margin-bottom: 20px; } /* 19px */ .footer .footer-links h6.h6-lg { font-size: 1.275rem; margin-bottom: 18px; } .footer-mail-link { margin: 0 0 0 6px; } .footer-mail-link a { font-size: 1.09375rem; } /* 17.5px */ .footer-mail-link span { top: 4.5px; right: 5px; } .footer-mail-link.ico-20 [class*="flaticon-"]:before, .footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.275rem; } .footer-stores-badge { margin-bottom: 20px; } .footer-stores-badge .store { margin-right: 10px; } .footer .badge-img-xs .store img { max-height: 2.75rem; } .footer-info-socials li { padding-right: 13px; } .footer-info-socials.ico-20 [class*="flaticon-"]:before, .footer-info-socials.ico-20 [class*="flaticon-"]:after, .footer-info-socials.ico-25 [class*="flaticon-"]:before, .footer-info-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.3975rem; } .footer-socials a { margin-right: 13px; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.435rem; } .footer-1 .footer-form { margin-bottom: 0; } .footer-form .form-control { font-size: 1.1rem; height: 38px; } .footer-form .btn { height: 40px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1rem; line-height: 28px!important; } .footer-1 .bottom-footer { margin-top: 20px; } .footer-copyright p, .bottom-footer-list p.p-sm, .bottom-secondary-link p.p-sm { font-size: 1rem; } .footer-list-divider { top: -1px; } .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; } .footer-info-copyright p span { top: 2px; padding: 0 2px; } .bottom-foo-socials { margin-left: 6px; } .bottom-foo-socials li { margin-right: 6px; } .footer-data-socials li { padding-right: 8px; } .bottom-foo-socials li span { top: 2.5px; right: 3px; } .footer-data-socials.ico-25 [class*="flaticon-"]:before, .footer-data-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .bottom-foo-socials.ico-10 [class*="flaticon-"]:before, .bottom-foo-socials.ico-10 [class*="flaticon-"]:after { font-size: 1.125rem; } .footer-info-copyright.ico-15 [class*="flaticon-"]:before, .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.375rem; } .bottom-footer p.p-sm { margin-bottom: 0; } /* INNER PAGE WRAPPER */ .inner-page-title { margin-bottom: 40px; } .inner-page-title h2 { margin-bottom: 0; } .inner-page-title p { line-height: 1.6666; margin-top: 10px; } /* PAGE PAGINATION */ .page-link { font-size: 0.95rem; padding: 2px 10px; } .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } /* TERMS, PRIVACY, COOKIES */ .txt-block.legal-info h5 { margin-top: 30px; margin-bottom: 15px; } .txt-block.legal-info h6 { margin-top: 15px; margin-bottom: 15px; } /* SIGN IN / SIGN UP */ .register-page-logo { padding-top: 70px; } .register-page-logo img { max-height: 28px; } .register-page-form { padding: 30px 0 70px; } .reset-page-wrapper { margin: 0; padding: 120px 0 70px; } .register-form-title { margin-bottom: 25px; } .register-form-title h4, .reset-form-title h5 { font-size: 1.65rem; } .register-form-title p { font-size: 1.125rem; margin-top: 5px; } .reset-form-title { margin-bottom: 17px; } .reset-form-title p.p-sm { font-size: 1.0625rem; margin-top: 10px; } .reset-password-link p { font-size: 0.975rem; margin-bottom: 30px; } .form-data span { font-size: 0.925rem; } .register-page-form p.create-account { font-size: 1.0625rem; margin-top: 25px; } .reset-password-form .form-data p { font-size: 1.1rem; margin: 22px 0 10px; } .separator-line { font-size: 1rem; margin: 20px 0; } .reset-page-wrapper .form-control, .register-page-form .form-control { height: 52px; font-size: 1.0625rem; margin-bottom: 22px; } #login .register-page-form .btn.submit { height: 52px; font-size: 1.0625rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 52px; font-size: 1.0625rem; margin-top: 25px; } .reset-page-wrapper .btn.submit { height: 52px; font-size: 1.0625rem; } .register-page-form .btn-google { font-size: 1.05rem; padding: 0.9rem 1.6rem; } .btn-google img { width: 22px; height: 22px; right: 4px; } /* COOKIES */ #cookies { width: 94%; left: 3%; bottom: 12px; padding: 15px 55px 42px 22px; } #cookies p { font-size: 0.9rem; } #cookies-ok { right: 5%; bottom: 15px; font-size: 0.85rem; padding: 4px 20px; } #cookies-info { margin-left: 0; } #cookies-close { right: 13px; top: 4px; } #cookies-close svg { width: 11px; height: 11px; } /* MODAL */ .modal-dialog.modal-xl { width: 340px; margin: auto auto; } .modal-body-content { padding: 32px 12px 15px; } .modal .btn-close { right: 16px!important; top: 16px!important; } .modal-body-content h4 { font-size: 1.625rem; margin-bottom: 12px; } .modal-body .newsletter-form { margin-top: 18px; } .modal .newsletter-form .form-control { height: 52px; font-size: 1.0625rem; margin-bottom: 16px; } .modal .newsletter-form .btn { height: 52px; font-size: 1.0625rem; }}/* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ */@media (min-width: 321px) and (max-width: 389.98px) { html { font-size: 93.75%; } /*------------------------------------------*/ /* BASE /*------------------------------------------*/ #stlChanger { display: none; } .ts-0 { padding-top: 80px; } .division { padding-left: 5px; padding-right: 5px; } .bg--fixed { width: auto; } .bg--scroll { width: auto; background-attachment: scroll!important; } /* Headers */ h6, h6.h6-md, h6.h6-lg, h6.h6-xl { font-size: 1.33334rem; } /* 20px */ h5, h5.h5-md, h5.h5-lg, h5.h5-xl, h4, h4.h4-md, h4.h4-lg, h4.h4-xl { font-size: 1.46667rem; } /* 22px */ h3, h3.h3-md, h3.h3-lg, h3.h3-xl, h2, h2.h2-md, h2.h2-lg { font-size: 1.6rem; }/* 24px */ h2.h2-xl, h2.h2-title { font-size: 1.86667rem; } /* 28px */ h6, h5, h4, h3, h2, h1 { line-height: 1.4; } /* Paragraphs */ p.p-sm, p { font-size: 1rem; } p.p-md, p.p-lg, p.p-xl { font-size: 1.0625rem; } ol.digit-list p { margin-bottom: 5px; } /* Button */ .btn.btn-sm, .btn, .btn.btn-md, .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1.1rem; padding: 0.925rem 1.45rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { font-size: 1.125rem; padding: 0.75rem 0.9rem; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.61095rem 0.5rem 0; } /* Buttons Group */ .btns-group .btn:first-child { margin: 0 0 15px; } .btns-group .btn--transparent { margin-top: -6px; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.5rem!important;top: 4px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.3rem; } .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.2rem; top: -10px; margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.2rem; top: -10px; margin-left: 0; } .btn.ico-left span { margin-right: 8px; } .btn.ico-right span { margin-left: 8px; } .btn.ico-30.ico-left span { right: 0; } /* Button Text */ p.btn-txt, p.btns-group-txt, .btn-rating { text-align: center; margin: 12px 0 0 0; } p.btn-txt.ico-15, p.btns-group-txt.ico-15 { padding: 0; } .text-center .btns-group { display: block; } p.p-sm.btns-group-txt, .btn-rating p.p-sm { font-size: 1rem; } .text-center p.btns-group-txt { margin-top: 18px; } .star-rating small, .star-rating span.rating-txt { font-size: 1.1rem; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1.1275rem; top: 2px; } .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1.135rem; top: 2px; } .os-version-ext { margin-top: 12px; } .os-version-ext .star-rating small { font-size: 1rem; } span.os-version { font-size: 1rem; line-height: 1.5; margin-top: 3px; } /* Transparent Link */ a.tra-link { font-size: 1.034rem; } .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } /* OS Button */ .os-btn { width: 100%; min-width: 270px; padding: 14px 20 10px; } .btn-os.d-inline-block { display: block!important; } .os-btn-ico { margin-right: 20px; } .os-btn-txt p { font-size: 1.15rem; margin-top: 1px; margin-bottom: 7px; } .os-btn-txt span { font-size: 1rem; } .d-inline-block.btn-os-last { margin-top: 12px; margin-left: 0; } .d-block.btn-os-last { margin-top: 12px; } /* Store Badge */ .store { margin-right: 3px; } .badge-img-xs .store img, .badge-img-sm .store img, .badge-img-md .store img, .badge-img-lg .store img, .badge-img-xl .store img { max-height: 3.15rem; } /* Watch Video Link */ .watch-video { margin-top: 18px; } .watch-video-link { margin-right: 10px; } p.video-txt-lg { font-size: 1.0625rem; } p.video-txt-sm { font-size: 1rem; } /* Video Popup Icon */ .video-btn-xl { width: 5.625rem; height: 5.625rem; margin-top: -2.8125rem; margin-left: -2.8125rem; } .video-btn-lg { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } .video-btn-md { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } .video-btn.video-btn-xl [class^="flaticon-"]:before, .video-btn.video-btn-xl [class^="flaticon-"]:after {font-size: 4.5rem; line-height: 5.625rem!important; margin-left: 8px; } .video-btn.video-btn-lg [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after, .video-btn.video-btn-md [class^="flaticon-"]:before, .video-btn.video-btn-md [class^="flaticon-"]:after {font-size: 4.35rem; line-height: 5rem!important; margin-left: 8px; } /* Vector Icon Background */ .ico-55 .shape-ico svg, .ico-60 .shape-ico svg { width: 120px; height: 120px; top: -45px; left: calc(50% - 62px); } /* Vector Rounded Icons */ .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after, .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:after, .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after {font-size: 3rem; line-height: 94px!important; } /* PNG Icons */ .img-80 img { width: 70px; height: 70px; } .img-75 img { width: 65px; height: 65px; } .img-70 img, .img-65 img, .img-60 img { width: 60px; height: 60px; } /* Section ID */ .section-id { font-size: 0.85rem; margin-bottom: 20px; } /* Section Title */ .section-title.mb-70 {margin-bottom: 35px; } .section-title.mb-100 { margin-bottom: 40px; } .section-title p { margin-top: 15px; } .section-title .btns-group { padding: 0 2%; margin-top: 8px; } .section-title .btns-group .btn { width: 100%; margin: 12px 0 0; } /* Advantages */ .advantages, .text-center .advantages { margin-top: 10px; } /* Compatibility */ .compatibility { margin-top: 5px; } /* Tools List / Payments Icons */ .tools-list p, .payment-methods p { margin-bottom: 12px; } .tools-list span { padding-right: 1px; } .payment-icons img { max-height: 30px; } .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after {font-size: 2.125rem;line-height: 2.125rem!important; margin-right: 4px; } /* Quote */ .quote-avatar img { width: 50px; height: 50px; } .quote p { margin-bottom: 4px; } .quote-author h6 { font-size: 1.2rem; } .quote-author span { font-size: 1.0625rem; } /* Users */ .txt-block .users { margin-top: 12px; } .users img { max-height: 44px; } .txt-block .users img { max-height: 40px; } .users p { font-size: 0.975rem; margin-top: 15px; top: 0; left: 0; } .txt-block .users p { font-size: 0.9rem; margin-top: 0; top: 10px; left: 4px; } /*------------------------------------------*/ /* PRELOADER SPINNER /*------------------------------------------*/ .cssload-spinner { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } .cssload-spinner:after, .cssload-spinner:before { width: 46px; height: 46px; } .cssload-spinner:before { width: 68px; height: 68px; margin-left: -11px; margin-top: -11px; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Header Logo */ .wsmobileheader .smllogo { display: block; padding-left: 16px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmenu > .wsmenu-list { width: 290px; margin-right: -290px; } .wsactive .wsmobileheader { margin-right: 290px; } .overlapblackbg { width: calc(100% - 290px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; } /* Nav Link Info */ span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 20px; top: -1px; margin-left: 8px; } .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 13px 10px; } /* Header Store Badges */ .store.header-store img { max-height: 44px; } /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section .hero-app-logo img { max-height: 90px; margin-bottom: 22px; } .hero-section .btns-group { display: block; } .hero-section .btns-group .btn { display: block; padding: 1rem 1.5rem; margin: 0 10%; } .hero-section .btns-group .btn:first-child { margin-bottom: 15px; } .hero-section .store { display: block; margin: 15px 0 0; } .hero-section .os-version-ext { margin-top: 18px; } .hero-section .users p { margin-top: 20px; } /* Hero Advantages */ .hero-section .text-center .advantages { margin-top: 17px; } .hero-section .advantages li { display: block!important; margin-top: 3px; } .hero-section .advantages li p { display: block; float: none; } .hero-section li.advantages-links-divider { display: none!important; } /* HERO QUICK FORM */ .hero-section .quick-form .form-control, .hero-section .quick-form .btn { height: 52px; font-size: 1.0625rem; } .hero-section .quick-form.form-half .form-control { height: 52px; font-size: 1.0625rem; padding: 0 14px; margin-bottom: 20px; } .hero-section .quick-form.form-half .btn { height: 52px; font-size: 1.0625rem; } .hero-section .text-center .quick-form-msg { margin: 20px 0 -10px 0; } /* HERO DIGITS */ #hd-1-1, #hd-1-2 { width: 100%; padding: 0; } #hd-1-1 { margin-bottom: 20px; } .hero-digits h2.statistic-number { font-size: 2.75rem; } .hero-digits h2.statistic-number small { font-size: 2rem; margin-left: 3px; } /* HERO-1 */ #hero-1 { padding-top: 70px; margin-bottom: 50px; } .hero-1-txt h2 { font-size: 2.175em; } .hero-1-txt p.p-lg { margin-top: 15px; margin-bottom: 5px; } .os-version-ext small, .os-version-ext .os-version { font-size: 0.95rem; } .hero-1-img { padding: 0 1%; margin-top: 40px; margin-bottom: -50px; } /* HERO-2 */ .hero-2-txt h2 { font-size: 2.125rem; } .hero-2-txt p.p-xl { margin-top: 14px; margin-bottom: 5px; } .hero-2-txt p.btn-txt { font-size: 0.975rem; } /* HERO-3 */ #hero-3 { padding-top: 70px; } .hero-3-txt h2 { font-size: 2.175rem; } .hero-3-txt p.p-xl { font-size: 1.2rem; margin-top: 15px; margin-bottom: 5px; } .hero-3-txt .btn-txt { font-size: 0.935rem; margin-top: 18px; } .hero-3-img { margin: 35px -13% 0; } /* HERO-4 */ #hero-4 { padding-top: 70px; } .hero-4-txt h2 { font-size: 2.175rem; } .hero-4-txt p.p-xl { margin-top: 15px; margin-bottom: 22px; } .hero-4-img { margin: 35px -5px 0; } /* HERO-5 */ #hero-5 { padding-top: 70px; margin-bottom: 60px; } .hero-5-txt h2 { font-size: 2.05em; } .hero-5-txt p.p-xl { margin-top: 15px; margin-bottom: 5px; } .hero-5-img { margin-top: 35px; margin-bottom: -60px; } /* HERO-6 */ #hero-6 { padding-top: 70px; } #hero-6:after { height: 7%; } .hero-6-txt h2 { font-size: 2rem; } .hero-6-txt p.p-lg { padding: 0; margin-top: 12px; margin-bottom: 22px; } .hero-6-img { margin-top: 35px; } /* HERO-7 */ .hero-7-txt { margin-bottom: 35px; } .hero-7-txt h2 { font-size: 2.175rem; margin-bottom: 5px; } .hero-7-txt .os-version-ext span { font-size: 0.9rem; } .hero-7-img { margin: 0 0 -40%; } /* HERO-8 */ #hero-8 { margin-bottom: 45px; } .hero-8-txt h2 { font-size: 2.15rem; padding: 0 5%; } .hero-8-txt p.p-lg { margin-top: 12px; margin-bottom: 20px; } .hero-8-txt .quick-form { margin: 24px 4% 0; } .hero-8-img { margin: 35px 0 -45px 0; } /* HERO-9 */ #hero-9 { padding-top: 70px; } .hero-9-txt h2 { font-size: 2.125rem; } .hero-9-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } .hero-9-img { margin-top: 35px; } /* HERO-10 */ .hero-10-txt h2 { font-size: 2.175rem; padding: 0 2%; } .hero-10-txt p.p-lg { padding: 0; margin-top: 14px; margin-bottom: 22px; } .hero-10-txt p.btn-txt { margin-top: 25px; } #hero-10 .quick-form { margin: 24px 4% 0; } .hero-10-img { margin-top: 35px; } /* HERO-11 */ .hero-11-txt h2 { font-size: 2.15rem; } .hero-11-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } .hero-11-txt .quick-form { margin: 24px 4% 0; } .hero-11-img { margin-top: 35px; } /* HERO-12 */ .hero-12-txt h2 { font-size: 1.9rem; } .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { padding: 0; margin-top: 12px; margin-bottom: 20px; } .hero-12-img { margin-top: 30px; } /* HERO-13 */ #hero-13 { margin-bottom: 60px; } .hero-13-txt h2 { font-size: 2rem; } .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { margin-top: 12px; margin-bottom: 5px; } .hero-13-txt .quick-form { margin: 24px 4% 0; } .hero-13-img { margin: 35px 0 -60px; } /* HERO-14 */ #hero-14 { padding-top: 80px; padding-bottom: 90px; } .hero-14-txt h2 { font-size: 2.3rem; } .hero-14-txt p.p-xl { margin-top: 12px; margin-bottom: 5px; } /* HERO-15 */ .hero-15-txt h2 { font-size: 2.4rem; } .hero-15-txt p.p-lg { margin-top: 14px; margin-bottom: 24px; } .hero-15-img { margin: 35px 0 -70px; } /* HERO-16 */ .hero-16-txt h2 { font-size: 2rem; } .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 12px; margin-bottom: 20px; padding: 0; } .hero-16-img {padding: 28px 15px 0; margin-top: 30px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .hero-16-img img { margin-bottom: -10px; } /* HERO-17 */ .hero-17-txt { padding: 0 4%; } .hero-17-txt h2 { font-size: 2.6rem; line-height: 1.3; } .hero-17-txt p.p-md { margin-top: 14px; margin-bottom: 5px; } .hero-17-img { margin-top: 35px; } /* HERO-18 */ .hero-18-txt h2 { font-size: 2rem; } .hero-18-txt p.p-xl { margin-top: 14px; margin-bottom: 20px; } .hero-18-img { margin-top: 10px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ .about-1 { margin-bottom: 30px; } .about-2-title { margin-bottom: 12px; } #a2-1 { margin-bottom: 15px; } .about-1-txt h2 { font-size: 2.15rem; margin-bottom: 12px; } .about-1-txt h4 { font-size: 1.18rem; } .about-1-img { margin-top: 35px; margin-bottom: -30px; } .about-3 .img-block.left-column, .about-3 .img-block.right-column { margin-bottom: 35px; } .about-section .accordion-1 { margin-top: -18px; } /* CAREERS */ .jobs-category { padding: 0 20px 6px; margin-bottom: 20px; } .jobs-category h4 { font-size: 1.65rem; padding-top: 20px; margin-bottom: 5px; } .career-item { padding: 14px 0; } .position-description h5 { font-size: 1.3rem; padding-right: 10%; } .position-link { top: 17px; right: 0; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.05rem; } .more-careers { margin-top: 25px; } .more-careers-txt p span { display: block; } /* JOB POSITION */ .job-position-title { padding: 50px 15px 55px; margin: 80px -15px 25px; } .job-position-title .position-data { margin-top: 5px; } .job-position-title .position-data p.p-xl { font-size: 1.2rem; } .job-position-title .btn { font-size: 0.95rem; padding: 0.7rem 1.85rem; margin-top: 10px; } .position-info h5 { margin-top: 25px; margin-bottom: 14px; } .position-info .btn { margin-top: 16px!important; } /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { margin-top: 35px; } .fbox-5-wrapper { padding: 38px 22px 44px; } .fbox-5-wrapper .section-title { margin-bottom: 30px; } .features-2 .section-title p.p-xl { font-size: 1.1rem; } .fb-1, .fb-2, .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3, .rows-2 .fb-4, .rows-2 .fb-5, .row-cols-md-2 .fb-3, .rows-3 .fb-1, .rows-3 .fb-2, .rows-3 .fb-3, .rows-3 .fb-4, .rows-3 .fb-5, .rows-4 .fb-1, .rows-4 .fb-2, .rows-4 .fb-3, .rows-4 .fb-4, .rows-4 .fb-5, .rows-4 .fb-6, .fbox-4.fb-1, .fbox-4.fb-3, .fbox-4.fb-5, .fbox-4.fb-7, .rows-4 .fbox-2.fb-1, .rows-4 .fbox-2.fb-2, .rows-4 .fbox-2.fb-3, .rows-4 .fbox-2.fb-4, .rows-4 .fbox-2.fb-5, .rows-4 .fbox-2.fb-6 { margin-bottom: 35px; } .fbox-wrapper.left-align .rows-2 .fb-1, .fbox-wrapper.left-align .rows-2 .fb-2, .fbox-wrapper.left-align .rows-2 .fb-3, .fbox-wrapper.left-align .rows-2 .fb-4, .fbox-wrapper.left-align .rows-2 .fb-5 { margin-bottom: 35px; } .rows-2 .fb-7 { margin-top: 35px; margin-bottom: 35px; } .fbox-3 { padding: 45px 40px 35px; } .fbox-4-txt { padding: 40px 5% 0; margin-bottom: 35px; } .fbox-4.fb-1 { display: flex; flex-wrap: wrap; } .fbox-4, .fbox-4.fb-5, .fbox-4.fb-6 { padding: 25px 20px; } .fbox-4.fb-7, .fbox-4.fb-8 { padding: 40px 20px 0; } .fbox-4.fb-1 .fbox-4-img, .fbox-4.fb-2 .fbox-4-img, .fbox-4.fb-3 .fbox-4-img, .fbox-4.fb-4 .fbox-4-img { margin: 0 8% 20px; } .fbox-4.fb-5 .fbox-4-img, .fbox-4.fb-6 .fbox-4-img { margin: 0 0 20px; } .fbox-4.fb-7 .fbox-4-img, .fbox-4.fb-8 .fbox-4-img { margin: 25px 0 0; } .fbox-5 { padding: 35px 20px; } .fbox-5-img img { max-height: 160px; margin-bottom: 18px; } .fbox-6 .fbox-img { margin-bottom: 20px; } .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 165px; } .fbox-7 .fbox-img.h-175, .fbox-7 .fbox-img.h-180 { padding-top: 26px; margin: 0 18px 45px; } .fbox-ico, .fbox-1 .fbox-ico.ico-60 { margin-bottom: 15px; } .fbox-2 .fbox-ico-wrap.ico-55 { margin-bottom: 14px; } .fbox-ico[class*="img-"] { margin-bottom: 16px; } .fbox-wrapper .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .ico-50 [class*="flaticon-"]:after, .fbox-wrapper .ico-55 [class*="flaticon-"]:before, .fbox-wrapper .ico-55 [class*="flaticon-"]:after, .fbox-wrapper .ico-60 [class*="flaticon-"]:before, .fbox-wrapper .ico-60 [class*="flaticon-"]:after { font-size: 3.65rem; } .fbox-ico-wrap .ico-40 [class*="flaticon-"]:before, .fbox-ico-wrap .ico-40 [class*="flaticon-"]:after { font-size: 3.1rem; } .fbox-wrapper .row-cols-md-2 h6,.fbox-wrapper .row-cols-md-3 h6, .fbox-2 h5, .fbox-4 h5 { margin-bottom: 12px; } .fbox-3 h6 { margin-top: 14px; margin-bottom: 10px!important; } .fbox-4-txt h2 { margin: 0 3%; margin-bottom: 12px; } .fbox-4-txt h3.h3-xl, .fbox-5 h5 { margin-bottom: 12px; } .fbox-4-txt h3.h3-lg { margin: 0 2%; font-size: 1.6rem; margin-bottom: 12px; } .fbox-4.fb-5 h5, .fbox-4.fb-6 h5 { margin-bottom: 14px; } .fbox-1 p { padding: 0 2%; } .rows-2 .fbox-1 p { padding: 0; } .features-2-download { margin-top: 45px; } .features-2-download p.p-sm { font-size: 0.95rem; padding: 0 5%; margin-top: 18px; } .features-2-download p.p-sm br { display: none; } /* CONTENT */ .ct-07, .ct-08, .ct-09 { padding: 70px 0; } .bc-02 .container { max-width: 100%; } .bc-02.pt-30 .container, .bc-02.pb-30 .container { max-width: auto; } .bc-02-wrapper { margin: 0 -15px; border-radius: 0 0!important; } .bc-02.pt-30 .bc-02-wrapper, .bc-02.pb-30 .bc-02-wrapper { margin: 0; border-radius: 12px!important; } .bc-02.pt-30.ws-wrapper, .bc-02.pb-30.ws-wrapper { padding-top: 35px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 50px; } .bc-04-wrapper { padding: 10px 10px 35px; } .ct-05 .section-title, .ct-06 .section-title, .bc-03-wrapper .section-title { margin-bottom: 30px; } .bc-03-wrapper .section-title { margin-bottom: 25px; } .bc-03-wrapper .section-title h2 { font-size: 1.86667rem; } .bc-03 .section-title p { margin-top: 12px; } .ct-05.pt-100, .ct-06 .section-overlay { margin-bottom: 40px; } .bc-01 .section-overlay, .bc-02 .section-overlay { padding: 70px 20px; } .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 35px 18px; } .bc-03 .section-overlay { padding: 70px 20px 0; } .txt-box, .bc-1-wrapper .txt-box { margin-bottom: 15px; } .txt-block-stat.mt-30, .txt-block-stat.mt-35 { margin-top: 18px; } .bc-04 .txt-block { padding: 0 8px; } .txt-block h3, .txt-block h2, .txt-block h5, .bc-02 .txt-block h5 { margin-bottom: 14px; } h5.h5-title { margin: 14px 0; } .txt-block .btn, .txt-block .stores-badge { margin-top: 20px; } .txt-block .btns-group .btn.btn--transparent, .txt-block-tra-link { margin-top: 16px; } .cbox-1 .ico-wrap { margin-right: 0.9rem; } .cbox-1-ico { width: 1.55rem; height: 1.55rem; font-size: 0.95rem; line-height: 1.2rem; margin-top: 5px; } .cbox-2 .cbox-2-ico { margin-bottom: 12px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-3-ico span[class*="flaticon-"]:after { font-size: 3.25rem; } .cbox-3 { text-align: center; } .cbox-title { margin-bottom: 10px; } .cbox-title span {display: block; float: none; line-height: 1!important; margin: 0 0 14px 0; } .cbox-title span[class*="flaticon-"]:before, .cbox-title span[class*="flaticon-"]:after { font-size: 3rem; } .cbox-1-txt { margin-bottom: 20px; } .cbox-2-txt { margin-bottom: 30px; } .cbox-3-txt { margin-bottom: 30px; } .cbox-1-txt h5, .cbox-2-txt h5 { margin-bottom: 12px!important; } .cbox-2-txt p { padding: 0 2%; } .cbox-4-wrapper { margin-top: 0; } .box-title { margin-bottom: 14px; } .cbox-4.cb-2 { margin-top: 15px; } .box-title span { top: 10px; left: 3px; right: 0; } .box-title h6 { position: relative; top: 2px; left: 8px; } .cbox-5 { width: 320px; min-width: 320px; padding: 12px 17px; } .cbox-5.cb-1 { margin: 8px 0 20px; } .cbox-5-ico span { position: relative; top: 3px; } .cbox-5-txt { padding-left: 11px; } .cbox-5-txt h6 { font-size: 1.26667rem; margin-bottom: 0; } .cbox-6-wrapper { margin-bottom: 55px; } .cbox-6 { padding: 25px 24px; } .cbox-6 hr { margin-top: 25px; margin-bottom: 15px; } .cbox-6 h2.statistic-number { font-size: 2.65rem; } .cbox-6 .statistic-number sup { font-size: 2.15rem; top: -5px; right: 0; margin-right: 5px; } .cbox-6-txt.mt-30 { margin-top: 20px; } .cbox-6-data { padding: 11px 17px; } .cbox-6-data.mt-25 { margin-top: 15px; } .cb-shape-1 { right: -75px; top: -20px; } .cb-shape-2 { left: -20px; bottom: -20px; } .cb-shape-1 img, .cb-shape-2 img { width: 50%; height: 50%; } .cbox-7-txt { padding-left: 10px; } .cbox-7-ico { margin-top: 1px; } .cbox-7-ico { width: 22px; height: 22px; margin-top: 1px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; } .cbox-7-ico span { line-height: 20px; } .cbox-7-txt p { margin-bottom: 10px; } .txt-block .accordion-1 .accordion-item { padding: 18px 0 23px; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.8rem; line-height: 30px; top: -3px; right: 0; } .txt-block .accordion-1 .accordion-thumb h5 { padding-left: 0; } .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 18px; } .txt-block .accordion-1 .accordion-panel { padding: 0; } .tabs-1 li { padding: 16px 20px; } .tab-link p { margin-top: 6px; } /* Content Images */ .bc-4-img { margin-bottom: 30px; } .content-section .container.hidd { overflow: visible!important; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -40px; } .img-block-txt { margin-top: 30px; } .img-block-btn { padding: 0 2%; margin-top: 30px; } .img-block-btn .btn { width: 100%; } /* STATISTIC */ .statistic-2.py-80 { padding: 70px 0; } .statistic-4-wrapper { padding: 0 6%; } .statistic-2-wrapper .txt-block { margin-bottom: 35px; } #sb-1-1, #sb-1-2, #sb-2-1 { margin-bottom: 35px; } #sb-3-2 { padding-left: 4%; } #sb-4-1, #sb-4-2 { padding-bottom: 35px; margin-bottom: 35px; } h3.statistic-number { font-size: 2.6rem; line-height: 1; letter-spacing: -1px; } h2.statistic-number { font-size: 2.75rem; line-height: 1; letter-spacing: -1px; } .statistic-2-wrapper h2 { margin-bottom: 12px; } #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { font-size: 2.25rem; letter-spacing: -0.5px; margin-bottom: 12px; } .statistic-2 .txt-block h3 { padding: 0 3%; } .statistic-4-wrapper h5 { margin: 20px 0 12px; } #sb-2-1 br { display: none; } #sb-2-2 { clear: both; } #sb-2-2 .txt-block-rating { display: inline-block; } #sb-2-2 p { display: inline-block; margin-left: 5px; } /* RATING */ #rb-2-1 { margin-bottom: 25px; } #rb-2-2 { margin-bottom: 20px; } .rating-title { padding: 0 10%; } .rating-title h5 { font-size: 1.125rem; } .rbox-1-img { margin-bottom: 14px; } .rbox-1-img img { max-height: 32px; } .rbox-2-img img { max-height: 70px; } #rb-2-2 .rbox-2-img img { max-height: 120px; } .rbox-2 p { font-size: 1.1rem; margin-top: 15px; } .rbox-1 .star-rating { padding: 5px 16px; font-size: 1rem; line-height: 1; } .rbox-1 .star-rating span { top: -2px; } .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } /* TESTIMONIALS */ .reviews-3-wrapper:after { width: 140%; height: 94%; top: 3%; left: -20%; } .review-1 { padding: 22px 22px 27px; } .review-1.no-title { padding: 37px 22px 27px; } .review-2 { padding: 0; } .review-3 { padding: 35px 25px 25px; } #rw-3-1, #rw-3-2, #rw-3-3 { margin-bottom: 25px; } .review-item { margin-bottom: 25px; } .review-4 { padding: 30px 25px; } .review-ico.ico-45 { top: 10px; right: 16px; } .review-ico.ico-60 { top: 10px; left: 16px; } .review-2 .review-avatar { margin: 16px auto 9px; float: none; } .review-avatar img, .owl-item .review-avatar img, .review-3 .review-avatar img { width: 45px; height: 45px; } .reviews-2 .owl-carousel .owl-item img { display: inline-block; } .review-2 .review-avatar img { width: 50px; height: 50px; } .author-data .review-author { padding: 0 0 0 12px; } .review-4-txt .author-data { display: inline-block; margin-top: 3px; } .review-4-txt .author-data.mb-15 { margin-top: 0; margin-bottom: 12px; } .review-2 .author-data .review-author { text-align: center; padding: 0; } .review-author.mt-15 { margin-top: -2px; } .review-author h6 { font-size: 1.1rem; margin-top: 3px; margin-bottom: 7px; } .review-author h6 span, .review-author p { font-size: 1rem; } .reviews-btn { margin-top: 40px; } /* TEAM */ .team-1 { padding-bottom: 30px; } .team-member-photo { margin-bottom: 25px; } .team-member-data h6 { font-size: 1.4666rem; } .team-member-data p { font-size: 1.1rem; } /* PRICING */ .pricing-1-table { padding: 30px; } .pricing-2-table, .pricing-3-table { padding: 25px 28px; } .pricing-table-header h5 { font-size: 1.47435rem!important; } .pricing-1-table .pricing-table-header h5 { margin-bottom: 20px; } .p-table p.btn-txt { margin: 10px 0 0 0; } .pricing-discount { top: 0; right: 0; padding: 7px 13px; } .pricing-discount h6 { font-size: 0.975rem; } /* Price */ .price span { font-size: 2.564102rem; letter-spacing: -1.5px; } .pricing-2-table .price span, .pricing-3-table .price span { font-size: 2.564102rem; } .price sup { font-size: 1.9230769rem; top: -4px; } .pricing-2-table .price sup, .pricing-3-table .price sup { font-size: 1.9230769rem; top: -4px; right: 2px; } .price sup.validity { font-size: 1.282051rem; } .pricing-2-table .price sup.validity, .pricing-3-table .price sup.validity { font-size: 1.5rem; } .pt-btn { margin-top: 20px; } /* Pricing Features */ .pricing-features.mt-25 { margin-top: 15px; } .pricing-2-table .pricing-features, .pricing-3-table .pricing-features { text-align: center; margin-top: 12px; } .pricing-features li, .pricing-2-table .pricing-features li, .pricing-3-table .pricing-features li { padding: 10px 8px; } /* Pricing Notice */ .pricing-notice.mb-40 { margin-bottom: 30px; } .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .comp-table-rouded { padding: 10px 10px 0; } .table>:not(caption)>*>* { padding: 9px 0; } .comp-table .table-responsive thead th { font-size: 0.9rem; } .comp-table .table-responsive tbody th { font-size: 0.815rem; line-height: 1.25; } .comp-table .table-responsive tbody td { font-size: 0.85rem; top: 0; line-height: 1.25; } .comp-table .table-responsive tbody td span { top: 3px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } .pbox { padding: 0; } #pbox-1, #pbox-2 { margin-bottom: 25px; } .pricing-section .txt-box-las, .pricing-section .pm-lastt { margin-bottom: 40px; } .comp-table-payment h6 { margin-bottom: 12px; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 50px; } .int-2-wrapper .col { padding: 0 10px; } .integrations-1 .container { max-width: 100%; } .int-1-wrapper { padding: 70px 22px; margin: 0 -15px; border-radius: 0 0!important; } .integrations-1 .section-title h2 { padding: 0 2%; } .filter-btns button { font-size: 1.125rem; } .int_tool-1 { margin-bottom: 30px; } .int_tool-2 { padding: 26px 14px; margin-bottom: 20px; } .int_tool-3 { padding: 16px 26px 18px; } .int_tool-1 .tool_logo { padding: 35px 25px; margin-bottom: 20px; } .int_tool-1 img, .int_tool-2 img { width: 55px; height: 55px; } .tool_txt h6 { font-size: 1.325rem; line-height: 1; margin-top: 2px; } .tool_logo h6 { font-size: 1.325rem; } .int_tool-2 h6 { font-size: 1.25rem; margin-top: 18px; } .tool_txt p { font-size: 1.0625rem; margin-top: 5px; } .integrations-section .more-btn.mt-30 { margin-top: 22px; } .integrations-1 .more-btn { margin-top: 18px; } /* MORE APPS */ .ab-1, .ab-2, .ab-3, .rows-2 .ab-1, .rows-2 .ab-2, .rows-2 .ab-3, .rows-2 .ab-4, .rows-2 .ab-5, .rows-2 .ab-6 { margin-bottom: 35px; } .app-box h6, .app-box h5 { margin-top: 22px; margin-bottom: 10px; } .app-logo-img { padding: 0 5%; } /* BRANDS */ .brands-2-wrapper { padding: 0 11.7px; } .brands-2-wrapper .col { padding: 0; } .brands-title h6 { font-size: 1rem; line-height: 1.55; margin-bottom: 25px; } .brands-title h5 { font-size: 1.325rem; margin-bottom: 30px; } .brands-title p { padding: 0 5%; margin-bottom: 25px; } #brand-2-1, #brand-2-2, #brand-2-3 { margin-bottom: 35px; } .brands-carousel-5 .brand-logo, .brands-carousel-6 .brand-logo, #brands-2 .brand-logo { padding: 0 8px; } .brands-section .more-btn { margin-top: 30px; } /* CHANGELOG */ .release-data { padding-bottom: 25px; margin-bottom: 22px; } span.version-data { font-size: 1.4rem; line-height: 1.4; margin-bottom: 12px; } span.release-date { font-size: 1.05rem; } .release-highlights h6 { font-size: 1.275rem; margin-bottom: 15px; } .release-preview { margin-bottom: 18px; } /* DOWNLOAD */ #di-3 { margin-bottom: 30px; } .download-item { margin-right: 1%; margin-left: 1%; } .download-item h6 { font-size: 1.5rem; } .download-item p { font-size: 1.125rem; } /* FAQs */ .faqs-1 .section-title { margin-bottom: 25px; } .faqs-2 .section-title { margin-bottom: 35px; } .faq-3-title { margin-bottom: 20px; } .faq-3-title p { font-size: 1.05rem; margin-top: 12px; margin-bottom: 18px; } .faqs-2 .question h6, .faqs-2 .question h5 { font-size: 1.25rem; line-height: 1.5; margin-bottom: 12px; } .faqs-section .accordion-thumb h5, .faqs-section .accordion-thumb h6 { font-size: 1.25rem; line-height: 1.5; padding-right: 12%; } .faqs-section .accordion-thumb { padding: 15px 0 20px; } .faqs-section .accordion-panel { padding: 0 0 10px 0; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.8rem; line-height: 30px; top: 15px; right: 0; } .faqs-2 .more-questions { margin-top: 15px; } .more-questions h6 { font-size: 1.325rem; padding: 0 4%; margin-bottom: 12px; } .more-questions p { font-size: 1.0625rem; padding: 0 5%; } .more-questions-btn { display: block; margin: 14px 0 0; } /* BANNER */ .banner-1 .container { max-width: 100%; } .banner-1-wrapper { padding: 65px 18px 70px; margin: 0 -15px; border-radius: 0 0!important; } .banner-2-wrapper .banner-overlay { padding: 55px 20px 65px; } .banner-4-wrapper { padding: 50px 8%; } .banner-5-wrapper .banner-overlay { padding: 60px 25px 0; } .banner-4-txt { margin-bottom: 8px; } .banner-1-txt h2 { font-size: 1.85rem; padding: 0 6%; } .banner-2-txt h2, .banner-4-txt h4, .banner-5-txt h2 { font-size: 1.73334rem; } /* 26px; */ .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 12px 0 3px; padding: 0 5%; } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0 4%; margin: 15px 0 20px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { padding: 0 5%; margin-top: 14px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { margin-top: 14px; margin-bottom: 18px; } .banner-1-txt .store { display: block; margin: 15px 0 0; } .banner-1-txt .btn { margin-top: 15px; } .banner-1-txt .os-version-ext .star-rating small { display: block; margin-left: 0; } .banner-2-txt .btn, .banner-5-txt .btn { width: auto; } .banner-3-txt .btn.mt-25 { width: auto; margin-top: 18px; } .banner-3-txt .btn.mt-35 { width: auto; margin-top: 24px; } .banner-section .store { display: block; margin-right: 0; } .banner-section .store.store-btn-2 { margin-top: 15px; } .banner-section p.btn-txt { padding: 0; margin-top: 14px; margin-bottom: 0!important; } .banner-2-txt p.btn-txt, .banner-5-txt p.btn-txt { font-size: 0.95rem; } .banner-5-img.right-column, .banner-5-img.left-column { margin: 35px 0 -20%; } /* NEWSLETTER */ .newsletter-2 .container { max-width: 100%; } .newsletter-1 .newsletter-overlay { padding: 50px 0 40px; } .newsletter-2 .newsletter-overlay { padding: 65px 25px; margin: 0 -15px; border-radius: 0 0!important; } .newsletter-3 .newsletter-overlay { margin: 0 2%; padding: 40px 4% 25px; } .newsletter-4 .newsletter-overlay { padding: 65px 0; } .newsletter-txt h4, .newsletter-txt h3 { font-size: 1.6666rem; padding: 0; margin-bottom: 25px; } .newsletter-3 .newsletter-txt h4 { font-size: 1.55rem; margin-bottom: 20px; } .newsletter-2 .newsletter-txt p { font-size: 0.95rem; padding: 0 4%; margin-bottom: 0; } .newsletter-4 .newsletter-txt p { font-size: 0.95rem; padding: 0 6%; margin-bottom: 0; } .newsletter-1 .newsletter-form { padding: 0 3%; } .newsletter-2 .newsletter-form { padding: 0 3%; margin-top: 30px; } .newsletter-3 .newsletter-form { padding: 0 3%; } .newsletter-4 .newsletter-form { padding: 0 6%; margin-top: 30px; } .newsletter-section .form-control, .newsletter-section .btn { height: 52px; font-size: 1.0625rem; } .newsletter-2.newsletter-section .btn, .newsletter-4.newsletter-section .btn { font-size: 1.0625rem; } /* BLOG */ .blog-1.pb-60 { padding-bottom: 35px; } .blog-1 .blog-post { margin-bottom: 35px; } .blog-post-txt { padding: 0 15px; margin-top: 30px; } .blog-post-meta, .wide-post .blog-post-meta { margin-top: 16px; } .post-tag { font-size: 0.85rem; margin-bottom: 16px; } .blog-post-txt h4, .blog-post-txt h6, .blog-post-txt h5 { margin-bottom: 14px; } /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 35px; } #blog-page .blog-post { margin-bottom: 35px; } #blog-page .blog-post.wide-post { margin-bottom: 15px; } .wide-post .blog-post-img { margin-bottom: 35px; } .posts-category { margin-top: 30px; margin-bottom: 30px; } /* SINGLE BLOG POST */ .blog-post-preview, .single-post-title { margin-bottom: 25px; } .single-post-title .blog-post-meta { margin-bottom: 10px; } .single-post-title h2 { margin-bottom: 14px; } .single-post-txt h6 { font-size: 1.25rem; margin-bottom: 10px; } .single-post-txt h5.h5-xl { font-size: 1.5rem; margin-top: 26px; margin-bottom: 14px; } .single-post-txt h5 { margin-top: 15px; margin-bottom: 14px; } .post-inner-img { margin-top: 25px; margin-bottom: 25px; } .post-data { margin: 40px 0 0; padding: 40px 0 70px; } .post-author-avatar { margin-right: 16px; } .post-author-avatar img { width: 55px; height: 55px; } .post-author-txt { top: 2px; } .post-author-txt p { margin-top: 5px; } .share-social-icons.ico-25 [class*="flaticon-"]:before, .share-social-icons.ico-25 [class*="flaticon-"]:after { font-size: 1.525rem; } .share-social-icons a.share-ico span { margin-right: 10px; } /* CONTACTS */ .contacts-1.pb-40 { padding-bottom: 20px; } .contacts-1 .section-title p { padding: 0 2%; } .contacts-1 .contact-form p { font-size: 1rem; } .contacts-1 .contact-form .contact-form-notice p { font-size: 0.975rem; margin-top: 25px; } .contact-form .form-control, .contact-form .form-select { height: 50px; font-size: 1.0625rem; padding: 0 15px;margin-bottom: 26px; } .contact-form textarea { min-height: 150px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn .btn { font-size: 1.1rem; padding: 0.95rem 1.8rem; } .contact-form-msg { margin-top: 15px; } /* FOOTER */ .footer { padding-bottom: 30px; } .footer-data-logo { margin-bottom: 20px; } .footer-data-socials.text-end { margin-bottom: 40px; } .footer-info { margin-bottom: 35px; } .footer-1 .footer-contacts { margin-top: -5px; } .footer-links { margin-bottom: 25px; } .footer-3 .footer-connect { margin-top: 5px; margin-bottom: 25px; } .footer-form { margin-bottom: 10px; } .footer-1 .footer-form { margin-top: 35px; } .fl-1, .fl-2, .fl-3, .fl-4, .footer-1 .fl-5 { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 16px; } .footer-1 .fl-3 { margin-bottom: 16px; } img.footer-logo { max-height: 30px; margin-bottom: 25px; } .footer-data-logo img.footer-logo { max-height: 32px; margin-bottom: 0; } .footer-2 img.footer-logo { margin-bottom: 0; } .footer-copyright-logo img.footer-logo { max-height: 28px; } .footer h6 { font-size: 1.2rem; margin-bottom: 20px; } /* 18px */ .footer .footer-links h6.h6-lg { font-size: 1.275rem; margin-bottom: 18px; } .footer-mail-link { margin: 0 0 0 8px; } .footer-mail-link a { font-size: 1.1rem; } /* 16.5px */ .footer-mail-link span { top: 4.5px; right: 5px; } .footer-mail-link.ico-20 [class*="flaticon-"]:before, .footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.275rem; } .footer-stores-badge { margin-bottom: 20px; } .footer-stores-badge .store { margin-right: 10px; } .footer .badge-img-xs .store img { max-height: 2.75rem; } .footer-info-socials li { padding-right: 13px; } .footer-info-socials.ico-20 [class*="flaticon-"]:before, .footer-info-socials.ico-20 [class*="flaticon-"]:after, .footer-info-socials.ico-25 [class*="flaticon-"]:before, .footer-info-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.45rem; } .footer-socials a { margin-right: 13px; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .footer-1 .footer-form { margin-bottom: 0; } .footer-form .form-control { font-size: 1.0625rem; } .footer-form .form-control, .footer-form .btn { height: 36px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.0625rem; line-height: 26px!important; } .footer-1 .bottom-footer { margin-top: 20px; } .footer-copyright p, .bottom-footer-list p.p-sm, .bottom-secondary-link p.p-sm { font-size: 1rem; } .footer-list-divider { top: 0; } .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; } .footer-info-copyright p span { top: 2px; padding: 0 2px; } .bottom-foo-socials { margin-left: 6px; } .bottom-foo-socials li { margin-right: 6px; } .footer-data-socials li { padding-right: 8px; } .bottom-foo-socials li span { top: 2.5px; right: 3px; } .footer-data-socials.ico-25 [class*="flaticon-"]:before, .footer-data-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .bottom-foo-socials.ico-10 [class*="flaticon-"]:before, .bottom-foo-socials.ico-10 [class*="flaticon-"]:after { font-size: 1.125rem; } .footer-info-copyright.ico-15 [class*="flaticon-"]:before, .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.375rem; } /* INNER PAGE WRAPPER */ .inner-page-title { margin-bottom: 40px; } .inner-page-title h2 { margin-bottom: 0; } .inner-page-title p { line-height: 1.6666; margin-top: 12px; } /* PAGE PAGINATION */ .page-link { font-size: 0.95rem; padding: 2px 10px; } .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } /* TERMS, PRIVACY, COOKIES */ .txt-block.legal-info h5 { margin: 30px 0 15px; } .txt-block.legal-info h6 { margin: 15px 0; } /* SIGN IN / SIGN UP */ .register-page-logo { padding-top: 70px; } .register-page-logo img { max-height: 26px; } .register-page-form { padding: 30px 0 70px; } .reset-page-wrapper { margin: 0; padding: 115px 0 70px; } .register-form-title { margin-bottom: 25px; } .register-form-title h4, .reset-form-title h5 { font-size: 1.75rem; } .register-form-title p { font-size: 1.125rem; margin-top: 5px; } .reset-form-title { margin-bottom: 17px; } .reset-form-title p.p-sm { font-size: 1rem; margin-top: 10px; } .reset-password-link p { font-size: 0.975rem; margin-bottom: 28px; } .form-data span { font-size: 0.925rem; } .register-page-form p.create-account { font-size: 1.0625rem; margin-top: 25px; } .reset-password-form .form-data p { font-size: 1.1rem; margin: 22px 0 10px; } .separator-line { font-size: 1rem; margin: 20px 0; } .reset-page-wrapper .form-control, .register-page-form .form-control { height: 50px; font-size: 1.0625rem; margin-bottom: 22px; } #login .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 50px; font-size: 1.0625rem; margin-top: 25px; } .reset-page-wrapper .btn.submit { height: 50px; font-size: 1.0625rem; } .register-page-form .btn-google { font-size: 1.05rem; padding: 0.9rem 1.6rem; } .btn-google img { width: 22px; height: 22px; right: 4px; } /* COOKIES */ #cookies { width: 94%; left: 3%; bottom: 12px; padding: 15px 45px 44px 20px; } #cookies p { font-size: 0.925rem; } #cookies-ok { right: 5%; bottom: 16px; font-size: 0.85rem; padding: 5px 20px; } #cookies-info { margin-left: 0; } #cookies-close { right: 14px; top: 4px; } #cookies-close svg { width: 11px; height: 11px; } /* MODAL */ .modal-dialog.modal-xl { width: 320px; margin: auto auto; } .modal-body-content { padding: 30px 10px 14px; } .modal .btn-close { right: 15px!important; top: 15px!important; } .modal-body-content h4 { font-size: 1.6rem; margin-bottom: 10px; } .modal-body .newsletter-form { margin-top: 15px; } .modal .newsletter-form .form-control { height: 52px; font-size: 1.0625rem; margin-bottom: 16px; } .modal .newsletter-form .btn { height: 52px; font-size: 1.0625rem; }}/* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ *//* ------------------------------------------------------------------------ */@media (max-width: 320.98px) { html { font-size: 87.5%; } /*------------------------------------------*/ /* BASE /*------------------------------------------*/ #stlChanger { display: none; } .division { padding-left: 0; padding-right: 0; } .ts-0 { padding-top: 80px; } .bg--fixed { width: auto; } .bg--scroll { width: auto; background-attachment: scroll!important; } /* Background Shape */ .bg--shape:after { width: 1100px; height: 1100px; top: 12%; left: -10%; } .py-40 { padding: 30px 0; } .py-50 { padding: 35px 0; } .py-60 { padding: 40px 0; } .py-70 { padding: 40px 0; } .py-80 { padding: 40px 0; } .py-90 { padding: 50px 0; } .py-100 { padding: 60px 0; } .pt-40 { padding-top: 30px; } .pt-50 { padding-top: 35px; } .pt-60 { padding-top: 40px; } .pt-70 { padding-top: 40px; } .pt-80 { padding-top: 40px; } .pt-90 { padding-top: 50px; } .pt-100 { padding-top: 60px; } .pb-40 { padding-bottom: 30px; } .pb-50 { padding-bottom: 35px; } .pb-60 { padding-bottom: 40px; } .pb-70 { padding-bottom: 40px; } .pb-80 { padding-bottom: 40px; } .pb-90 { padding-bottom: 50px; } .pb-100 { padding-bottom: 60px; } .mt-30 { margin-top: 24px; } .mt-40 { margin-top: 30px; } .mt-45 { margin-top: 30px; } .mt-50 { margin-top: 35px; } .mt-55 { margin-top: 35px; } .mt-60 { margin-top: 40px; } .mt-65 { margin-top: 40px; } .mt-70 { margin-top: 40px; } .mt-75 { margin-top: 40px; } .mt-80 { margin-top: 40px; } .mb-30 { margin-bottom: 24px; } .mb-40 { margin-bottom: 30px; } .mb-45 { margin-bottom: 30px; } .mb-50 { margin-bottom: 35px; } .mb-55 { margin-bottom: 35px; } .mb-60 { margin-bottom: 40px; } .mb-65 { margin-bottom: 40px; } .mb-70 { margin-bottom: 40px; } .mb-75 { margin-bottom: 40px; } .mb-80 { margin-bottom: 40px; } /* Headers */ h6, h6.h6-md, h6.h6-lg, h6.h6-xl { font-size: 1.35714rem; } /* 19px */ h5, h5.h5-md, h5.h5-lg, h5.h5-xl, h4, h4.h4-md, h4.h4-lg, h4.h4-xl { font-size: 1.42857rem; } /* 20px */ h3, h3.h3-md, h3.h3-lg, h3.h3-xl, h2, h2.h2-md, h2.h2-lg { font-size: 1.57143rem; }/* 22px */ h2.h2-xl, h2.h2-title { font-size: 1.75rem; } /* 24.5px */ h6, h5, h4, h3, h2, h1 { line-height: 1.4; } /* Paragraphs */ p.p-sm, p { font-size: 1rem; } p.p-md, p.p-lg, p.p-xl { font-size: 1.0625rem; } ol.digit-list p { margin-bottom: 5px; } /* Button */ .btn.btn-sm, .btn, .btn.btn-md, .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1.1rem; padding: 1rem 1.45rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { font-size: 1.15rem; padding: 0.75rem 0.9rem; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.391175rem 0.5rem 0; } /* Buttons Group */ .btns-group .btn:first-child { margin: 0 0 12px; } .btns-group .btn--transparent { margin-top: -5px; } /* Button Text */ p.btn-txt, p.btns-group-txt, .btn-rating { text-align: center; margin: 10px 0 0 0; } p.btn-txt.ico-15, p.btns-group-txt.ico-15 { padding: 0; } .text-center .btns-group { display: block; } .text-center p.btns-group-txt { margin-top: 18px; } .btn-rating p.p-sm { font-size: 1rem; } .star-rating small, .star-rating span.rating-txt { font-size: 1.1rem; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1.125rem; top: 2px; } .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1.125rem; top: 2px; } .os-version-ext { margin-top: 12px; } .os-version-ext .star-rating small { font-size: 1rem; } span.os-version { font-size: 1rem; line-height: 1.5; margin-top: 3px; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; line-height: 0.45rem!important; top: 3px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.25rem; } .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.2rem; top: -10px; margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.2rem; top: -10px; margin-left: 0; } .btn.ico-left span { margin-right: 5px; } .btn.ico-right span { margin-left: 5px; } .btn.ico-30.ico-left span { right: 0; } .ico-25-txt { top: -2px; } .btn.ico-25.ico-left span { margin-right: 5px; margin-left: 0; } /* Transparent Link */ a.tra-link { font-size: 1.035rem; } .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } /* OS Button */ .os-btn { width: 100%; min-width: 250px; padding: 14px 20px 10px; } .btn-os.d-inline-block { display: block!important; } .os-btn-ico { margin-right: 20px; } .os-btn-txt p { font-size: 1.15rem; margin-top: 1px; margin-bottom: 7px; } .os-btn-txt span { font-size: 1rem; } .d-inline-block.btn-os-last { margin-top: 12px; margin-left: 0; } .d-block.btn-os-last { margin-top: 12px; } /* Store Badges */ .store { margin-right: 0; } .store-btn-2 { margin-top: 10px; } .badge-img-xs .store img, .badge-img-sm .store img, .badge-img-md .store img, .badge-img-lg .store img, .badge-img-xl .store img { max-height: 3.35rem; } /* Watch Video Link */ .watch-video { margin-top: 18px; } .watch-video-link { margin-right: 8px; } p.video-txt-lg { font-size: 1.0625rem; } p.video-txt-sm { font-size: 1rem; } /* Video Popup Icon */ .video-btn-xl { width: 5.625rem; height: 5.625rem; margin-top: -2.8125rem; margin-left: -2.8125rem; } .video-btn-lg { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } .video-btn-md { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; } .video-btn.video-btn-xl [class^="flaticon-"]:before, .video-btn.video-btn-xl [class^="flaticon-"]:after {font-size: 4.5rem; line-height: 5.625rem!important; margin-left: 8px; } .video-btn.video-btn-lg [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after, .video-btn.video-btn-md [class^="flaticon-"]:before, .video-btn.video-btn-md [class^="flaticon-"]:after {font-size: 4.35rem; line-height: 5rem!important; margin-left: 8px; } /* Vector Icon Background */ .ico-55 .shape-ico svg, .ico-60 .shape-ico svg { width: 110px; height: 110px; top: -40px; left: calc(50% - 57px); } /* Vector Rounded Icons */ .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 88px; height: 88px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after, .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:after, .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after {font-size: 2.85rem; line-height: 88px!important; } /* PNG Icons */ .img-80 img { width: 70px; height: 70px; } .img-75 img { width: 65px; height: 65px; } .img-70 img, .img-65 img, .img-60 img { width: 60px; height: 60px; } /* Section ID */ .section-id { font-size: 0.85rem; margin-bottom: 20px; } /* Section Title */ .section-title.mb-70 { margin-bottom: 30px; } .section-title.mb-100 { margin-bottom: 40px; } .section-title p { font-size: 1.025rem; margin-top: 12px; } .section-title .btns-group { padding: 0 4%; margin-top: 8px; } .section-title .btns-group .btn { width: 100%; margin: 12px 0 0; } /* Advantages */ .advantages, .text-center .advantages { margin-top: 10px; } /* Compatibility */ .compatibility { margin-top: 5px; } /* Tools List / Payments Icons */ .tools-list p, .payment-methods p { margin-bottom: 12px; } .tools-list span { padding-right: 1px; } .payment-icons img { max-height: 26px; } .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after {font-size: 2rem; line-height: 2rem!important; margin-right: 3px; } /* Quote */ .quote-avatar img { width: 50px; height: 50px; } .quote p { margin-bottom: 6px; } .quote-author h6 { font-size: 1.2rem; } .quote-author span { font-size: 1.0625rem; } /* Users */ .txt-block .users { margin-top: 10px; } .users img { max-height: 42px; } .txt-block .users img { max-height: 35px; } .users p { font-size: 0.975rem; margin-top: 15px; top: 0; left: 0; } .txt-block .users p { font-size: 0.9rem; margin-top: 0; top: 10px; left: 3px; } /*------------------------------------------*/ /* PRELOADER SPINNER /*------------------------------------------*/ .cssload-spinner { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } .cssload-spinner:after, .cssload-spinner:before { width: 46px; height: 46px; } .cssload-spinner:before { width: 68px; height: 68px; margin-left: -11px; margin-top: -11px; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Header Logo */ .wsmobileheader .smllogo { display: block; padding-left: 15px; } .smllogo img { width: auto; max-width: inherit; max-height: 28px; } .wsmenu > .wsmenu-list { width: 250px; margin-right: -250px; } .wsactive .wsmobileheader { margin-right: 250px; } .overlapblackbg { width: calc(100% - 250px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 15px 0 0; } /* Nav Link Info */ span.sm-info { width: 20px; height: 20px; font-size: 0.785rem; line-height: 18px; top: -1px; margin-left: 5px; } .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 13px 9px; } /* Header Store Badges */ .store.header-store img { max-height: 42px; } /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section .hero-app-logo img { max-height: 84px; margin-bottom: 20px; } .hero-section .btns-group { display: block; } .hero-section .btns-group .btn { display: block; padding: 1rem 1.5rem; margin: 0 10%; } .hero-section .btns-group .btn:first-child { margin-bottom: 12px; } .hero-section .store { display: block; margin: 15px 0 0; } .hero-section .os-version-ext { margin-top: 16px; } .hero-section .users p { margin-top: 18px; } /* Hero Advantages */ .hero-section .text-center .advantages { margin-top: 15px; } .hero-section .advantages li { display: block!important; margin-top: 3px; } .hero-section .advantages li p { display: block; float: none; } .hero-section li.advantages-links-divider { display: none!important; } /* HERO QUICK FORM */ .hero-section .quick-form .form-control, .hero-section .quick-form .btn { height: 48px; font-size: 1.1rem; } .hero-section .quick-form.form-half .form-control { height: 48px; font-size: 1.1rem; padding: 0 14px; margin-bottom: 18px; } .hero-section .quick-form.form-half .btn { height: 48px; font-size: 1.1rem; } .hero-section .text-center .quick-form-msg { margin: 20px 0 -10px 0; } /* HERO DIGITS */ #hd-1-1, #hd-1-2 { width: 100%; padding: 0; } #hd-1-1 { margin-bottom: 20px; } .hero-digits h2.statistic-number { font-size: 2.75rem; } .hero-digits h2.statistic-number small { font-size: 2rem; margin-left: 3px; } /* HERO-1 */ #hero-1 { padding-top: 70px; margin-bottom: 50px; } .hero-1-txt h2 { font-size: 2.125em; } .hero-1-txt p.p-lg { margin-top: 13px; margin-bottom: 5px; } .os-version-ext small, .os-version-ext .os-version { font-size: 0.915rem; } .hero-1-img { padding: 0 2%; margin-top: 35px; margin-bottom: -50px; } /* HERO-2 */ #hero-2 { padding-top: 70px; padding-bottom: 80px; } .hero-2-txt h2 { font-size: 2rem; } .hero-2-txt p.p-xl { margin-top: 14px; margin-bottom: 5px; } .hero-2-txt p.btn-txt { font-size: 0.95rem; } /* HERO-3 */ #hero-3 { padding-top: 70px; } .hero-3-txt h2 { font-size: 2.125rem; } .hero-3-txt p.p-xl { font-size: 1.2rem; margin-top: 15px; margin-bottom: 5px; } .hero-3-txt .btn-txt { font-size: 0.915rem; margin-top: 18px; } .hero-3-img { margin: 35px -12% 0; } /* HERO-4 */ #hero-4 { padding-top: 70px; } .hero-4-txt h2 { font-size: 2.125rem; } .hero-4-txt p.p-xl { padding: 0; margin-top: 15px; margin-bottom: 22px; } .hero-4-img { margin-top: 30px; } /* HERO-5 */ #hero-5 { padding-top: 70px; margin-bottom: 55px; } .hero-5-txt h2 { font-size: 2em; } .hero-5-txt p.p-xl { margin-top: 13px; margin-bottom: 5px; } .hero-5-img { margin-top: 35px; margin-bottom: -55px; } /* HERO-6 */ #hero-6 { padding-top: 70px; } #hero-6:after { height: 7%; } .hero-6-txt h2 { font-size: 1.85rem; } .hero-6-txt p.p-lg { padding: 0; margin-top: 12px; margin-bottom: 22px; } .hero-6-img { margin-top: 30px; } /* HERO-7 */ #hero-7 { padding-top: 70px; } .hero-7-txt { margin-bottom: 35px; } .hero-7-txt h2 { font-size: 2.1rem; margin-bottom: 5px; } .hero-7-txt .os-version-ext span { font-size: 0.9rem; } .hero-7-img { margin: 0 0 -40%; } /* HERO-8 */ #hero-8 { padding-top: 70px; margin-bottom: 40px; } .hero-8-txt h2 { font-size: 2.125rem; padding: 0 5%; } .hero-8-txt p.p-lg { margin-top: 12px; margin-bottom: 20px; } .hero-8-txt .quick-form { margin: 22px 4% 0; } .hero-8-img { margin: 30px 0 -40px 0; } /* HERO-9 */ #hero-9 { padding-top: 70px; } .hero-9-txt h2 { font-size: 2rem; } .hero-9-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } .hero-9-img { margin-top: 35px; } /* HERO-10 */ .hero-10-txt h2 { font-size: 2.125rem; padding: 0 2%; } .hero-10-txt p.p-lg { padding: 0; margin-top: 14px; margin-bottom: 22px; } .hero-10-txt p.btn-txt { margin-top: 25px; } #hero-10 .quick-form { margin: 22px 4% 0; } .hero-10-img { margin-top: 30px; } /* HERO-11 */ .hero-11-txt h2 { font-size: 2.15rem; } .hero-11-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } .hero-11-txt .quick-form { margin: 22px 4% 0; } .hero-11-img { margin-top: 35px; } /* HERO-12 */ #hero-12 { padding-top: 70px; } .hero-12-txt h2 { font-size: 1.85rem; } .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { padding: 0; margin-top: 12px; margin-bottom: 20px; } .hero-12-img { margin-top: 30px; } /* HERO-13 */ #hero-13 { padding-top: 65px; margin-bottom: 55px; } .hero-13-txt h2 { font-size: 1.95rem; } .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { margin-top: 12px; margin-bottom: 5px; } .hero-13-txt .quick-form { margin: 22px 4% 0; } .hero-13-img { margin: 30px 0 -55px; } /* HERO-14 */ #hero-14 { padding-top: 70px; padding-bottom: 80px; } .hero-14-txt h2 { font-size: 2.3rem; } .hero-14-txt p.p-xl { margin-top: 12px; margin-bottom: 5px; } /* HERO-15 */ .hero-15-txt h2 { font-size: 2.35rem; } .hero-15-txt p.p-lg { margin-top: 12px; margin-bottom: 22px; } .hero-15-img { margin: 30px 0 -70px; } /* HERO-16 */ .hero-16-txt h2 { font-size: 1.95rem; } .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 12px; margin-bottom: 20px; padding: 0; } .hero-16-img {padding: 28px 15px 0; margin-top: 30px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .hero-16-img img { margin-bottom: -10px; } /* HERO-17 */ .hero-17-txt { padding: 0 3%; } .hero-17-txt h2 { font-size: 2.6rem; line-height: 1.3; } .hero-17-txt p.p-md { margin-top: 14px; margin-bottom: 5px; } .hero-17-img { margin-top: 35px; } /* HERO-18 */ .hero-18-txt h2 { font-size: 1.95rem; } .hero-18-txt p.p-xl { margin-top: 14px; margin-bottom: 20px; } .hero-18-img { margin-top: 10px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ .about-1 { margin-bottom: 30px; } .about-2-title { margin-bottom: 12px; } #a2-1 { margin-bottom: 14px; } .about-1-txt h2 { font-size: 2rem; margin-bottom: 12px; } .about-1-txt h4 { font-size: 1.15rem; } .about-1-img { margin-top: 30px; margin-bottom: -30px; } .about-3 .img-block.left-column, .about-3 .img-block.right-column { margin-bottom: 35px; } .about-section .accordion-1 { margin-top: -18px; } /* CAREERS */ .jobs-category { padding: 0 20px 7px; margin-bottom: 20px; } .jobs-category h4 { font-size: 1.65rem; padding-top: 20px; margin-bottom: 6px; } .career-item { padding: 13px 0; } .position-description h5 { font-size: 1.3rem; padding-right: 10%; } .position-link { top: 15px; right: 0; } .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.05rem; } .more-careers { margin-top: 25px; } .more-careers-txt p span { display: block; } /* JOB POSITION */ .job-position-title { padding: 40px 15px 45px; margin: 80px -15px 15px; } .job-position-title .position-data { margin-top: 5px; } .job-position-title .position-data p.p-xl { font-size: 1.2rem; } .job-position-title .btn { font-size: 0.95rem; padding: 0.7rem 1.85rem; margin-top: 10px; } .position-info h5 { margin-top: 25px; margin-bottom: 12px; } .position-info .btn { margin-top: 15px!important; } /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { margin-top: 30px; } .fbox-5-wrapper { padding: 35px 15px 42px; } .fbox-5-wrapper .section-title { margin-bottom: 25px; } .features-2 .section-title p.p-xl { font-size: 1.0625rem; } .fb-1, .fb-2, .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3, .rows-2 .fb-4, .rows-2 .fb-5, .row-cols-md-2 .fb-3, .rows-3 .fb-1, .rows-3 .fb-2, .rows-3 .fb-3, .rows-3 .fb-4, .rows-3 .fb-5, .rows-4 .fb-1, .rows-4 .fb-2, .rows-4 .fb-3, .rows-4 .fb-4, .rows-4 .fb-5, .rows-4 .fb-6, .fbox-4.fb-1, .fbox-4.fb-3, .fbox-4.fb-5, .fbox-4.fb-7, .rows-4 .fbox-2.fb-1, .rows-4 .fbox-2.fb-2, .rows-4 .fbox-2.fb-3, .rows-4 .fbox-2.fb-4, .rows-4 .fbox-2.fb-5, .rows-4 .fbox-2.fb-6 { margin-bottom: 30px; } .fbox-wrapper.left-align .rows-2 .fb-1, .fbox-wrapper.left-align .rows-2 .fb-2, .fbox-wrapper.left-align .rows-2 .fb-3, .fbox-wrapper.left-align .rows-2 .fb-4, .fbox-wrapper.left-align .rows-2 .fb-5 { margin-bottom: 35px; } .rows-2 .fb-7 { margin-top: 30px; margin-bottom: 30px; } .fbox-3 { padding: 40px 35px 28px; } .fbox-4-txt { padding: 36px 6% 0; margin-bottom: 30px; } .fbox-4.fb-1 { display: flex; flex-wrap: wrap; } .fbox-4, .fbox-4.fb-5, .fbox-4.fb-6 { padding: 25px 18px 20px; } .fbox-4.fb-7, .fbox-4.fb-8 { padding: 36px 20px 0; } .fbox-4.fb-1 .fbox-4-img, .fbox-4.fb-2 .fbox-4-img, .fbox-4.fb-3 .fbox-4-img, .fbox-4.fb-4 .fbox-4-img { margin: 0 7% 20px; } .fbox-4.fb-5 .fbox-4-img, .fbox-4.fb-6 .fbox-4-img { margin: 0 0 20px; } .fbox-5 { padding: 35px 20px; } .fbox-5-img img { max-height: 155px; margin-bottom: 15px; } .fbox-5 .fbox-img { margin-bottom: 20px; } .fbox-img.h-175 img, .fbox-img.h-180 img { max-height: 150px; } .fbox-7 .fbox-img.h-175, .fbox-7 .fbox-img.h-180 { padding-top: 25px; margin: 0 18px 45px; } .fbox-ico, .fbox-1 .fbox-ico.ico-60 { margin-bottom: 15px; } .fbox-ico[class*="img-"] { margin-bottom: 16px; } .fbox-2 .fbox-ico-wrap.ico-55 { margin-bottom: 13px; } .fbox-wrapper .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .ico-50 [class*="flaticon-"]:after, .fbox-wrapper .ico-55 [class*="flaticon-"]:before, .fbox-wrapper .ico-55 [class*="flaticon-"]:after, .fbox-wrapper .ico-60 [class*="flaticon-"]:before, .fbox-wrapper .ico-60 [class*="flaticon-"]:after { font-size: 3.6rem; } .fbox-ico-wrap .ico-40 [class*="flaticon-"]:before, .fbox-ico-wrap .ico-40 [class*="flaticon-"]:after { font-size: 3rem; } .fbox-wrapper .row-cols-md-2 h6, .fbox-wrapper .row-cols-md-3 h6, .fbox-2 h5, .fbox-4 h5 { margin-bottom: 12px; } .fbox-3 h6 { margin-top: 14px; margin-bottom: 10px!important; } .fbox-4-txt h2 { padding: 0 3%; margin-bottom: 12px; } .fbox-4-txt h3.h3-xl, .fbox-5 h5 { margin-bottom: 10px; } .fbox-4-txt h3.h3-lg { font-size: 1.57143rem; margin-bottom: 12px; } .fbox-4.fb-5 h5, .fbox-4.fb-6 h5 { margin-bottom: 14px; } .fbox-1 p { padding: 0 2%; } .rows-2 .fbox-1 p { padding: 0; } .features-2-download { margin-top: 40px; } .features-2-download p.p-sm { font-size: 0.95rem; margin-top: 16px; } .features-2-download p.p-sm br { display: none; } /* CONTENT */ .ct-07, .ct-08, .ct-09 { padding: 60px 0; } .bc-02 .container { max-width: 100%; } .bc-02.pt-30 .container, .bc-02.pb-30 .container { max-width: auto; } .bc-02-wrapper { margin: 0 -15px; border-radius: 0 0!important; } .bc-02.pt-30 .bc-02-wrapper, .bc-02.pb-30 .bc-02-wrapper { margin: 0; border-radius: 12px!important; } .bc-02.pt-30.ws-wrapper, .bc-02.pb-30.ws-wrapper { padding-top: 30px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 40px; } .bc-04-wrapper { padding: 10px 10px 35px; } .ct-05.pt-100, .ct-06 .section-overlay { margin-bottom: 30px; } .bc-01 .section-overlay, .bc-02 .section-overlay { padding: 60px 20px; } .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 30px 18px; } .bc-03 .section-overlay { padding: 60px 17px 0; } .ct-05 .section-title, .ct-06 .section-title { margin-bottom: 30px; } .bc-03-wrapper .section-title { margin-bottom: 20px; } .bc-03-wrapper .section-title h2 { font-size: 1.75rem; } .bc-03 .section-title p { margin-top: 10px; padding: 0; } .ct-05 .section-title p { font-size: 1rem; } .txt-box, .bc-01 .txt-box { margin-bottom: 15px; } .txt-block-stat.mt-30, .txt-block-stat.mt-35 { margin-top: 18px; } .bc-04 .txt-block { padding: 0 10px; } .txt-block h3, .txt-block h2, .txt-block h5, .bc-02 .txt-block h5 { margin-bottom: 12px; } h5.h5-title { margin: 12px 0; } .txt-block .btn, .txt-block .stores-badge { margin-top: 20px; } .txt-block-tra-link { margin-top: 16px; } .cbox-1 .ico-wrap { margin-right: 0.7rem; } .cbox-1-ico { width: 1.4rem; height: 1.4rem; font-size: 0.85rem; line-height: 1.1rem; margin-top: 6px; } .cbox-2 .cbox-2-ico { margin-bottom: 10px; } .cbox-2-ico span[class*="flaticon-"]:before, .cbox-2-ico span[class*="flaticon-"]:after { font-size: 3.25rem; } .cbox-3 { text-align: center; } .cbox-title { margin-bottom: 10px; } .cbox-title span {display: block; float: none; line-height: 1!important; margin: 0 0 12px 0; } .cbox-title span[class*="flaticon-"]:before, .cbox-title span[class*="flaticon-"]:after { font-size: 3rem; } .cbox-1-txt { margin-bottom: 20px; } .cbox-2-txt { margin-bottom: 30px; } .cbox-3-txt { margin-bottom: 25px; } .cbox-1-txt h5, .cbox-2-txt h5 { margin-bottom: 10px!important; } .cbox-2-txt p { padding: 0 1%; } .cbox-4-wrapper { margin-top: 0; } .box-title { margin-bottom: 14px; } .cbox-4.cb-2 { margin-top: 18px; } .box-title span { top: 10px; left: 3px; right: 0; } .box-title h6 { position: relative; top: 2px; left: 8px; } .cbox-5 { width: 100%; min-width: auto; padding: 13px 16px; } .cbox-5.cb-1 { margin: 6px 0 20px; } .cbox-5-ico span { position: relative; top: 3px; } .cbox-5-txt { padding-left: 11px; } .cbox-5-txt h6 { font-size: 1.28571rem; margin-bottom: 0; } .cbox-6-wrapper { margin-bottom: 55px; } .cbox-6 { padding: 25px 20px; } .cbox-6 hr { margin-top: 25px; margin-bottom: 15px; } .cbox-6 h2.statistic-number { font-size: 2.65rem; } .cbox-6 .statistic-number sup { font-size: 2.15rem; top: -5px; right: 0; margin-right: 5px; } .cbox-6-txt.mt-30 { margin-top: 20px; } .cbox-6-data { padding: 11px 17px; } .cbox-6-data.mt-25 { margin-top: 15px; } .cb-shape-1 { right: -70px; top: -18px; } .cb-shape-2 { left: -20px; bottom: -20px; } .cb-shape-1 img, .cb-shape-2 img { width: 50%; height: 50%; } .cbox-7-txt { padding-left: 10px; } .cbox-7-ico { margin-top: 1px; } .cbox-7-ico { width: 22px; height: 22px; margin-top: 1px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; } .cbox-7-ico span { line-height: 20px; } .cbox-7-txt p { margin-bottom: 10px; } .txt-block .accordion-1 .accordion-item { padding: 18px 0 23px; } .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.825rem; line-height: 30px; top: -4px; right: 0; } .txt-block .accordion-1 .accordion-thumb h5 { padding-left: 0; } .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 { margin-bottom: 18px; } .txt-block .accordion-1 .accordion-panel { padding: 0; } .tabs-1 li { padding: 16px; } .tab-link p { margin-top: 6px; } /* Content Images */ .ct-01 .img-block, .ct-02 .img-block, .ct-07 .img-block, .ct-08 .img-block, .ct-09 .img-block, .ct-03 .img-block img, .ct-04 .img-block img, .bc-01 .img-block, .bc-2-img.right-column, .bc-2-img.left-column { margin: 0 0 30px; } .bc-4-img { margin-bottom: 30px; } .content-section .container.hidd { overflow: visible!important; } .img-block-hidden, .ct-06 .img-block { margin-bottom: -30px; } .img-block-txt { margin-top: 30px; } .img-block-btn { padding: 0 4%; margin-top: 30px; } .img-block-btn .btn { width: 100%; } /* STATISTIC */ .statistic-2.py-80 { padding: 60px 0; } .statistic-4-wrapper { padding: 0 5%; } #sb-1-1, #sb-1-2, #sb-2-1 { margin-bottom: 30px; } #sb-3-2 { padding-left: 4%; } #sb-4-1, #sb-4-2 { padding-bottom: 30px; margin-bottom: 30px; } h3.statistic-number { font-size: 2.6rem; line-height: 1; letter-spacing: -1px; margin-bottom: 12px; } h2.statistic-number { font-size: 2.75rem; line-height: 1; letter-spacing: -1px; margin-bottom: 12px; } .statistic-2-wrapper h2 { margin-bottom: 12px; } #sb-3-1 h2.statistic-number, #sb-3-2 h2.statistic-number { font-size: 2.35rem; letter-spacing: -0.5px; margin-bottom: 12px; } .statistic-2 .txt-block h3 { padding: 0 1%; } .statistic-4-wrapper h5 { margin: 20px 0 12px; } #sb-2-1 br { display: none; } #sb-2-2 { clear: both; } #sb-2-2 .txt-block-rating { display: inline-block; } #sb-2-2 p { display: inline-block; margin-left: 5px; } /* RATING */ #rb-2-1 { margin-bottom: 25px; } #rb-2-2 { margin-bottom: 20px; } .rating-title { padding: 0 8%; } .rating-title h5 { font-size: 1.125rem; } .rbox-1-img { margin-bottom: 14px; } .rbox-1-img img { max-height: 32px; } .rbox-2-img img { max-height: 65px; } #rb-2-2 .rbox-2-img img { max-height: 120px; } .rbox-2 p { font-size: 1.1rem; margin-top: 12px; } .rbox-1 .star-rating { padding: 5px 16px; font-size: 1rem; line-height: 1; } .rbox-1 .star-rating span { top: -2px; } .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } /* TESTIMONIALS */ .reviews-3-wrapper:after { width: 140%; height: 94%; top: 3%; left: -20%; } .review-1 { padding: 20px 18px 25px; } .review-1.no-title { padding: 35px 18px 25px; } .review-2 { padding: 0; } .review-3 { padding: 35px 20px 25px; } #rw-3-1, #rw-3-2, #rw-3-3 { margin-bottom: 25px; } .review-item { margin-bottom: 25px; } .review-4 { padding: 30px 20px; } .review-ico.ico-45 { top: 10px; right: 16px; } .review-ico.ico-60 { top: 10px; left: 13px; } .review-2 .review-avatar { margin: 16px auto 9px; float: none; } .review-avatar img, .owl-item .review-avatar img, .review-3 .review-avatar img { width: 42px; height: 42px; } .reviews-2 .owl-carousel .owl-item img { display: inline-block; } .review-2 .review-avatar img { width: 48px; height: 48px; } .author-data .review-author { padding: 0 0 0 12px; } .review-4-txt .author-data { display: inline-block; margin-top: 0; } .review-4-txt .author-data.mb-15 { margin-top: 0; margin-bottom: 12px; } .review-2 .author-data .review-author { text-align: center; padding: 0; } .review-author.mt-15 { margin-top: -2px; } .review-author h6 { font-size: 1.1rem; margin-top: 2px; margin-bottom: 7px; } .review-author h6 span, .review-author p { font-size: 1rem; } .reviews-btn { margin-top: 35px; } /* TEAM */ .team-1 { padding-bottom: 30px; } .team-member { margin-bottom: 30px; } .team-member-photo { margin-bottom: 22px; } .team-member-data h6 { font-size: 1.5rem; } .team-member-data p { font-size: 1.1rem; } /* PRICING */ .p-table, #pt-3-1, #pt-3-2 { margin-bottom: 30px; } .pricing-1-table { padding: 28px 30px; } .pricing-2-table, .pricing-3-table { padding: 25px; } .pricing-table-header h5 { font-size: 1.4285714rem!important; } .pricing-1-table .pricing-table-header h5 { margin-bottom: 18px; } .p-table p.btn-txt { margin: 10px 0 0 0; } .pricing-discount { top: 0; right: 0; padding: 7px 13px; } .pricing-discount h6 { font-size: 1rem; } .pricing-1-table hr { margin-top: 20px; } /* Price */ .price span { font-size: 2.85rem; letter-spacing: -1.5px; } .pricing-2-table .price span, .pricing-3-table .price span { font-size: 2.85rem; } .price sup, .pricing-2-table .price sup, .pricing-3-table .price sup { font-size: 2.4rem; top: -2px; } .price sup.validity { font-size: 1.285714rem; } .pricing-2-table .price sup.validity, .pricing-3-table .price sup.validity { font-size: 1.6rem; } .pt-btn { margin-top: 18px; } /* Pricing Features */ .pricing-features.mt-25 { margin-top: 15px; } .pricing-2-table .pricing-features, .pricing-3-table .pricing-features { text-align: center; margin-top: 12px; } .pricing-features li, .pricing-2-table .pricing-features li, .pricing-3-table .pricing-features li { padding: 9px 8px; } /* Pricing Notice */ .pricing-notice.mb-40 { margin-bottom: 20px; } .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .comp-table-rouded { padding: 10px 10px 0; } .table>:not(caption)>*>* { padding: 9px 0; } .comp-table .table-responsive thead th { font-size: 0.9rem; } .comp-table .table-responsive tbody th { font-size: 0.815rem; line-height: 1.25; } .comp-table .table-responsive tbody td { font-size: 0.85rem; top: 0; line-height: 1.25; } .comp-table .table-responsive tbody td span { top: 3px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } #pbox-1, #pbox-2 { margin-bottom: 25px; } .pricing-section .txt-box-last, .pricing-section .pm-last { margin-bottom: 40px; } .comp-table-payment h6 { margin-bottom: 12px; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 44px; } .integrations-3 { margin-bottom: -16px; } .int-2-wrapper .col { padding: 0 8px; } .integrations-1 .container { max-width: 100%; } .int-1-wrapper { padding: 60px 20px; margin: 0 -15px; border-radius: 0 0!important; } .integrations-1 .section-title h2 { padding: 0 1%; } .filter-btns button { font-size: 1.15rem; } .integrations-3 .filter-item { margin-bottom: 16px; } .int_tool-1 { margin-bottom: 30px; } .int_tool-2 { padding: 26px 14px; margin-bottom: 16px; } .int_tool-3 { padding: 16px 26px 18px; } .int_tool-1 .tool_logo { padding: 30px 25px; margin-bottom: 20px; } .int_tool-1 img, .int_tool-2 img { width: 50px; height: 50px; } .tool_txt h6 { font-size: 1.325rem; line-height: 1; margin-top: 1px; } .tool_logo h6 { font-size: 1.325rem; } .int_tool-2 h6 { font-size: 1.25rem; margin-top: 18px; } .tool_txt p { font-size: 1.0625rem; margin-top: 5px; } .tool_description p { margin-top: 8px; } .integrations-section .more-btn.mt-30 { margin-top: 22px; } .integrations-1 .more-btn { margin-top: 18px; } /* MORE APPS */ .ab-1, .ab-2, .ab-3, .rows-2 .ab-1, .rows-2 .ab-2, .rows-2 .ab-3, .rows-2 .ab-4, .rows-2 .ab-5, .rows-2 .ab-6 { margin-bottom: 30px; } .app-box h6, .app-box h5 { margin-top: 20px; margin-bottom: 10px; } .app-logo-img { padding: 0 4%; } /* BRANDS */ .brands-2-wrapper { padding: 0 10.5px; } .brands-2-wrapper .col { padding: 0; } .brands-title h6 { font-size: 1rem; line-height: 1.55; margin-bottom: 25px; } .brands-title h5 { font-size: 1.25rem; margin-bottom: 25px; } .brands-title p { padding: 0 5%; margin-bottom: 20px; } #brand-2-1, #brand-2-2, #brand-2-3 { margin-bottom: 30px; } .brands-carousel-5 .brand-logo, .brands-carousel-6 .brand-logo, #brands-2 .brand-logo { padding: 0 8px; } .brands-section .more-btn { margin-top: 25px; } /* CHANGELOG */ .release-data { padding-bottom: 25px; margin-bottom: 22px; } span.version-data { font-size: 1.4rem; line-height: 1.35; margin-bottom: 10px; } span.release-date { font-size: 1.1rem; } .release-highlights h6 { font-size: 1.25rem; margin-bottom: 15px; } .release-preview { margin-bottom: 18px; } /* DOWNLOAD */ #di-3 { margin-bottom: 30px; } .download-item h6 { font-size: 1.6rem; } .download-item p { font-size: 1.15rem; } /* FAQs */ .faqs-1 .section-title { margin-bottom: 25px; } .faqs-2 .section-title { margin-bottom: 35px; } .faq-3-title { margin-bottom: 20px; } .faq-3-title p { font-size: 1.05rem; margin-top: 12px; margin-bottom: 18px; } .faqs-2 .question { margin-bottom: 15px; } .faqs-2 .question h6, .faqs-2 .question h5 { font-size: 1.25rem; line-height: 1.5; margin-bottom: 14px; } .faqs-section .accordion-thumb h5, .faqs-section .accordion-thumb h6 { font-size: 1.25rem; line-height: 1.5; padding-right: 12%;} .faqs-section .accordion-thumb { padding: 15px 0 20px; } .faqs-section .accordion-panel { padding: 0 0 10px 0; } .faqs-section .accordion-item .accordion-thumb:after, .faqs-section .accordion-item.is-active .accordion-thumb:after {width: 30px; height: 30px; font-size: 0.8rem; line-height: 30px; top: 15px; right: 0; } .more-questions h6 { font-size: 1.45rem; padding: 0 3%; margin-bottom: 12px; } .more-questions p { font-size: 1.1rem; padding: 0 5%; } .more-questions-btn { display: block; margin: 12px 0 0; } /* BANNER */ .banner-1 .container { max-width: 100%; } .banner-1-wrapper { padding: 55px 18px 60px; margin: 0 -15px; border-radius: 0 0!important; } .banner-2-wrapper .banner-overlay { padding: 55px 15px 65px; } .banner-3 .banner-overlay.pt-80.pb-90 { padding: 50px 0 60px; } .banner-4-wrapper { padding: 50px 8%; } .banner-5-wrapper .banner-overlay { padding: 50px 20px 0; } .banner-4-txt { margin-bottom: 6px; } .banner-1-txt h2 { font-size: 1.85rem; padding: 0 5%; } .banner-2-txt h2, .banner-5-txt h2 { font-size: 1.75rem; } /* 24.5px */ .banner-4-txt h4 { font-size: 1.57143rem; } /* 22px; */ .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 12px 0 3px; padding: 0 2%; } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0 3%; margin: 15px 0 20px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { padding: 0 3%; margin-top: 14px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { margin-top: 14px; margin-bottom: 18px; } .banner-1-txt .store { display: block; margin: 15px 0 0; } .banner-1-txt .btn { margin-top: 15px; } .banner-1-txt .os-version-ext .star-rating small { display: block; margin-left: 0; } .banner-2-txt .btn, .banner-5-txt .btn { width: auto; } .banner-3-txt .btn.mt-25 { width: auto; margin-top: 18px; } .banner-3-txt .btn.mt-35 { width: auto; margin-top: 20px; } .banner-section p.btn-txt { padding: 0; margin-top: 14px; margin-bottom: 0!important; } .banner-2-txt p.btn-txt, .banner-5-txt p.btn-txt { font-size: 0.95rem; } .banner-5-img.right-column, .banner-5-img.left-column { margin: 30px 0 -20%; } /* NEWSLETTER */ .newsletter-2 .container { max-width: 100%; } .newsletter-1 .newsletter-overlay { padding: 50px 0 40px; } .newsletter-2 .newsletter-overlay { padding: 55px 18px; margin: 0 -15px; border-radius: 0 0!important; } .newsletter-3 .newsletter-overlay { margin: 0 2%; padding: 35px 4% 20px; } .newsletter-4 .newsletter-overlay { padding: 55px 0; } .newsletter-txt h4, .newsletter-txt h3 { font-size: 1.6rem; padding: 0; margin-bottom: 22px; } .newsletter-3 .newsletter-txt h4 { font-size: 1.525rem; margin-bottom: 20px; } .newsletter-2 .newsletter-txt p, .newsletter-4 .newsletter-txt p { font-size: 0.95rem; padding: 0 4%; margin-bottom: 0; } .newsletter-1 .newsletter-form, .newsletter-3 .newsletter-form { padding: 0 2%; } .newsletter-2 .newsletter-form { padding: 0 3%; margin-top: 25px; } .newsletter-4 .newsletter-form { padding: 0 5%; margin-top: 25px; } .newsletter-section .form-control, .newsletter-section .btn { height: 48px; font-size: 1.0625rem; } .newsletter-2.newsletter-section .btn, .newsletter-4.newsletter-section .btn { font-size: 1.0625rem; } /* BLOG */ .blog-1.pb-60 { padding-bottom: 25px; } .blog-1 .blog-post { margin-bottom: 35px; } .blog-post-txt { padding: 0 15px; margin-top: 30px; } .blog-post-meta, .wide-post .blog-post-meta { margin-top: 15px; } .post-tag { font-size: 0.825rem; margin-bottom: 14px; } .blog-post-txt h4, .blog-post-txt h6, .blog-post-txt h5 { margin-bottom: 14px; } /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 25px; } #blog-page .blog-post { margin-bottom: 35px; } #blog-page .blog-post.wide-post { margin-bottom: 15px; } .wide-post .blog-post-img { margin-bottom: 30px; } .posts-category { margin-top: 30px; margin-bottom: 30px; } /* SINGLE BLOG POST */ .blog-post-preview, .single-post-title { margin-bottom: 25px; } .single-post-title .blog-post-meta { margin-bottom: 10px; } .single-post-title h2 { margin-bottom: 14px; } .single-post-txt h6 { font-size: 1.25rem; margin-bottom: 10px; } .single-post-txt h5.h5-xl { font-size: 1.5rem; margin-top: 26px; margin-bottom: 14px; } .single-post-txt h5 { margin-top: 15px; margin-bottom: 14px; } .post-inner-img { margin-top: 25px; margin-bottom: 25px; } .post-data { margin: 40px 0 0; padding: 40px 0 60px; } .post-author-avatar { margin-right: 15px; } .post-author-avatar img { width: 50px; height: 50px; } .post-author-txt { top: 0; } .post-author-txt p { margin-top: 5px; } .share-social-icons.ico-25 [class*="flaticon-"]:before, .share-social-icons.ico-25 [class*="flaticon-"]:after { font-size: 1.525rem; } .share-social-icons a.share-ico span { margin-right: 10px; } /* CONTACTS */ .contacts-1.pb-40 { padding-bottom: 20px; } .contacts-1 .section-title p { padding: 0 2%; } .contacts-1 .contact-form p { font-size: 1rem; } .contacts-1 .contact-form .contact-form-notice p { font-size: 0.975rem; margin-top: 25px; } .contact-form .form-control, .contact-form .form-select { height: 50px; font-size: 1.0625rem; padding: 0 15px;margin-bottom: 26px;} .contact-form textarea { min-height: 140px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn .btn { font-size: 1.125rem; padding: 0.95rem 1.8rem; } .contact-form-msg { margin-top: 15px; } /* FOOTER */ .footer { padding-bottom: 30px; } .footer-data-logo { margin-bottom: 20px; } .footer-data-socials.text-end { margin-bottom: 40px; } .footer-info { margin-bottom: 30px; } .footer-1 .footer-contacts { margin-top: -5px; } .footer-links { margin-bottom: 20px; } .footer-3 .footer-connect { margin-top: 10px; margin-bottom: 20px; } .footer-form { margin-bottom: 10px; } .footer-1 .footer-form { margin-top: 35px; } .fl-1, .fl-2, .fl-3, .fl-4, .footer-1 .fl-5 { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 16px; } .footer-1 .fl-3 { margin-bottom: 16px; } img.footer-logo { max-height: 28px; margin-bottom: 24px; } .footer-data-logo img.footer-logo { max-height: 30px; margin-bottom: 0; } .footer-2 img.footer-logo { margin-bottom: 0; } .footer-copyright-logo img.footer-logo { max-height: 26px; } .footer h6 { font-size: 1.21428rem; margin-bottom: 20px; } /* 17px */ .footer .footer-links h6.h6-lg { font-size: 1.275rem; margin-bottom: 18px; } .footer-mail-link { margin: 0 0 0 6px; } .footer-mail-link a { font-size: 1.10714rem; } /* 15.5px */ .footer-mail-link span { top: 4.5px; right: 5px; } .footer-mail-link.ico-20 [class*="flaticon-"]:before, .footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.275rem; } .foo-links.ico-10 li span { top: 1px; right: 3px; } .footer-stores-badge { margin-top: 5px; margin-bottom: 30px; } .footer-stores-badge .store { display: block!important; text-align: left; margin-bottom: 15px; margin-right: 0; } .footer .badge-img-xs .store img { max-height: 2.85rem; } .footer-info-socials li { padding-right: 13px; } .footer-info-socials.ico-20 [class*="flaticon-"]:before, .footer-info-socials.ico-20 [class*="flaticon-"]:after, .footer-info-socials.ico-25 [class*="flaticon-"]:before, .footer-info-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.45rem; } .footer-socials a { margin-right: 13px; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .footer-1 .footer-form { margin-bottom: 0; } .footer-form .form-control { font-size: 1.0625rem; } .footer-form .form-control, .footer-form .btn { height: 34px; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.0625rem; line-height: 22px!important; } .footer-1 .bottom-footer { margin-top: 20px; } .footer-copyright p, .bottom-footer-list p.p-sm, .bottom-secondary-link p.p-sm { font-size: 1rem; } .footer-list-divider { top: 0; } .bottom-secondary-link p span { top: 1.5px; padding: 0 2px; } .footer-info-copyright p span { top: 2px; padding: 0 2px; } .footer-info-copyright.ico-15 [class*="flaticon-"]:before, .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } .bottom-foo-socials { margin-left: 6px; } .bottom-foo-socials li { margin-right: 6px; } .footer-data-socials li { padding-right: 8px; } .bottom-foo-socials li span { top: 2.5px; right: 3px; } .footer-data-socials.ico-25 [class*="flaticon-"]:before, .footer-data-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.55rem; } .bottom-foo-socials.ico-10 [class*="flaticon-"]:before, .bottom-foo-socials.ico-10 [class*="flaticon-"]:after { font-size: 1.125rem; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.375rem; } /* INNER PAGE WRAPPER */ .inner-page-hero, .page-hero-section-overlay { padding-top: 60px; } .inner-page-title { margin-bottom: 40px; } .inner-page-title h2 { margin-bottom: 0; } .inner-page-title p { line-height: 1.6666; margin-top: 12px; } /* PAGE PAGINATION */ .page-link { font-size: 0.95rem; padding: 2px 10px; } .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } /* SIGN IN / SIGN UP */ .register-page-logo { padding-top: 70px; } .register-page-logo img { max-height: 26px; } .register-page-form { padding: 30px 5px 70px; } .reset-page-wrapper { margin: 0 3%; padding: 110px 0 70px; } .register-form-title { margin-bottom: 20px; } .register-form-title h4, .reset-form-title h5 { font-size: 1.65rem; } .register-form-title p { font-size: 1.125rem; margin-top: 5px; } .reset-form-title { margin-bottom: 16px; } .reset-form-title p.p-sm { font-size: 1.0625rem; margin-top: 10px; } .reset-password-link p { font-size: 1rem; margin-bottom: 27px; } .form-data span { font-size: 0.875rem; } .register-page-form p.create-account { font-size: 1.0625rem; margin-top: 25px; } .reset-password-form .form-data p { font-size: 1.15rem; margin: 22px 0 10px; } .separator-line { font-size: 1rem; margin: 20px 0; } .reset-page-wrapper .form-control, .register-page-form .form-control { height: 48px; font-size: 1.0625rem; margin-bottom: 22px; } #login .register-page-form .btn.submit { height: 48px; font-size: 1.0625rem; margin-top: 0; } #signup .register-page-form .btn.submit { height: 48px; font-size: 1.0625rem; margin-top: 25px; } .reset-page-wrapper .btn.submit { height: 48px; font-size: 1.0625rem; } .register-page-form .btn-google { font-size: 1.05rem; padding: 0.9rem 1.6rem; } .btn-google img { width: 22px; height: 22px; right: 4px; } /* COOKIES */ #cookies { width: 94%; left: 3%; bottom: 12px; padding: 14px 40px 44px 16px; } #cookies p { font-size: 0.95rem; } #cookies-ok { right: 5%; bottom: 15px; font-size: 0.9rem; padding: 5px 18px; } #cookies-info { margin-left: 7px; } #cookies-close { right: 14px; top: 5px; } #cookies-close svg { width: 11px; height: 11px; } /* MODAL */ .modal-dialog.modal-xl { width: 290px; margin: auto auto; } .modal-body-content { padding: 25px 5px 15px; } .modal .btn-close { right: 15px!important; top: 15px!important; } .modal-body-content h4 { font-size: 1.57143rem; margin-bottom: 10px; } .modal-body .newsletter-form { margin-top: 15px; } .modal .newsletter-form .form-control { height: 48px; font-size: 1.0625rem; margin-bottom: 16px; } .modal .newsletter-form .btn { height: 48px; font-size: 1.0625rem; }}