/* Theme Name: Shifton V2 Theme URI: https://shifton.com Author: Shifton Team Description: Optimized WordPress theme for Shifton V2 - Employee scheduling and workforce management platform Version: 2.0 Text Domain: shifton-v2-theme */ .page-template-template-features-child .main .col, .page-template-template-features .main .col, .page-template-template-features-child .main .col-1, .page-template-template-features .main .col-1, .page-template-template-features-child .main .col-2, .page-template-template-features .main .col-2, .page-template-template-features-child .main .col-3, .page-template-template-features .main .col-3, .page-template-template-features-child .main .col-4, .page-template-template-features .main .col-4, .page-template-template-features-child .main .col-5, .page-template-template-features .main .col-5, .page-template-template-features-child .main .col-6, .page-template-template-features .main .col-6, .page-template-template-features-child .main .col-7, .page-template-template-features .main .col-7, .page-template-template-features-child .main .col-8, .page-template-template-features .main .col-8, .page-template-template-features-child .main .col-9, .page-template-template-features .main .col-9, .page-template-template-features-child .main .col-10, .page-template-template-features .main .col-10, .page-template-template-features-child .main .col-11, .page-template-template-features .main .col-11, .page-template-template-features-child .main .col-12, .page-template-template-features .main .col-12, .page-template-template-features-child .main .col-auto, .page-template-template-features .main .col-auto, .page-template-template-features-child .main .col-lg, .page-template-template-features .main .col-lg, .page-template-template-features-child .main .col-lg-1, .page-template-template-features .main .col-lg-1, .page-template-template-features-child .main .col-lg-2, .page-template-template-features .main .col-lg-2, .page-template-template-features-child .main .col-lg-3, .page-template-template-features .main .col-lg-3, .page-template-template-features-child .main .col-lg-4, .page-template-template-features .main .col-lg-4, .page-template-template-features-child .main .col-lg-5, .page-template-template-features .main .col-lg-5, .page-template-template-features-child .main .col-lg-6, .page-template-template-features .main .col-lg-6, .page-template-template-features-child .main .col-lg-7, .page-template-template-features .main .col-lg-7, .page-template-template-features-child .main .col-lg-8, .page-template-template-features .main .col-lg-8, .page-template-template-features-child .main .col-lg-9, .page-template-template-features .main .col-lg-9, .page-template-template-features-child .main .col-lg-auto, .page-template-template-features .main .col-lg-auto, .page-template-template-features-child .main .col-md, .page-template-template-features .main .col-md, .page-template-template-features-child .main .col-md-1, .page-template-template-features .main .col-md-1, .page-template-template-features-child .main .col-md-2, .page-template-template-features .main .col-md-2, .page-template-template-features-child .main .col-md-3, .page-template-template-features .main .col-md-3, .page-template-template-features-child .main .col-md-4, .page-template-template-features .main .col-md-4, .page-template-template-features-child .main .col-md-5, .page-template-template-features .main .col-md-5, .page-template-template-features-child .main .col-md-6, .page-template-template-features .main .col-md-6, .page-template-template-features-child .main .col-md-7, .page-template-template-features .main .col-md-7, .page-template-template-features-child .main .col-md-8, .page-template-template-features .main .col-md-8, .page-template-template-features-child .main .col-md-9, .page-template-template-features .main .col-md-9, .page-template-template-features-child .main .col-md-10, .page-template-template-features .main .col-md-10, .page-template-template-features-child .main .col-md-11, .page-template-template-features .main .col-md-11, .page-template-template-features-child .main .col-md-12, .page-template-template-features .main .col-md-12, .page-template-template-features-child .main .col-md-auto, .page-template-template-features .main .col-md-auto, .page-template-template-features-child .main .col-sm, .page-template-template-features .main .col-sm, .page-template-template-features-child .main .col-sm-1, .page-template-template-features .main .col-sm-1, .page-template-template-features-child .main .col-sm-2, .page-template-template-features .main .col-sm-2, .page-template-template-features-child .main .col-sm-3, .page-template-template-features .main .col-sm-3, .page-template-template-features-child .main .col-sm-4, .page-template-template-features .main .col-sm-4, .page-template-template-features-child .main .col-sm-5, .page-template-template-features .main .col-sm-5, .page-template-template-features-child .main .col-sm-6, .page-template-template-features .main .col-sm-6, .page-template-template-features-child .main .col-sm-7, .page-template-template-features .main .col-sm-7, .page-template-template-features-child .main .col-sm-8, .page-template-template-features .main .col-sm-8, .page-template-template-features-child .main .col-sm-9, .page-template-template-features .main .col-sm-9, .page-template-template-features-child .main .col-sm-10, .page-template-template-features .main .col-sm-10, .page-template-template-features-child .main .col-sm-11, .page-template-template-features .main .col-sm-11, .page-template-template-features-child .main .col-sm-12, .page-template-template-features .main .col-sm-12, .page-template-template-features-child .main .col-sm-auto, .page-template-template-features .main .col-sm-auto, .page-template-template-features-child .main .col-xl, .page-template-template-features .main .col-xl, .page-template-template-features-child .main .col-xl-1, .page-template-template-features .main .col-xl-1, .page-template-template-features-child .main .col-xl-2, .page-template-template-features .main .col-xl-2, .page-template-template-features-child .main .col-xl-3, .page-template-template-features .main .col-xl-3, .page-template-template-features-child .main .col-xl-4, .page-template-template-features .main .col-xl-4, .page-template-template-features-child .main .col-xl-5, .page-template-template-features .main .col-xl-5, .page-template-template-features-child .main .col-xl-6, .page-template-template-features .main .col-xl-6, .page-template-template-features-child .main .col-xl-7, .page-template-template-features .main .col-xl-7, .page-template-template-features-child .main .col-xl-8, .page-template-template-features .main .col-xl-8, .page-template-template-features-child .main .col-xl-9, .page-template-template-features .main .col-xl-9, .page-template-template-features-child .main .col-xl-10, .page-template-template-features .main .col-xl-10, .page-template-template-features-child .main .col-xl-11, .page-template-template-features .main .col-xl-11, .page-template-template-features-child .main .col-xl-12, .page-template-template-features .main .col-xl-12, .page-template-template-features-child .main .col-xl-auto, .page-template-template-features .main .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .page-template-template-features-child .main .col, .page-template-template-features .main .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .page-template-template-features-child .main .col-auto, .page-template-template-features .main .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .page-template-template-features-child .main .order-first, .page-template-template-features .main .order-first, .page-template-template-features-child .main .order-sm-first, .page-template-template-features .main .order-sm-first, .page-template-template-features-child .main .order-md-first, .page-template-template-features .main .order-md-first, .page-template-template-features-child .main .order-lg-first, .page-template-template-features .main .order-lg-first, .page-template-template-features-child .main .order-xl-first, .page-template-template-features .main .order-xl-first { -ms-flex-order: -1; order: -1; } .page-template-template-features-child .main .order-last, .page-template-template-features .main .order-last, .page-template-template-features-child .main .order-sm-last, .page-template-template-features .main .order-sm-last, .page-template-template-features-child .main .order-md-last, .page-template-template-features .main .order-md-last, .page-template-template-features-child .main .order-lg-last, .page-template-template-features .main .order-lg-last, .page-template-template-features-child .main .order-xl-last, .page-template-template-features .main .order-xl-last { -ms-flex-order: 13; order: 13; } .page-template-template-features-child .main .order-0, .page-template-template-features .main .order-0, .page-template-template-features-child .main .order-sm-0, .page-template-template-features .main .order-sm-0, .page-template-template-features-child .main .order-md-0, .page-template-template-features .main .order-md-0, .page-template-template-features-child .main .order-lg-0, .page-template-template-features .main .order-lg-0, .page-template-template-features-child .main .order-xl-0, .page-template-template-features .main .order-xl-0 { -ms-flex-order: 0; order: 0; } .page-template-template-features-child .main .order-1, .page-template-template-features .main .order-1, .page-template-template-features-child .main .order-sm-1, .page-template-template-features .main .order-sm-1, .page-template-template-features-child .main .order-md-1, .page-template-template-features .main .order-md-1, .page-template-template-features-child .main .order-lg-1, .page-template-template-features .main .order-lg-1, .page-template-template-features-child .main .order-xl-1, .page-template-template-features .main .order-xl-1 { -ms-flex-order: 1; order: 1; } /* Продолжаем аналогично для .order-2 до .order-12 */ .page-template-template-features-child .main .offset-1, .page-template-template-features .main .offset-1, .page-template-template-features-child .main .offset-sm-1, .page-template-template-features .main .offset-sm-1, .page-template-template-features-child .main .offset-md-1, .page-template-template-features .main .offset-md-1, .page-template-template-features-child .main .offset-lg-1, .page-template-template-features .main .offset-lg-1, .page-template-template-features-child .main .offset-xl-1, .page-template-template-features .main .offset-xl-1 { margin-left: 8.333333%; } .page-template-template-features-child .main .offset-2, .page-template-template-features .main .offset-2, .page-template-template-features-child .main .offset-sm-2, .page-template-template-features .main .offset-sm-2, .page-template-template-features-child .main .offset-md-2, .page-template-template-features .main .offset-md-2, .page-template-template-features-child .main .offset-lg-2, .page-template-template-features .main .offset-lg-2, .page-template-template-features-child .main .offset-xl-2, .page-template-template-features .main .offset-xl-2 { margin-left: 16.666667%; } /* Продолжаем аналогично для .offset-3 до .offset-11 */ /* Продолжаем аналогично для .offset-3 до .offset-11 */ .page-template-template-features-child body, .page-template-template-features body { overflow-x: hidden; color: #656972; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .page-template-template-features-child p, .page-template-template-features p { margin-bottom: 15px; line-height: 1.5; } .page-template-template-features-child a:hover, .page-template-template-features a:hover, .page-template-template-features-child a:active, .page-template-template-features a:active { text-decoration: underline; color: #1288a9; } .page-template-template-features-child a:focus, .page-template-template-features a:focus { text-decoration: none; color: #1288a9; outline: none; } .page-template-template-features-child .btn, .page-template-template-features .btn, .page-template-template-features-child a.btn, .page-template-template-features a.btn { transition: all 0.4s ease-in-out; font-weight: 700; padding: 8px 20px; } .page-template-template-features-child a.btn-cta, .page-template-template-features a.btn-cta, .page-template-template-features-child .btn-cta, .page-template-template-features .btn-cta { font-size: 16px; padding: 12px 25px; padding-top: 13px; font-weight: 900; } .page-template-template-features-child a.btn-primary, .page-template-template-features a.btn-primary, .page-template-template-features-child .btn-primary, .page-template-template-features .btn-primary { background: #51a852; border: 2px solid #51a852; color: #fff; } .page-template-template-features-child a.btn-primary:hover, .page-template-template-features a.btn-primary:hover, .page-template-template-features-child a.btn-primary:active, .page-template-template-features a.btn-primary:active, .page-template-template-features-child a.btn-primary:focus, .page-template-template-features a.btn-primary:focus, .page-template-template-features-child .btn-primary:hover, .page-template-template-features .btn-primary:hover, .page-template-template-features-child .btn-primary:active, .page-template-template-features .btn-primary:active, .page-template-template-features-child .btn-primary:focus, .page-template-template-features .btn-primary:focus { background: #49974a; border: 2px solid #49974a; color: #fff; outline: none; } .page-template-template-features-child a.btn-secondary, .page-template-template-features a.btn-secondary, .page-template-template-features-child .btn-secondary, .page-template-template-features .btn-secondary { background: #53a8dd; border: 2px solid #53a8dd; color: #fff; } .page-template-template-features-child a.btn-secondary:hover, .page-template-template-features a.btn-secondary:hover, .page-template-template-features-child a.btn-secondary:active, .page-template-template-features a.btn-secondary:active, .page-template-template-features-child a.btn-secondary:focus, .page-template-template-features a.btn-secondary:focus, .page-template-template-features-child .btn-secondary:hover, .page-template-template-features .btn-secondary:hover, .page-template-template-features-child .btn-secondary:active, .page-template-template-features .btn-secondary:active, .page-template-template-features-child .btn-secondary:focus, .page-template-template-features .btn-secondary:focus { background: #1288a9; border: 2px solid #1288a9; color: #fff; outline: none; } .page-template-template-features-child a.btn-ghost, .page-template-template-features a.btn-ghost, .page-template-template-features-child .btn-ghost, .page-template-template-features .btn-ghost { background: none; border: 2px solid #fff; color: #fff; } .page-template-template-features-child a.btn-ghost:hover, .page-template-template-features a.btn-ghost:hover, .page-template-template-features-child a.btn-ghost:active, .page-template-template-features a.btn-ghost:active, .page-template-template-features-child a.btn-ghost:focus, .page-template-template-features a.btn-ghost:focus, .page-template-template-features-child .btn-ghost:hover, .page-template-template-features .btn-ghost:hover, .page-template-template-features-child .btn-ghost:active, .page-template-template-features .btn-ghost:active, .page-template-template-features-child .btn-ghost:focus, .page-template-template-features .btn-ghost:focus { background: #fff; border: 2px solid #fff; color: #35373c; outline: none; } .page-template-template-features-child a.btn-ghost-alt, .page-template-template-features a.btn-ghost-alt, .page-template-template-features-child .btn-ghost-alt, .page-template-template-features .btn-ghost-alt { background: none; border: 2px solid #656972; color: #656972; } .page-template-template-features-child a.btn-ghost-alt:hover, .page-template-template-features a.btn-ghost-alt:hover, .page-template-template-features-child a.btn-ghost-alt:active, .page-template-template-features a.btn-ghost-alt:active, .page-template-template-features-child a.btn-ghost-alt:focus, .page-template-template-features a.btn-ghost-alt:focus, .page-template-template-features-child .btn-ghost-alt:hover, .page-template-template-features .btn-ghost-alt:hover, .page-template-template-features-child .btn-ghost-alt:active, .page-template-template-features .btn-ghost-alt:active, .page-template-template-features-child .btn-ghost-alt:focus, .page-template-template-features .btn-ghost-alt:focus { background: #656972; border: 2px solid #656972; color: #fff; outline: none; } .page-template-template-features-child a.btn-social, .page-template-template-features a.btn-social, .page-template-template-features-child .btn-social, .page-template-template-features .btn-social { background: #53a8dd; border: none; color: #fff; padding: 10px 15px; font-weight: normal; text-align: left; } .page-template-template-features-child a.btn-social:hover, .page-template-template-features a.btn-social:hover, .page-template-template-features-child a.btn-social:active, .page-template-template-features a.btn-social:active, .page-template-template-features-child a.btn-social:focus, .page-template-template-features a.btn-social:focus, .page-template-template-features-child .btn-social:hover, .page-template-template-features .btn-social:hover, .page-template-template-features-child .btn-social:active, .page-template-template-features .btn-social:active, .page-template-template-features-child .btn-social:focus, .page-template-template-features .btn-social:focus { background: #1288a9; border: none; color: #fff; outline: none; } .page-template-template-features-child a.btn-social .icon-holder, .page-template-template-features a.btn-social .icon-holder, .page-template-template-features-child .btn-social .icon-holder, .page-template-template-features .btn-social .icon-holder { padding-right: 10px; border-right: 1px solid rgba(0, 0, 0, 0.2); display: inline-block; text-align: left; font-size: 16px; padding-top: 2px; } .page-template-template-features-child a.btn-social .btn-text, .page-template-template-features a.btn-social .btn-text, .page-template-template-features-child .btn-social .btn-text, .page-template-template-features .btn-social .btn-text { padding-left: 10px; display: inline-block; text-align: center; } .page-template-template-features-child a.btn-google, .page-template-template-features a.btn-google, .page-template-template-features-child .btn-google, .page-template-template-features .btn-google { background: #d73d32; } .page-template-template-features-child a.btn-google:hover, .page-template-template-features a.btn-google:hover, .page-template-template-features-child a.btn-google:active, .page-template-template-features a.btn-google:active, .page-template-template-features-child a.btn-google:focus, .page-template-template-features a.btn-google:focus, .page-template-template-features-child .btn-google:hover, .page-template-template-features .btn-google:hover, .page-template-template-features-child .btn-google:active, .page-template-template-features .btn-google:active, .page-template-template-features-child .btn-google:focus, .page-template-template-features .btn-google:focus { background: #c83227; } .page-template-template-features-child a.btn-facebook, .page-template-template-features a.btn-facebook, .page-template-template-features-child .btn-facebook, .page-template-template-features .btn-facebook { background: #3b5998; } .page-template-template-features-child a.btn-facebook:hover, .page-template-template-features a.btn-facebook:hover, .page-template-template-features-child a.btn-facebook:active, .page-template-template-features a.btn-facebook:active, .page-template-template-features-child a.btn-facebook:focus, .page-template-template-features a.btn-facebook:focus, .page-template-template-features-child .btn-facebook:hover, .page-template-template-features .btn-facebook:hover, .page-template-template-features-child .btn-facebook:active, .page-template-template-features .btn-facebook:active, .page-template-template-features-child .btn-facebook:focus, .page-template-template-features .btn-facebook:focus { background: #344e86; } .page-template-template-features-child a.btn-download-app, .page-template-template-features a.btn-download-app, .page-template-template-features-child .btn-download-app, .page-template-template-features .btn-download-app { border: 2px solid #fff; background: none; padding-left: 45px; font-weight: normal; color: #fff; position: relative; } .page-template-template-features-child a.btn-download-app:hover, .page-template-template-features a.btn-download-app:hover, .page-template-template-features-child a.btn-download-app:active, .page-template-template-features a.btn-download-app:active, .page-template-template-features-child a.btn-download-app:focus, .page-template-template-features a.btn-download-app:focus, .page-template-template-features-child .btn-download-app:hover, .page-template-template-features .btn-download-app:hover, .page-template-template-features-child .btn-download-app:active, .page-template-template-features .btn-download-app:active, .page-template-template-features-child .btn-download-app:focus, .page-template-template-features .btn-download-app:focus { border: 2px solid rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); color: #fff; outline: none; } .page-template-template-features-child a.btn-download-app .svg-inline--fa, .page-template-template-features a.btn-download-app .svg-inline--fa, .page-template-template-features-child .btn-download-app .svg-inline--fa, .page-template-template-features .btn-download-app .svg-inline--fa { position: absolute; left: 10px; top: 10px; font-size: 28px; } .page-template-template-features-child a.btn-download-app .intro-text, .page-template-template-features a.btn-download-app .intro-text, .page-template-template-features-child .btn-download-app .intro-text, .page-template-template-features .btn-download-app .intro-text { display: block; font-size: 10px; text-align: left; } .page-template-template-features-child a.btn-download-app .main-text, .page-template-template-features a.btn-download-app .main-text, .page-template-template-features-child .btn-download-app .main-text, .page-template-template-features .btn-download-app .main-text { display: block; font-size: 16px; text-align: left; } .page-template-template-features-child .label-new, .page-template-template-features .label-new { background: #51a852; } .page-template-template-features-child .form-control, .page-template-template-features .form-control { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 45px; border-color: #ccc; font-size: 16px; } .page-template-template-features-child .form-control::-webkit-input-placeholder, .page-template-template-features .form-control::-webkit-input-placeholder { color: #ccc; } .page-template-template-features-child .form-control:-moz-placeholder, .page-template-template-features .form-control:-moz-placeholder, .page-template-template-features-child .form-control::-moz-placeholder, .page-template-template-features .form-control::-moz-placeholder, .page-template-template-features-child .form-control:-ms-input-placeholder, .page-template-template-features .form-control:-ms-input-placeholder { color: #ccc; } .page-template-template-features-child .form-control:focus, .page-template-template-features .form-control:focus { border-color: #b3b2b2; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .page-template-template-features-child textarea.form-control, .page-template-template-features textarea.form-control { height: auto; } .page-template-template-features-child input[type="text"], .page-template-template-features input[type="text"], .page-template-template-features-child input[type="email"], .page-template-template-features input[type="email"], .page-template-template-features-child input[type="password"], .page-template-template-features input[type="password"], .page-template-template-features-child input[type="submit"], .page-template-template-features input[type="submit"], .page-template-template-features-child input[type="button"], .page-template-template-features input[type="button"], .page-template-template-features-child textarea, .page-template-template-features textarea { appearance: none; -webkit-appearance: none; } .page-template-template-features-child .form-group, .page-template-template-features .form-group { margin-bottom: 30px; } .page-template-template-features-child #topcontrol, .page-template-template-features #topcontrol { transition: all 0.4s ease-in-out; background: #4d5057; color: #fff; text-align: center; display: inline-block; z-index: 30; width: 36px; height: 36px; position: fixed; bottom: 30px; right: 100px; opacity: 1; cursor: pointer; border-radius: 50%; background-clip: padding-box; } .page-template-template-features-child #topcontrol:hover, .page-template-template-features #topcontrol:hover { background: #41434a; color: #fff; } .page-template-template-features-child #topcontrol .svg-inline--fa, .page-template-template-features #topcontrol .svg-inline--fa { position: relative; top: 3px; font-size: 25px; font-weight: normal; } .page-template-template-features-child .section, .page-template-template-features .section { padding-top: 90px; padding-bottom: 90px; } .page-template-template-features-child .section-title, .page-template-template-features .section-title { margin-top: 0; margin-bottom: 30px; font-size: 28px; max-width: 760px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; text-align: center; color: #35373c; } .page-template-template-features-child .section-intro, .page-template-template-features .section-intro { margin-top: 0; margin-bottom: 60px; font-size: 16px; max-width: 760px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; text-align: center; color: #656972; } .page-template-template-features-child .heading-section, .page-template-template-features .heading-section { height: 500px; padding-top: 120px; } .page-template-template-features-child .heading-section .heading-content, .page-template-template-features .heading-section .heading-content { z-index: 10; position: relative; color: #fff; text-align: center; } .page-template-template-features-child .heading-section .heading-content .headline, .page-template-template-features .heading-section .heading-content .headline { margin-top: 0; margin-bottom: 15px; font-size: 36px; } .page-template-template-features-child .heading-section .heading-content .tagline, .page-template-template-features .heading-section .heading-content .tagline { font-size: 16px; color: rgba(255, 255, 255, 0.8); margin-bottom: 30px; } .page-template-template-features-child .heading-section .heading-content .actions .btn, .page-template-template-features .heading-section .heading-content .actions .btn { display: inline-block; margin-right: 15px; margin-bottom: 15px; } .page-template-template-features-child .heading-section .heading-content .actions .btn:last-child, .page-template-template-features .heading-section .heading-content .actions .btn:last-child { margin-right: 0; } .page-template-template-features-child .hero-wrapper, .page-template-template-features .hero-wrapper { content: ""; position: absolute; width: 100%; top: 0; left: 0; height: 500px; background: #35373c; } .page-template-template-features-child .hero-holder, .page-template-template-features .hero-holder { height: 500px; } .page-template-template-features-child .hero-mask-gradient, .page-template-template-features .hero-mask-gradient { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 50%, transparent); display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; } .page-template-template-features-child .hero-mask-solid, .page-template-template-features .hero-mask-solid { background: rgba(0, 0, 0, 0.65); display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; } .page-template-template-features-child .page-nav-space-holder, .page-template-template-features .page-nav-space-holder { height: 62px; position: relative; } .page-template-template-features-child .page-nav-wrapper, .page-template-template-features .page-nav-wrapper { background: #f5f5f5; padding: 20px 0; position: absolute; width: 100%; left: 0; } .page-template-template-features-child .page-nav-wrapper.fixed, .page-template-template-features .page-nav-wrapper.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); background: #fff; } .page-template-template-features-child .page-nav-wrapper a, .page-template-template-features .page-nav-wrapper a { color: #35373c; text-decoration: none; } .page-template-template-features-child .page-nav-wrapper .page-nav, .page-template-template-features .page-nav-wrapper .page-nav { margin: 0 auto; display: inline-block; } .page-template-template-features-child .page-nav-wrapper .page-nav li, .page-template-template-features .page-nav-wrapper .page-nav li { margin-right: 30px; display: inline-block; } .page-template-template-features-child .page-nav-wrapper .page-nav li:last-child, .page-template-template-features .page-nav-wrapper .page-nav li:last-child { margin-right: 0; } .page-template-template-features-child .page-nav-wrapper .page-nav li a, .page-template-template-features .page-nav-wrapper .page-nav li a { color: #656972; padding: inherit; } .page-template-template-features-child .page-nav-wrapper .page-nav li a.active, .page-template-template-features .page-nav-wrapper .page-nav li a.active { color: #53a8dd; } .page-template-template-features-child .page-nav-wrapper .page-nav li a:hover, .page-template-template-features .page-nav-wrapper .page-nav li a:hover, .page-template-template-features-child .page-nav-wrapper .page-nav li a:active, .page-template-template-features .page-nav-wrapper .page-nav li a:active, .page-template-template-features-child .page-nav-wrapper .page-nav li a:focus, .page-template-template-features .page-nav-wrapper .page-nav li a:focus { color: #35373c; background: none; } .page-template-template-features-child .feature-blocks, .page-template-template-features .feature-blocks { padding: 30px 0 90px; } .page-template-template-features-child .feature-blocks .feature-block, .page-template-template-features .feature-blocks .feature-block { padding: 60px 0; } .page-template-template-features-child .feature-blocks .feature-title, .page-template-template-features .feature-blocks .feature-title { color: #35373c; margin: 0 0 15px; } .page-template-template-features-child .feature-blocks .feature-desc, .page-template-template-features .feature-blocks .feature-desc { padding-right: 30px; font-size: 14px; } .page-template-template-features-child .feature-blocks .figure-holder img, .page-template-template-features .feature-blocks .figure-holder img { border: 1px solid #eee; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .img-fluid, .page-template-template-features .img-fluid { max-width: 100%; height: auto; } .page-template-template-features-child .feature-btn-link, .page-template-template-features .feature-btn-link { display: inline-block; margin-bottom: 30px; background-color: #00b7f1; border-radius: 25px; padding: 8px 20px; color: white; text-align: center; } .page-template-template-features-child .feature-btn-link:hover, .page-template-template-features .feature-btn-link:hover, .page-template-template-features-child .feature-btn-link:focus, .page-template-template-features .feature-btn-link:focus { text-decoration: none; background: #1288a9; outline: none; color: white; } .page-template-template-features-child .feature-btn-link:focus, .page-template-template-features .feature-btn-link:focus { box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } .page-template-template-features-child .btn-box, .page-template-template-features .btn-box { display: flex; flex-direction: column; justify-content: center; align-items: center; } .page-template-template-features-child .bg-white, .page-template-template-features .bg-white { background-color: #fff; } .page-template-template-features-child .round-border, .page-template-template-features .round-border { border-radius: 4px; } .page-template-template-features-child .background-blue, .page-template-template-features .background-blue { background-color: #00b7f1; } .page-template-template-features-child .text-left, .page-template-template-features .text-left { text-align: left; } .page-template-template-features-child .free-plan:nth-child(even), .page-template-template-features .free-plan:nth-child(even) { background-color: aliceblue; } .page-template-template-features-child .free-plan__main-text-box, .page-template-template-features .free-plan__main-text-box { padding: 30px 0; } .page-template-template-features-child .free-plan__title, .page-template-template-features .free-plan__title { font-style: normal; font-weight: 700; font-size: 48px; line-height: 56px; margin-bottom: 32px; color: #434449; } .page-template-template-features-child .free-plan__text, .page-template-template-features .free-plan__text { font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; color: #000000; } .page-template-template-features-child .free-plan__img, .page-template-template-features .free-plan__img { display: block; padding: 30px 0; width: 100%; } .page-template-template-features-child .free-plan__box, .page-template-template-features .free-plan__box { padding: 30px 0; } .page-template-template-features-child .free-plan__secondary-title, .page-template-template-features .free-plan__secondary-title { margin-bottom: 15px; font-style: normal; font-weight: 500; font-size: 37px; line-height: 42px; color: #434449; letter-spacing: 1.1px; } .page-template-template-features-child .free-plan__item, .page-template-template-features .free-plan__item { margin-bottom: 15px; } .page-template-template-features-child .free-plan__question-text, .page-template-template-features .free-plan__question-text { font-weight: 700; } .page-template-template-features-child .free-plan-btn, .page-template-template-features .free-plan-btn { display: flex; justify-content: center; align-items: center; margin: 30px 0; } .page-template-template-features-child .free-plan-btn--background-green, .page-template-template-features .free-plan-btn--background-green { background-color: green; } .page-template-template-features-child .delete, .page-template-template-features .delete { height: 70px; width: 100%; } .page-template-template-features-child .btn-margin, .page-template-template-features .btn-margin { margin-right: 10px; } .page-template-template-features-child .btn.btn-secondary.btn-book-a-demo, .page-template-template-features .btn.btn-secondary.btn-book-a-demo { background: #9033F9; border-color: #9033f9; } .page-template-template-features-child .book-a-demo-container, .page-template-template-features .book-a-demo-container { padding-bottom: 0; } .page-template-template-features-child .post-single-block img, .page-template-template-features .post-single-block img, .page-template-template-features-child .cke_editable img, .page-template-template-features .cke_editable img { display: block; width: 100%; height: auto; } .page-template-template-features-child .industry-section, .page-template-template-features .industry-section { padding: 30px 0; } @media screen and (min-width: 1200px) { .page-template-template-features-child .industry-img-wrapper, .page-template-template-features .industry-img-wrapper { width: 550px; } } .page-template-template-features-child .industry-img, .page-template-template-features .industry-img { display: block; max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 5%; } @media screen and (min-width: 768px) { .page-template-template-features-child .industry-img, .page-template-template-features .industry-img { margin: 0 auto 20px; } } @media screen and (min-width: 1200px) { .page-template-template-features-child .industry-img, .page-template-template-features .industry-img { margin-bottom: 0; } } .page-template-template-features-child .industry-title, .page-template-template-features .industry-title { font-style: normal; font-weight: 700; font-size: 38px; line-height: 56px; margin-bottom: 50px; color: #434449; } @media screen and (min-width: 1200px) { .page-template-template-features-child .industry-title, .page-template-template-features .industry-title { font-size: 48px; margin-bottom: 80px; } } .page-template-template-features-child .industry-content-container, .page-template-template-features .industry-content-container { list-style: none; padding: 0; } .page-template-template-features-child .industry-block, .page-template-template-features .industry-block { margin-bottom: 80px; } @media screen and (min-width: 480px) { .page-template-template-features-child .industry-block, .page-template-template-features .industry-block { margin-bottom: 50px; } } @media screen and (min-width: 768px) { .page-template-template-features-child .industry-block, .page-template-template-features .industry-block { display: flex; gap: 20px; } } .page-template-template-features-child .industry-block-content-heading, .page-template-template-features .industry-block-content-heading { font-weight: 700; font-size: 28px; margin-bottom: 30px; } @media screen and (min-width: 1200px) { .page-template-template-features-child .industry-block-content-heading, .page-template-template-features .industry-block-content-heading { font-size: 32px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .page-template-template-features-child .industry-block-content-wrapper, .page-template-template-features .industry-block-content-wrapper { max-width: 60vh; } } @media screen and (min-width: 992px) { .page-template-template-features-child .industry-block-content-wrapper, .page-template-template-features .industry-block-content-wrapper { max-width: 80vh; } } .page-template-template-features-child .industry-content-container li:nth-child(even), .page-template-template-features .industry-content-container li:nth-child(even) { flex-direction: row-reverse; } .page-template-template-features-child .industy-signup-btn, .page-template-template-features .industy-signup-btn { display: flex; justify-content: center; margin-bottom: 50px; } .page-template-template-features-child .industy-signup-btn a, .page-template-template-features .industy-signup-btn a { display: inline-block; } .page-template-template-features-child .app-links, .page-template-template-features .app-links { display: flex; justify-content: center; align-items: center; } @media screen and (min-width: 992px) { .page-template-template-features-child .app-links, .page-template-template-features .app-links { display: block; } } .page-template-template-features-child .promise, .page-template-template-features .promise { padding: 165px 0 182px 0; box-sizing: border-box; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../img/promise-bg.jpeg); background-image: image-set(url("/wp-content/webp-express/webp-images/themes/shifton/assets/img/promise-bg.jpeg.webp") type("image/webp"), url("../img/promise-bg.jpeg") type("image/jpeg")); color: #FFFFFF; } .page-template-template-features-child .promise-body, .page-template-template-features .promise-body { max-width: 840px; } .page-template-template-features-child .promise-title, .page-template-template-features .promise-title { font-style: normal; font-weight: 500; font-size: 48px; line-height: 56px; margin-bottom: 32px; } .page-template-template-features-child .promise-list, .page-template-template-features .promise-list { list-style-type: none; padding: 0; margin: 0; font-weight: 500; font-size: 26px; line-height: 30px; color: #FFFFFF; } .page-template-template-features-child .promise-item, .page-template-template-features .promise-item { margin: 16px 0; } .page-template-template-features-child .promise-more, .page-template-template-features .promise-more { margin-top: 32px; } .page-template-template-features-child .promise-more-link, .page-template-template-features .promise-more-link { display: inline-block; padding: 12px 30px; background: #54A757; color: #ffffff; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); border-radius: 26px; transition: all 0.5s; text-decoration: none; font-weight: 500; font-size: 20px; line-height: 23px; } .page-template-template-features-child .promise-more-link:hover, .page-template-template-features .promise-more-link:hover, .page-template-template-features-child .promise-more-link:focus, .page-template-template-features .promise-more-link:focus, .page-template-template-features-child .promise-more-link:active, .page-template-template-features .promise-more-link:active { text-decoration: none; color: #ffffff; } .page-template-template-features-child .promise-more-link:hover, .page-template-template-features .promise-more-link:hover { background: #4FA252; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .promise-more-link:focus, .page-template-template-features .promise-more-link:focus { background: #0062CC; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .opportun, .page-template-template-features .opportun { margin-top: 100px; margin-bottom: 93px; } .page-template-template-features-child .opportun .container, .page-template-template-features .opportun .container { max-width: 1300px; } .page-template-template-features-child .opportun-title, .page-template-template-features .opportun-title { font-style: normal; font-weight: 500; font-size: 37px; line-height: 42px; color: #434449; text-align: center; letter-spacing: 1.1px; } .page-template-template-features-child .opportun-list, .page-template-template-features .opportun-list { margin-top: 28px; list-style-type: none; padding: 0; margin: 28px -6px 0 -6px; display: flex; } .page-template-template-features-child .opportun-item, .page-template-template-features .opportun-item { background: #F9F9F9; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; width: calc(25% - 12px); margin: 6px; position: relative; } .page-template-template-features-child .opportun-wrapper, .page-template-template-features .opportun-wrapper { padding: 32px 26px 104px 26px; box-sizing: border-box; } .page-template-template-features-child .opportun-picture, .page-template-template-features .opportun-picture { margin-bottom: 15px; } .page-template-template-features-child .opportun-icon, .page-template-template-features .opportun-icon { display: inline-block; width: 80px; height: 80px; border-radius: 30px; background-position: center; background-repeat: no-repeat; } .page-template-template-features-child .opportun-icon-one, .page-template-template-features .opportun-icon-one { background-image: url(../img/opportun-icon-one.svg); background-color: #9033F9; } .page-template-template-features-child .opportun-icon-thue, .page-template-template-features .opportun-icon-thue { background-image: url(../img/opportun-icon-thue.svg); background-color: #FF5966; } .page-template-template-features-child .opportun-icon-three, .page-template-template-features .opportun-icon-three { background-image: url(../img/opportun-icon-three.svg); } .page-template-template-features-child .opportun-icon-four, .page-template-template-features .opportun-icon-four { background-color: #29AAE3; background-image: url(../img/opportun-icon-four.svg); } .page-template-template-features-child .opportun-midtitle, .page-template-template-features .opportun-midtitle { font-weight: 900; font-size: 19px; line-height: 26px; color: #29AAE3; margin-top: 0; margin-bottom: 15px; } .page-template-template-features-child .opportun-subtitle, .page-template-template-features .opportun-subtitle { font-style: normal; font-weight: 600; font-size: 19px; line-height: 23px; color: #434449; margin-top: 20px; } .page-template-template-features-child .opportun-sublist, .page-template-template-features .opportun-sublist { padding: 0 0 0 20px; margin: 20px 0 0 0; font-style: normal; font-weight: normal; font-size: 17px; line-height: 22px; list-style-type: disc; color: #29AAE3; } .page-template-template-features-child .opportun-subitem, .page-template-template-features .opportun-subitem { margin: 12px 0; } .page-template-template-features-child .opportun-text, .page-template-template-features .opportun-text { color: #434449; } .page-template-template-features-child .opportun-more, .page-template-template-features .opportun-more { position: absolute; bottom: 31px; left: 26px; } .page-template-template-features-child .opportun-more-link, .page-template-template-features .opportun-more-link { font-style: normal; font-weight: 500; font-size: 20px; line-height: 23px; color: #FFFFFF; background: #54A757; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); border-radius: 26px; padding: 12px 30px; box-sizing: border-box; transition: all 0.5s; text-decoration: none; } .page-template-template-features-child .opportun-more-link:hover, .page-template-template-features .opportun-more-link:hover, .page-template-template-features-child .opportun-more-link:focus, .page-template-template-features .opportun-more-link:focus, .page-template-template-features-child .opportun-more-link:active, .page-template-template-features .opportun-more-link:active { text-decoration: none; color: #FFFFFF; } .page-template-template-features-child .opportun-more-link:hover, .page-template-template-features .opportun-more-link:hover { background: #4FA252; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .opportun-more-link:focus, .page-template-template-features .opportun-more-link:focus { background: #0062CC; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .automatize, .page-template-template-features .automatize { background-color: #F5F6F6; padding: 70px 0 95px 0; box-sizing: border-box; } .page-template-template-features-child .automatize-title, .page-template-template-features .automatize-title { font-style: normal; font-weight: 500; font-size: 36px; line-height: 42px; color: #29AAE3; text-align: center; margin-bottom: 60px; letter-spacing: 0.4px; } .page-template-template-features-child .automatize-row, .page-template-template-features .automatize-row { align-items: center; } .page-template-template-features-child .automatize-left, .page-template-template-features .automatize-left { max-width: 500px; } .page-template-template-features-child .automatize-descr, .page-template-template-features .automatize-descr { font-style: normal; font-weight: normal; font-size: 21px; line-height: 25px; color: #000000; } .page-template-template-features-child .automatize-more, .page-template-template-features .automatize-more { margin-top: 52px; } .page-template-template-features-child .automatize-more-link, .page-template-template-features .automatize-more-link { font-style: normal; font-weight: 500; font-size: 20px; line-height: 23px; color: #FFFFFF; padding: 12px 49px; box-sizing: border-box; background: #29AAE3; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); border-radius: 26px; transition: all 0.5s; text-decoration: none; } .page-template-template-features-child .automatize-more-link:hover, .page-template-template-features .automatize-more-link:hover, .page-template-template-features-child .automatize-more-link:focus, .page-template-template-features .automatize-more-link:focus, .page-template-template-features-child .automatize-more-link:active, .page-template-template-features .automatize-more-link:active { text-decoration: none; color: #ffffff; } .page-template-template-features-child .automatize-more-link:hover, .page-template-template-features .automatize-more-link:hover { background: #269ACD; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .automatize-more-link:focus, .page-template-template-features .automatize-more-link:focus { background: #9033F9; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .optimize, .page-template-template-features .optimize { margin-top: 100px; margin-bottom: 100px; } .page-template-template-features-child .optimize-title, .page-template-template-features .optimize-title { text-align: center; font-style: normal; font-weight: 500; font-size: 36px; line-height: 42px; color: #9033F9; margin-bottom: 40px; letter-spacing: 0.6px; } .page-template-template-features-child .optimize-row, .page-template-template-features .optimize-row { align-items: center; } .page-template-template-features-child .optimize-descr, .page-template-template-features .optimize-descr { font-style: normal; font-weight: normal; font-size: 21px; line-height: 25px; color: #000000; } .page-template-template-features-child .optimize-more, .page-template-template-features .optimize-more { margin-top: 50px; } .page-template-template-features-child .optimize-more-link, .page-template-template-features .optimize-more-link { font-style: normal; font-weight: 500; font-size: 20px; line-height: 23px; color: #FFFFFF; background: #9033F9; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); border-radius: 26px; padding: 12px 50px; box-sizing: border-box; transition: all 0.5s; text-decoration: none; } .page-template-template-features-child .optimize-more-link:hover, .page-template-template-features .optimize-more-link:hover, .page-template-template-features-child .optimize-more-link:focus, .page-template-template-features .optimize-more-link:focus, .page-template-template-features-child .optimize-more-link:active, .page-template-template-features .optimize-more-link:active { text-decoration: none; color: #ffffff; } .page-template-template-features-child .optimize-more-link:hover, .page-template-template-features .optimize-more-link:hover { background: #842EE7; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .optimize-more-link:focus, .page-template-template-features .optimize-more-link:focus { background: #54A757; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .badge-more-link, .page-template-template-features .badge-more-link { font-style: normal; font-weight: 500; font-size: 20px; line-height: 23px; background: #FFFFFF; border: 1px solid #29AAE3; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); border-radius: 26px; padding: 6px 25px; transition: all 0.5s; text-decoration: none; } .page-template-template-features-child .optimize-more-link, .page-template-template-features .optimize-more-link { color: #ffffff; text-decoration: none; } .page-template-template-features-child .optimize-more-link:hover, .page-template-template-features .optimize-more-link:hover, .page-template-template-features-child .optimize-more-link:focus, .page-template-template-features .optimize-more-link:focus, .page-template-template-features-child .optimize-more-link:active, .page-template-template-features .optimize-more-link:active { text-decoration: none; color: #ffffff; } .page-template-template-features-child .optimize-more-link:hover, .page-template-template-features .optimize-more-link:hover { background: #842EE7; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .optimize-more-link:focus, .page-template-template-features .optimize-more-link:focus { background: #54A757; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .shifts, .page-template-template-features .shifts { background-color: #F5F6F6; padding-top: 70px; padding-bottom: 70px; box-sizing: border-box; } .page-template-template-features-child .shifts-title, .page-template-template-features .shifts-title { font-style: normal; font-weight: 500; font-size: 36px; line-height: 42px; color: #FF5966; text-align: center; margin-bottom: 30px; } .page-template-template-features-child .shifts-row, .page-template-template-features .shifts-row { align-items: center; } .page-template-template-features-child .shifts-descr, .page-template-template-features .shifts-descr { font-style: normal; font-weight: normal; font-size: 21px; line-height: 25px; color: #000000; max-width: 450px; } .page-template-template-features-child .shifts-more, .page-template-template-features .shifts-more { margin-top: 50px; } .page-template-template-features-child .shifts-more-link, .page-template-template-features .shifts-more-link { text-decoration: none; color: #ffffff; font-style: normal; font-weight: 500; font-size: 20px; line-height: 23px; background: #FF5966; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); border-radius: 26px; padding: 12px 37px; box-sizing: border-box; transition: all 0.5s; } .page-template-template-features-child .shifts-more-link:hover, .page-template-template-features .shifts-more-link:hover, .page-template-template-features-child .shifts-more-link:focus, .page-template-template-features .shifts-more-link:focus, .page-template-template-features-child .shifts-more-link:active, .page-template-template-features .shifts-more-link:active { text-decoration: none; color: #ffffff; } .page-template-template-features-child .shifts-more-link:hover, .page-template-template-features .shifts-more-link:hover { background: #EB5560; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .shifts-more-link:focus, .page-template-template-features .shifts-more-link:focus { background: #54A757; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .vids, .page-template-template-features .vids { margin-top: 100px; margin-bottom: 100px; } .page-template-template-features-child .vids-title, .page-template-template-features .vids-title { font-style: normal; font-weight: 500; font-size: 36px; line-height: 42px; text-align: center; color: #434449; margin-bottom: 50px; margin-left: auto; margin-right: auto; max-width: 600px; } .page-template-template-features-child .vids-main, .page-template-template-features .vids-main { margin-bottom: 100px; margin-left: auto; margin-right: auto; width: 90%; } .page-template-template-features-child .vids-image, .page-template-template-features .vids-image { width: 100%; } .page-template-template-features-child .vids-descr, .page-template-template-features .vids-descr { font-style: normal; font-weight: 500; font-size: 26px; line-height: 40px; text-align: center; color: #434449; max-width: 680px; margin-left: auto; margin-right: auto; margin-bottom: 44px; } .page-template-template-features-child .vids-descr-link, .page-template-template-features .vids-descr-link { color: #29AAE3; text-decoration: none; border-bottom: 2px solid transparent; transition: all 0.5s; } .page-template-template-features-child .vids-descr-link:hover, .page-template-template-features .vids-descr-link:hover, .page-template-template-features-child .vids-descr-link:focus, .page-template-template-features .vids-descr-link:focus { color: #29AAE3; border-bottom: 2px solid #29AAE3; text-decoration: none; } .page-template-template-features-child .soci-list, .page-template-template-features .soci-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; list-style-type: none; padding: 0; margin: 0 -13px; } .page-template-template-features-child .soci-item, .page-template-template-features .soci-item { margin: 13px; } .page-template-template-features-child .soci-icon, .page-template-template-features .soci-icon { display: inline-block; min-width: 50px; width: 50px; height: 50px; border-radius: 50%; background-position: center; background-repeat: no-repeat; } .page-template-template-features-child .soci-icon-facebook, .page-template-template-features .soci-icon-facebook { background-image: url(../img/soci-icon-facebook.svg); background-color: #3D5A96; } .page-template-template-features-child .soci-icon-twitter, .page-template-template-features .soci-icon-twitter { background-image: url(../img/soci-icon-twitter.svg); background-color: #2AA3EF; } .page-template-template-features-child .soci-icon-linkedin, .page-template-template-features .soci-icon-linkedin { background-image: url(../img/soci-icon-linkedin.svg); background-color: #007AB7; } .page-template-template-features-child .soci-icon-youtube, .page-template-template-features .soci-icon-youtube { background-image: url(../img/soci-icon-youtube.svg); background-color: #F52929; } .page-template-template-features-child .soci-icon-instagram, .page-template-template-features .soci-icon-instagram { background-image: url(../img/soci-icon-instagram.svg); background-color: #ce4568; } .page-template-template-features-child .soci-icon-whatsapp, .page-template-template-features .soci-icon-whatsapp { background-image: url(../img/soci-icon-whatsapp.svg); background-color: #40c351; } .page-template-template-features-child .soci-icon-telegram, .page-template-template-features .soci-icon-telegram { background-image: url(../img/soci-icon-telegram.svg); background-color: #2ab6f6; } .page-template-template-features-child .lang, .page-template-template-features .lang { margin-left: 23px; position: relative; } .page-template-template-features-child .lang-btn, .page-template-template-features .lang-btn { font-weight: bold; font-size: 12px; line-height: 16px; letter-spacing: 0.03em; border: 0; border-bottom: 1px solid transparent; background-color: transparent; padding: 0; color: #ffffff; cursor: pointer; text-transform: uppercase; transition: all 0.5s; outline: none !important; } .page-template-template-features-child .lang-btn:after, .page-template-template-features .lang-btn:after { content: ''; display: inline-block; min-width: 8px; width: 8px; height: 9px; background-position: center; background-repeat: no-repeat; background-image: url(../img/lang-after.svg); margin-left: 3px; } .page-template-template-features-child .lang-btn:hover, .page-template-template-features .lang-btn:hover, .page-template-template-features-child .lang-btn:focus, .page-template-template-features .lang-btn:focus { border-bottom: 1px solid #ffffff; } .page-template-template-features-child .lang-drop, .page-template-template-features .lang-drop { padding: 20px; box-sizing: border-box; background-color: #000000; color: #ffffff; border: 1px solid #080702; position: absolute; right: 0; top: 30px; display: none; } .page-template-template-features-child .lang-drop.show, .page-template-template-features .lang-drop.show { display: block; } .page-template-template-features-child .lang-list, .page-template-template-features .lang-list { list-style-type: none; padding: 0; margin: 0; } .page-template-template-features-child .lang-link, .page-template-template-features .lang-link { color: rgba(255, 255, 255, 0.8); text-decoration: none; border-bottom: 1px solid transparent; } .page-template-template-features-child .lang-link:hover, .page-template-template-features .lang-link:hover, .page-template-template-features-child .lang-link:focus, .page-template-template-features .lang-link:focus { color: rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); } .page-template-template-features-child .free-plan-box, .page-template-template-features .free-plan-box { margin-bottom: 60px; } .page-template-template-features-child .free-plan-box-wrapper, .page-template-template-features .free-plan-box-wrapper { border-radius: 15px !important; background: linear-gradient(to right, #0062d0 0%, #00d006 100%) !important; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .page-template-template-features-child .free-plan-box-wrapper-text, .page-template-template-features .free-plan-box-wrapper-text { padding-bottom: 16px !important; } .page-template-template-features-child .free-plan-box-wrapper-text-heading, .page-template-template-features .free-plan-box-wrapper-text-heading { font-size: 20px; line-height: 1; } .page-template-template-features-child .testimonial-quote, .page-template-template-features .testimonial-quote { font-size: 14px; position: relative; } .page-template-template-features-child .testimonial-quote blockquote, .page-template-template-features .testimonial-quote blockquote { border: 0; margin: 0; padding: 0; background: none; color: gray; font-size: 1.5em; font-style: italic; line-height: 1.4 !important; position: relative; text-shadow: 0 1px white; z-index: 600; } .page-template-template-features-child .testimonial-quote blockquote *, .page-template-template-features .testimonial-quote blockquote * { box-sizing: border-box; } .page-template-template-features-child .testimonial-quote blockquote p, .page-template-template-features .testimonial-quote blockquote p { color: #75808a; line-height: 1.4 !important; } .page-template-template-features-child .testimonial-quote blockquote p:first-child:before, .page-template-template-features .testimonial-quote blockquote p:first-child:before { content: '\201C'; color: #81bedb; font-size: 7.5em; font-weight: 700; opacity: .3; position: absolute; top: -.4em; left: -.2em; text-shadow: none; z-index: -300; } .page-template-template-features-child .testimonial-quote img, .page-template-template-features .testimonial-quote img { border: 3px solid #9CC1D3; border-radius: 50%; display: block; width: 120px; height: 120px; position: absolute; top: -.2em; left: 0; } .page-template-template-features-child .testimonial-quote cite, .page-template-template-features .testimonial-quote cite { color: gray; display: block; font-size: .8em; } .page-template-template-features-child .testimonial-quote cite span, .page-template-template-features .testimonial-quote cite span { color: #5e5e5e; font-size: 1em; font-style: normal; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0 1px white; } .page-template-template-features-child .testimonial-quote .quote-container, .page-template-template-features .testimonial-quote .quote-container { padding-left: 160px; } .page-template-template-features-child .testimonial-quote.right .quote-container, .page-template-template-features .testimonial-quote.right .quote-container { padding-left: 0; padding-right: 160px; } .page-template-template-features-child .testimonial-quote.right img, .page-template-template-features .testimonial-quote.right img { left: auto; right: 0; } .page-template-template-features-child .testimonial-quote.right cite, .page-template-template-features .testimonial-quote.right cite { text-align: right; } .page-template-template-features-child .author-container, .page-template-template-features .author-container { margin-top: 60px; padding: 30px; position: relative; min-height: 140px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .page-template-template-features-child .author-container .author, .page-template-template-features .author-container .author { position: absolute; left: 30px; top: 30px; } .page-template-template-features-child .author-container .author-profile, .page-template-template-features .author-container .author-profile { width: 80px; height: 80px; } .page-template-template-features-child .author-container .author-name, .page-template-template-features .author-container .author-name { font-weight: 500; font-size: 1.1rem; color: #35373C; } .page-template-template-features-child .author-container .intro, .page-template-template-features .author-container .intro { padding-left: 110px; } .page-template-template-features-child .author-container .social a, .page-template-template-features .author-container .social a { font-size: 20px; color: #999ca4; } .page-template-template-features-child .author-container .social a:hover, .page-template-template-features .author-container .social a:hover { color: #f06060; } .page-template-template-features-child .related-posts, .page-template-template-features .related-posts { padding-top: 60px; padding-bottom: 60px; background: #f5f5f5; } .page-template-template-features-child .related-posts .title, .page-template-template-features .related-posts .title { margin-top: 0; margin-bottom: 45px; } .page-template-template-features-child .related-posts .item, .page-template-template-features .related-posts .item { margin-bottom: 30px; } .page-template-template-features-child .related-posts .item .inner, .page-template-template-features .related-posts .item .inner { background: #fff; border: 1px solid #eee; } .page-template-template-features-child .related-posts .item .title, .page-template-template-features .related-posts .item .title { margin-top: 0; margin-bottom: 10px; } .page-template-template-features-child .related-posts .item .content, .page-template-template-features .related-posts .item .content { padding: 30px; font-size: 14px; } .page-template-template-features-child .related-posts .item img, .page-template-template-features .related-posts .item img { margin: 0 auto; } .page-template-template-features-child .related-posts .item:hover img, .page-template-template-features .related-posts .item:hover img { opacity: 0.9; } .page-template-template-features-child .promise, .page-template-template-features .promise { padding: 165px 0 182px 0; box-sizing: border-box; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../img/promise-bg.jpeg); background-image: image-set(url("/wp-content/webp-express/webp-images/themes/shifton/assets/img/promise-bg.jpeg.webp") type("image/webp"), url("../img/promise-bg.jpeg") type("image/jpeg")); color: #FFFFFF; } .page-template-template-features-child .promise-body, .page-template-template-features .promise-body { max-width: 840px; } .page-template-template-features-child .promise-title, .page-template-template-features .promise-title { font-style: normal; font-weight: 500; font-size: 48px; line-height: 56px; margin-bottom: 32px; color: #434449; } .page-template-template-features-child .promise-list, .page-template-template-features .promise-list { list-style-type: none; padding: 0; margin: 0; font-weight: 500; font-size: 26px; line-height: 30px; color: #FFFFFF; } .page-template-template-features-child .promise-item, .page-template-template-features .promise-item { margin: 16px 0; } .page-template-template-features-child .promise-more, .page-template-template-features .promise-more { margin-top: 32px; } .page-template-template-features-child .promise-more-link, .page-template-template-features .promise-more-link { display: inline-block; padding: 12px 30px; background: #54A757; color: #ffffff; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); border-radius: 26px; transition: all 0.5s; text-decoration: none; font-weight: 500; font-size: 20px; line-height: 23px; } .page-template-template-features-child .promise-more-link:hover, .page-template-template-features .promise-more-link:hover, .page-template-template-features-child .promise-more-link:focus, .page-template-template-features .promise-more-link:focus, .page-template-template-features-child .promise-more-link:active, .page-template-template-features .promise-more-link:active { text-decoration: none; color: #ffffff; } .page-template-template-features-child .promise-more-link:hover, .page-template-template-features .promise-more-link:hover { background: #4FA252; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .page-template-template-features-child .promise-more-link:focus, .page-template-template-features .promise-more-link:focus { background: #0062CC; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1); } .text-white { color: #ffffff; } .page-template-template-features-child .hero-holder { background: #35373c url("/wp-content/themes/shifton/assets/images/hero/hero-features.jpg") no-repeat 50% 50%; background-image: image-set(url("/wp-content/webp-express/webp-images/themes/shifton/assets/images/hero/hero-features.jpg.webp") type("image/webp"), url("/wp-content/themes/shifton/assets/images/images/hero/hhero-features.jpg") type("image/jpeg")); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* //////////////////////////////////// */ .header-buttons .languages { position: unset; } .dropdown[aria-expanded] .dropdown-list { border-top: none; } .col-lg-8_lang { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; gap: .75rem; height: 90vh; max-height: 880px; align-items: center; } .header-buttons .languages .menu-btn{ /* margin-bottom: .75rem; */ } .footer-bottom .dropdown[aria-expanded] .dropdown-list { padding-top: 0px; border-top: var(--border-size) solid var(--stroke-main-color); } .d-lg-none .dropdown-list { position: relative; max-height: 330px; overflow-y: scroll; padding: 20px 0px 10px; border: none; } .dev_lang_single { border-radius: var(--radius); cursor: pointer; font-size: var(--fs-18); height: 50px; font-weight: var(--fw-medium); border: 0; box-shadow: none; outline: none; padding: 0 var(--grid-step-md); transition: var(--transition); background-color: var(--bg-gray); -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: flex; margin-bottom: .75rem; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dev_lang_single:hover { color: var(--text-white); background-color: var(--main-color); box-shadow: 0 0 24px 0 var(--btn-shadow); } .header-nav { -webkit-justify-content: flex-start; justify-content: flex-start; } .footer .dropdown-list { padding: 0 10px; } .footer_lang_single { font-size: var(--fs-16); } .footer_docs_link { display: flex; flex-direction: row; flex-wrap: wrap; } .footer_docs_link a { padding-right: 15px; display: flex; } .blog-sidebar_single br { } .offset-anchor { display: block; position: relative; top: -100px; visibility: hidden; } .footer .dropdown.reverse .dropdown-list { display: none; } .footer .footer-bottom .dropdown[aria-expanded] .dropdown-list_languages_footer { padding: 20px 0px; display: block; } .footer-bottom .dropdown { position: unset; } .footer-bottom .container-fluid { position: relative; } .footer-bottom .dropdown .menu-btn { } .breadcrumbs { z-index: 1; } .page-intro__img { border-radius: 30px; } .page-template-template-features .post-card__content { width: 100%; } .preview_features { display: block; width: 100%; height: auto; min-height:190px; border-radius: 1rem; margin-bottom: var(--grid-step-md); background-position: center center; background-size: cover; } #features-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; } #features-grid .col { width: 25%; min-width: 25%; max-width: 25%; } @media screen and (max-width: 1200px) { #features-grid .col { width: 33%; min-width: 33%; max-width: 33%; } } @media screen and (max-width: 1000px) { #features-grid .col { width: 50%; min-width: 50%; max-width: 50%; } } @media screen and (max-width: 580px) { #features-grid .col { width: 100%; min-width: 100%; max-width: 100%; } } .page-template-industries .post-card__content { width: 100%; } .preview_industries { display: block; width: 100%; height: auto; min-height:190px; border-radius: 1rem; margin-bottom: var(--grid-step-md); background-position: center center; background-size: cover; } body .header-nav ul li .sub-menu { /* transition-delay: 0s; */ /* transition: 0s; */ -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; opacity: 0; } body .header-nav ul li { padding: 10px 0px; } .languages .dropdown-list { opacity:0; background: #fff; } .languages .dropdown-list .col-lg-8_lang { overflow: auto; background: #fff; max-width:100%; } .page-template-single-industries .more_column_2, .single-industries .more_column_2 { column-count: 2; column-gap: 10vw; width: 100%; } @media screen and (max-width: 1000px) { .page-template-single-industries .more_column_2, .single-industries .more_column_2 { column-count: 1; column-gap: 0; } } @media screen and (max-width: 768px) { .col-lg-8_lang { max-width: 100vw; overflow: auto; } .header_lang_lingl_link { width: 49.5%; } } .page-section .scroll-text { justify-content: normal; } .scroll-text .first-half, .scroll-text .second-half{ position:unset; float: left; animation: run 70s linear infinite; white-space: nowrap; } .page-template-industry-stuff .page-section .scroll-text_industries { justify-content: normal; } .page-template-industry-stuff .scroll-text_industries .first-half, .page-template-industry-stuff .scroll-text_industries .second-half { position:unset; float: left; animation: run 30s linear infinite; white-space: nowrap; } @keyframes run { from { transform: translateX(0); } to { transform: translateX(-100%); } } .owl-carousel_what { padding: 0 40px; position: relative; } .owl-nav { position: absolute; width: 100%; top: calc(50% - 18px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; left: 0px; font-size: 60px; line-height: 0px; color: var(--main-color); } .owl-nav .owl-prev { float: left; position: relative; width: 30px; height: 50px; background-color: #202020; font-weight: bold; line-height: 1; font-size: 38px; transition: all 0.2s; } .owl-nav .owl-next { float: right; position: relative; width: 30px; height: 50px; font-weight: bold; background-color: #202020; } .owl-carousel_what .col { margin-bottom:10px; } body .owl-carousel.owl-scroll_text { height: 100px; border-top: var(--border-size) solid var(--stroke-main-color); border-bottom: var(--border-size) solid var(--stroke-main-color); width: 100%; display: flex; align-items: center; } .owl-scroll_text .owl-item { display: flex; justify-content: center; } .owl-scroll_text .owl_scroll-text__item { display: flex; justify-content: center; text-align: center; white-space: nowrap; } .owl-scroll_text .owl_scroll-text__item a { display: block; text-align: center; white-space: nowrap; color: var(--main-color); font-size: var(--fs-32); font-weight: var(--fw-medium); } .owl-scroll_text .owl-stage { display: flex; align-items: center; } @media (max-width: 767px) { .owl-scroll_text .owl_scroll-text__item a { font-size: var(--fs-22); } .owl-scroll_text .owl_scroll-text__item { font-size: var(--fs-22); } body .owl-carousel.owl-scroll_text { height: 60px; } } .owl_scroll-text__item_dot:after { margin-left: var(--grid-step-md); margin-right: var(--grid-step-md); display: block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid var(--text-blue); content: ""; } body .iti--inline-dropdown .iti__dropdown-content { z-index: 10; } .price_text-yellow { color: #ff8700; line-height: 1.3; font-size: 12px; padding-top: .5rem; display: none; } .page-template-pricing .pricing-checkbox { padding: 1.1rem 1.5rem; min-width: 195px; } .page-template-pricing .negative-margin { margin-top: -2px; } .page-template-pricing .pb-1, .page-template-pricing .py-1 { padding-bottom: .25rem !important; } .page-template-pricing .border-grey { border-top: 1px solid #c3c3c1; margin: 5px 0px; width: 100%; } .pricing_total_block .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .pricing_total_block .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .pricing_total_block .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .pricing_total_block .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow: none; height: 45px; border-color: #ccc; font-size: 16px; } .pricing_total_block .cross { cursor: pointer; } .comparisons-intro { -webkit-column-gap: 120px; -moz-column-gap: 120px; column-gap: 120px; margin-bottom: 100px; margin-top: 40px; display: flex; } .comparisons-intro, .comparisons-intro__content { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .comparisons-intro__content { width: calc(50% - 60px); -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 22px; } .comparisons-intro__img { width: calc(50% - 60px); display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-end; } @media (max-width: 991px) { .comparisons-intro { -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 60px; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } } .comparisons-blocks__right { margin: 120px 0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 120px; -moz-column-gap: 120px; column-gap: 120px; } .comparisons-blocks__content, .comparisons-blocks__img { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: calc(50% - 60px); flex-direction: column; } .comparisons-blocks__right .comparisons-blocks__img { -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .comparisons-blocks__img img { display: block; max-width: 100%; height: auto; } .comparisons-blocks__left { margin: 120px 0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 120px; -moz-column-gap: 120px; column-gap: 120px; } @media (max-width: 991px) { .comparisons-blocks__left, .comparisons-blocks__right { -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; row-gap: 30px; } .comparisons-blocks__content { -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } .comparisons-blocks__img { -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .comparisons-intro__content, .comparisons-intro__img { width: 100%; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .comparisons-intro { -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 60px; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } } .cta { justify-content: space-between; } .cta-img img { max-height: 375px; } .cta h2 { color:#fff !important; } @media (max-width: 992px) { .cta h2 { font-size: 2rem; color:#fff !important; } } @media (max-width: 600px) { .cta h2 { font-size: 1.5rem; color:#fff; } } .integration-item { width: 24%; } .integration-item .card { padding: 15px; box-sizing: border-box; } #integration-list .d-flex_ { display: flex; } .footer { background: #f7f9fd; padding-top: 25px; } .page-id-354 .main, .page-id-351 .main, .page-id-347 .main, .page-id-336 .main { max-width: 1560px; margin:0 auto; padding: 0 20px; } .page-id-354 .col-12, .page-id-351 .col-12, .page-id-347 .col-12, .page-id-336 .col-12 { width: 100%; } .page-id-354 .col-md-8, .page-id-351 .col-md-8, .page-id-347 .col-md-8, .page-id-336 .col-md-8 { width: 100%; } .feature-btn-link { color: #fff; background: #1287a8; padding: 10px 20px; border-radius: 20px; margin-bottom: 30px; } .feature-btn-link:hover { opacity: 0.7; color: #fff; } .dropdown[aria-expanded] .dropdown-list { z-index: 1; } .page-template-pricing-php .pricing-total__head button { color:transparent; } .page-template-home .more_column_2 { column-count: 2; column-gap: 10vw; width: 100%; } @media (max-width: 991px) { .comparisons-intro__img { display: none; } .comparisons-blocks__buttons { flex-direction: column; } .comparisons-blocks__buttons a { width: 100%; margin-bottom:20px; } .page-template-how_works .page-intro__buttons { display: flex; flex-direction: column; gap: 1rem; } .page-template-how_works .page-intro__buttons .btn { width: 100%; margin: 0 !important; } .page-template-how_works .page-intro__img { display: none; } .page-template-how_works .start-free { margin: 0 15px; } .page-id-326 .more_section { display: none; } .page-id-326 .faq_section { display: none; } .page-template-small-buisness .free-plan__wrap .btn-white { margin-bottom: 15px; } .parent-pageid-21 .page-intro__img { display: none; } .parent-pageid-21 .page-intro__buttons { flex-direction: column; } .parent-pageid-21 .page-intro__buttons a { width: 100%; margin-bottom:20px; } .parent-pageid-21 .breadcrumbs ul { flex-direction: row; } .parent-pageid-21 .img-block__shadow { margin-bottom: 30px; } .page-template-home .more_column_2 { column-count: 1; column-gap: 0; width: 100%; } } @media (max-width: 767px) { .page-intro__img { display: none; } } .svelte-1828btn, .svelte-18vhu7m, .bubble-inner { display: none !important; } @media(max-width: 1050px) { .breadcrumbs ul li { font-size: 12px; } .breadcrumbs ul { display: flex; flex-direction: column; } } /* Стили для пагинации */ ul.page-numbers { display: flex; list-style-type: none; padding: 0; margin: 0; } ul.page-numbers li { margin: 0 5px; } ul.page-numbers li a, ul.page-numbers li span { display: flex; align-items: center; justify-content: center; padding: 8px 14px; font-size: 14px; color: #007bff; text-decoration: none; border-radius: 50%; width: 30px; height: 30px; transition: background-color 0.3s, color 0.3s; } ul.page-numbers li a.page-numbers.current, ul.page-numbers li span.current { background-color: #007bff; color: white; } ul.page-numbers .prev, ul.page-numbers .next { padding: 8px 12px; font-size: 16px; color: #007bff; text-decoration: none; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } ul.page-numbers .prev:hover, ul.page-numbers .next:hover { background-color: #007bff; color: white; } ul.page-numbers li a:hover, ul.page-numbers li span:hover { background-color: #e9ecef; color: #007bff; } ul.page-numbers li span.dots { pointer-events: none; color: #007bff; } ul.page-numbers li .prev, ul.page-numbers li .next { width: auto; padding: 8px 12px; border-radius: 5px; } .post-card__info i.fas.fa-eye { margin-right: 5px; font-size: 16px; } .contact-info { font-size: 14px; color: #666; margin-top: 10px; text-align: center; } .page-template-template-features-child .btn, .page-template-template-features .btn, .page-template-template-features-child a.btn, .page-template-template-features a.btn { color: #fff !important; } .page-template-template-features header a.btn-primary, .page-template-template-features header .btn-primary, .page-template-template-features header .btn { background-color: #1991ff !important; color: #fff !important; border: 1px solid #1991ff !important; } .page-template-template-features header .header-buttons .demo-btn { background-color: transparent !important; color: #1991ff !important; } .page-template-template-features-child a.btn-primary, .page-template-template-features a.btn-primary, .page-template-template-features-child .btn-primary, .page-template-template-features .btn-primary { background-color: #1991ff !important; color: #fff !important; border: 1px solid #1991ff !important; } .blog-post__content { color: #333; line-height: 1.6; margin: 0; padding: 20px; font-size: 18px; } .blog-post__content h1, .blog-post__content h2, .blog-post__content h3, .blog-post__content h4, .blog-post__content h5, .blog-post__content h6 { font-weight: 700; color: #29aae2; margin: 20px 0; padding: 0; } .blog-post__content p { margin: 0 0 20px; padding: 0; font-size: 18px; } .blog-post__content ul, .blog-post__content ol { padding: 0 0 0 20px; margin: 0 0 20px; font-size: 18px; } .blog-post__content li { margin: 0 0 20px; padding: 0; font-size: 18px; } .blog-post__content a { color: #0073aa; text-decoration: none; font-size: 18px; } .blog-post__content a:hover { color: #005177; text-decoration: underline; } .blog-post__content img { max-width: 100%; height: auto; display: block; margin: 20px auto; padding: 0; } .blog-post__content blockquote { padding: 20px; background-color: #f9f9f9; border-left: 4px solid #0073aa; margin: 0 0 20px; font-size: 18px; } .free-plan-2 .free-plan__img { height: auto; } .menu-btn span { color: #000000; transition: color 0.3s ease; } .menu-btn:hover span { color: #ffffff; } .menu-btn:hover svg path { fill: #ffffff; } #industries-grid .col { display: block !important; } .language-dropdown { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; max-height: 80vh; overflow-y: auto; padding: 10px; } .header_lang_lingl_link { display: flex; align-items: center; justify-content: flex-start; padding: 8px 12px; width: 150px; text-decoration: none; border-radius: 8px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 1500px) { body .header-nav ul li { margin-right: 1.2rem; } body .header-buttons { gap: 12px; } body .header-buttons .dropdown-center.languages { margin-left: 5px !important; } body .header-buttons .start-free-btn { margin-left: 7px; } } @media screen and (max-width: 1400px) { body .header-nav ul li { margin-right: .7rem; } body .header-buttons { gap: 7px; } body .header-nav ul li a { font-size: 0.9rem; } body .header-buttons .btn-primary, body .header-buttons .btn-secondary { font-size: 14.5px; } } @media screen and (max-width: 1150px) { body .header-nav ul li { margin-right: .45rem; } body .header-nav ul li a { font-size: 0.75rem; } body .header-buttons { gap: 2px; } #primary-menu { } body .header-buttons .btn, body .header-buttons .text-btn { font-size: 0.75rem; padding-left: 3px; padding-right: 3px; } body buttons .start-free-btn { margin-left: .2rem; } body .header-buttons .dropdown-center.languages { margin-left: 7px !important; } body .header-buttons .dropdown-selected { padding-right: 7px !important; padding-left: 7px !important; } } @media (max-width: 991px) { body .dropdown-selected { font-size: var(--fs-22) !important; display: flex; } } .header_lang_lingl_link img { width: auto !important; height: auto !important; margin-right: 5px; /* оставляем */ } .language-item img { width: auto !important; height: auto !important; margin-right: 8px; } a:hover .menu-icon { filter: brightness(0) invert(1); transition: filter 0.2s ease; } .breadcrumbs ul { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; white-space: nowrap !important; overflow-x: auto !important; align-items: center !important; } .features-card__title.small-title { font-size: 22px !important; } /* По умолчанию (мобильные): фон убран и не загружается */ .page-intro.home-intro { background-image: none !important; } /* Для планшетов и десктопов (>=768px) включаем фон */ @media (min-width: 768px) { .page-intro.home-intro { background-image: url('/wp-content/themes/shifton/assets/img/Hero.png') !important; background-size: cover; background-position: center; } } /* Невидимый мостик */ .header-nav ul li .sub-menu::before { content: ''; position: absolute; top: -10px; left: 0; right: 0; height: 10px; background: transparent; } /*download_page*/ /* Base styles */ .schedule-template-container { max-width: 1000px; margin: 0 auto; padding: 20px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } /* Enhanced header styles */ .template-header { margin-bottom: 40px; text-align: center; padding: 20px 0; } .template-title { font-size: 36px; color: #333; margin-bottom: 20px; line-height: 1.2; font-weight: 700; position: relative; display: inline-block; } .template-title:after { content: ''; display: block; width: 80px; height: 4px; background-color: #1991ff; margin: 15px auto 0; border-radius: 2px; } .template-format { color: #1991ff; font-weight: 600; } .template-description { font-size: 18px; line-height: 1.6; color: #555; max-width: 700px; margin: 0 auto; } .template-download-section { text-align: center; margin: 30px 0; } /* Template Preview Image */ .template-preview-section { margin: 40px 0; text-align: center; } .template-preview-image { max-width: 100%; height: auto; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .download-button { background-color: #1991ff; color: white; padding: 15px 30px; border: none; border-radius: 25px; font-size: 18px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(25, 145, 255, 0.2); } .download-button:hover { background-color: #1680e0; transform: translateY(-2px); box-shadow: 0 6px 8px rgba(25, 145, 255, 0.3); } /* Popup styles */ .popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 1000; overflow-y: auto; } .popup-content { position: relative; background-color: #fff; max-width: 500px; margin: 50px auto; padding: 30px; border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,0.3); } .popup-content h2 { margin-top: 0; color: #333; font-size: 28px; margin-bottom: 15px; } .close-popup { position: absolute; top: 15px; right: 20px; font-size: 28px; cursor: pointer; color: #999; transition: color 0.3s; line-height: 1; } .close-popup:hover { color: #333; } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: #444; } .form-group input { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 6px; font-size: 16px; transition: border-color 0.3s; } .form-group input:focus { border-color: #1991ff; outline: none; box-shadow: 0 0 0 3px rgba(25, 145, 255, 0.1); } .submit-button { background-color: #1991ff; color: white; padding: 14px 20px; border: none; border-radius: 25px; cursor: pointer; width: 100%; font-size: 16px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(25, 145, 255, 0.2); } .submit-button:hover { background-color: #1680e0; box-shadow: 0 6px 8px rgba(25, 145, 255, 0.3); } .form-message { margin-top: 15px; padding: 12px 15px; border-radius: 6px; display: none; font-size: 15px; } .form-message.success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; display: block; } .form-message.error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; display: block; } #direct-download-container { background-color: #f8f9fa; padding: 15px; border-radius: 6px; margin-top: 20px; } #direct-download-container p { margin-bottom: 15px; font-size: 15px; color: #555; } #direct-download-link { display: inline-block; text-decoration: none; font-size: 15px; padding: 10px 20px; font-weight: 600; } /* Mobile responsiveness */ @media (max-width: 768px) { .schedule-template-container { padding: 15px; } .template-title { font-size: 28px; } .template-description { font-size: 16px; } .download-button { padding: 12px 25px; font-size: 16px; } .popup-content { margin: 20px 15px; padding: 20px; } .popup-content h2 { font-size: 24px; } .template-preview-section { margin: 30px 0; } } @media (max-width: 480px) { .template-title { font-size: 24px; } .template-title:after { width: 60px; height: 3px; margin: 10px auto 0; } .template-description { font-size: 15px; } .download-button { padding: 10px 20px; font-size: 15px; width: 100%; max-width: 280px; } .popup-content { padding: 15px; } .popup-content h2 { font-size: 22px; } .form-group input { padding: 10px 12px; } .submit-button { padding: 12px 15px; } } /* How to use template section styles */ .how-to-use-template { margin: 50px 0; padding: 30px 0; background-color: #f9f9f9; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; } .how-to-title { font-size: 28px; color: #333; text-align: center; margin-bottom: 40px; font-weight: 600; } .steps-container { display: flex; flex-direction: row; justify-content: space-between; gap: 15px; margin-bottom: 30px; padding: 0 15px; } .step-item { flex: 1; background: white; border-radius: 8px; padding: 15px 0; box-shadow: 0 3px 10px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .step-item:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .step-title { color: #1991ff; font-size: 24px; font-weight: 700; margin-bottom: 10px; text-align: center; padding: 0 10px; } .step-subtitle { font-size: 20px; color: #444; margin-bottom: 20px; text-align: center; font-weight: 600; padding: 0 10px; } .step-image { width: 100%; height: auto; border: 1px solid #eee; border-radius: 6px; margin-bottom: 20px; } .step-description { font-size: 16px; line-height: 1.6; color: #555; padding: 0 15px; } .template-conclusion { font-size: 17px; line-height: 1.7; color: #444; text-align: center; max-width: 900px; margin: 0 auto; padding: 25px 20px 0; border-top: 1px solid #eee; } /* Mobile responsiveness */ @media (max-width: 992px) { .steps-container { gap: 10px; } } @media (max-width: 768px) { .how-to-title { font-size: 24px; margin-bottom: 30px; padding: 0 15px; } .steps-container { flex-direction: column; gap: 20px; } .step-item { width: 100%; padding: 15px; } .step-description { font-size: 15px; } } /* Start Free Section Styles */ .start-free-section { margin: 60px 0; } .start-free { background-color: #1991ff; color: white; padding: 40px; border-radius: 10px; box-shadow: 0 4px 15px rgba(25, 145, 255, 0.2); } .start-free .title-wrapper { font-size: 28px !important; font-weight: 700; margin-bottom: 15px; } .start-free p { font-size: 18px; margin-bottom: 0; opacity: 0.9; } .btn-white { background-color: white; color: #1991ff; font-weight: 600; padding: 12px 30px; border-radius: 25px; transition: all 0.3s ease; text-decoration: none; display: inline-block; font-size: 16px; border: 2px solid white; } .btn-white:hover { background-color: transparent; color: white; } /* Text Section Styles - Two Columns */ .text-section { margin: 60px 0; color: #333; line-height: 1.6; column-count: 2; column-gap: 40px; } .text-section h2 { font-size: 28px; margin-top: 40px; margin-bottom: 20px; color: #222; font-weight: 600; break-inside: avoid; column-span: all; } .text-section p { font-size: 17px; margin-bottom: 20px; color: #444; } .text-section ul, .text-section ol { margin-bottom: 25px; padding-left: 25px; break-inside: avoid; } .text-section li { font-size: 17px; margin-bottom: 10px; color: #444; } .text-section b { font-weight: 600; color: #333; } /* Mobile responsiveness */ @media (max-width: 768px) { .text-section { column-count: 1; /* Single column on mobile */ } .text-section h2 { font-size: 24px; } .text-section p, .text-section li { font-size: 16px; } } /*fix mobile buttom */ .feature21, .free, .free-plan-mob { background-image: none; width: 100%; height: auto; padding-top: 56.25%; /* соотношение сторон, при необходимости */ background-size: cover; background-position: center; } /* На планшетах и десктопах — подставляем реальный URL */ @media (min-width: 768px) { .feature21 { background-image: url('/wp-content/themes/shifton/upload/home/feature21.png'); } .free { background-image: url('/wp-content/themes/shifton/upload/free.png'); } .free-plan-mob { background-image: url('/wp-content/themes/shifton/upload/free-plan-mob.png'); } } /* на мобилке полностью скрываем все обёртки с картинками */ @media (max-width: 768px) { .free-plan__img_wrap, .free-plan__img_rtl_wrap, .free-plan__img_mob { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; } } /*fix menu*/ .header-nav .sub-menu { top: 100% !important; margin-top: 0 !important; transform: translateY(0) !important; } .start-free-btn-mobile { min-width: 110px; min-height: 48px; font-size: 16px; padding: 0 22px; box-sizing: border-box; display: inline-block; } .start-free-btn-mobile { font-family: system-ui, Arial, sans-serif; } /* -------------------------------------------------- QUICK-FIX, который мы первым делом добавляли («фиксим лесенку» в блоке .features) --------------------------------------------------*/ .features .col-lg-3 { display:flex; } .features-card { height:100%; width:100%; } /* -------------------------------------------------- Дальше тот самый базовый набор стилей, который был изначально --------------------------------------------------*/ .features{ /* gy-4 задаёт отступы — создаём переменные заранее */ --bs-gutter-x:24px; /* 1.5 rem */ --bs-gutter-y:24px; /* то, что делает .row */ display:flex; flex-wrap:wrap; margin-left:calc(-.5 * var(--bs-gutter-x)); margin-right:calc(-.5 * var(--bs-gutter-x)); margin-top:calc(-1 * var(--bs-gutter-y)); } /* то, что делает ".row > *" */ .features > *{ padding-left:calc(var(--bs-gutter-x) * .5); padding-right:calc(var(--bs-gutter-x) * .5); margin-top:var(--bs-gutter-y); box-sizing:border-box; } /* ------------------------------------------------------------------ 2. СЕТКА: 1-в-ряд < 992 px / 4-в-ряд ≥ 992 px ------------------------------------------------------------------*/ .features .col-lg-3{ flex:0 0 100%; max-width:100%; } @media (min-width:992px){ .features .col-lg-3{ flex:0 0 25%; max-width:25%; } } /* ------------------------------------------------------------------ 3. КАРТОЧКА и «шапка» карточки ------------------------------------------------------------------*/ .features-card{ display:flex; flex-direction:column; justify-content:space-between; min-height:320px; contain-intrinsic-size:320px 100%; /* резерв в FCP-кадре */ content-visibility:auto; } @media (max-width:767.98px){ .features-card{ min-height:360px; } } .features-card__head{ display:flex; align-items:flex-start; gap:12px; min-height:110px; } .features-card__head img{ width:78px; height:78px; aspect-ratio:1/1; object-fit:contain; display:block; loading:eager; /* вес <10 KB — грузим сразу */ } /* ------------------------------------------------------------------ 4. Текст не «растёт» после загрузки кастомного шрифта ------------------------------------------------------------------*/ .features-card__title{ font:600 20px/1.3 "Inter", Arial, Helvetica, sans-serif; min-height:2.2em; margin:0; display:block; } .features-card__counter{ min-width:38px; text-align:right; display:inline-block; }