/* ===== css/bootstrap.min.css ===== */ @charset "UTF-8";/*! * Bootstrap v5.3.3 (https://getbootstrap.com/) * Copyright 2011-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}ol,ul{padding-left:2rem}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}b{font-weight:bolder}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}progress{vertical-align:baseline}[hidden]{display:none!important}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple]{padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}@media (min-width:576px){.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}}@media (min-width:768px){.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}}@media (min-width:992px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}}@media (min-width:1200px){.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}}@media (min-width:1400px){.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.clearfix::after{display:block;clear:both;content:""}.d-flex{display:flex!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.visible{visibility:visible!important}@media (min-width:576px){.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}}@media (min-width:768px){.order-md-2{order:2!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}}@media (min-width:1400px){.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}} /* ===== css/flaticon.css ===== */ @font-face { font-family: "flaticon"; src: url("../fonts/flaticon-2b4592e822a4defd83a97d56065a8d51.woff2") format("woff2"), url("../fonts/flaticon-2b4592e822a4defd83a97d56065a8d51.woff") format("woff"), url("../fonts/flaticon-2b4592e822a4defd83a97d56065a8d51.eot") format("embedded-opentype"), url("../fonts/flaticon-2b4592e822a4defd83a97d56065a8d51.ttf") format("truetype"), url("../fonts/flaticonx.svg?2b4592e822a4defd83a97d56065a8d51#flaticon_pintex") format("svg") } span[class^="flaticon-"]:before, span[class*=" flaticon-"]:before { font-family: flaticon!important; font-style: normal; font-weight: normal!important; font-variant: normal; text-transform: none; font-size: 20px; line-height: 1!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flaticon-facebook:before { content: "\f101"; } .flaticon-twitter:before { content: "\f102"; } .flaticon-whatsapp:before { content: "\f103"; } .flaticon-skype:before { content: "\f104"; } .flaticon-dribbble:before { content: "\f105"; } .flaticon-messenger:before { content: "\f106"; } .flaticon-twitter-1:before { content: "\f107"; } .flaticon-youtube:before { content: "\f108"; } .flaticon-instagram:before { content: "\f109"; } .flaticon-pinterest-logo:before { content: "\f10a"; } .flaticon-vimeo:before { content: "\f10b"; } .flaticon-linkedin:before { content: "\f10c"; } .flaticon-line:before { content: "\f10d"; } .flaticon-kakao-talk:before { content: "\f10e"; } .flaticon-telegram:before { content: "\f10f"; } .flaticon-snapchat:before { content: "\f110"; } .flaticon-instagram-1:before { content: "\f111"; } .flaticon-behance:before { content: "\f112"; } .flaticon-github:before { content: "\f113"; } .flaticon-slack:before { content: "\f114"; } .flaticon-stack-overflow:before { content: "\f115"; } .flaticon-codepen:before { content: "\f116"; } .flaticon-git:before { content: "\f117"; } .flaticon-open-source:before { content: "\f118"; } .flaticon-dropbox:before { content: "\f119"; } .flaticon-google-drive:before { content: "\f11a"; } .flaticon-slack-1:before { content: "\f11b"; } .flaticon-apple-black-logo:before { content: "\f11c"; } .flaticon-windows-platform-logo:before { content: "\f11d"; } .flaticon-android-logo:before { content: "\f11e"; } .flaticon-google-play:before { content: "\f11f"; } .flaticon-css-3:before { content: "\f120"; } .flaticon-html-5:before { content: "\f121"; } .flaticon-wordpress:before { content: "\f122"; } .flaticon-linux-platform:before { content: "\f123"; } .flaticon-python:before { content: "\f124"; } .flaticon-js:before { content: "\f125"; } .flaticon-css:before { content: "\f126"; } .flaticon-sketch:before { content: "\f127"; } .flaticon-chrome:before { content: "\f128"; } .flaticon-paypal:before { content: "\f129"; } .flaticon-swift:before { content: "\f12a"; } .flaticon-creative-cloud:before { content: "\f12b"; } .flaticon-adobe:before { content: "\f12c"; } .flaticon-star:before { content: "\f12d"; } .flaticon-half-star-shape:before { content: "\f12e"; } .flaticon-star-half-empty:before { content: "\f12f"; } .flaticon-star-1:before { content: "\f130"; } .flaticon-magnifying-glass:before { content: "\f131"; } .flaticon-reply-arrow:before { content: "\f132"; } .flaticon-visibility:before { content: "\f133"; } .flaticon-invisible:before { content: "\f134"; } .flaticon-circle:before { content: "\f135"; } .flaticon-ring:before { content: "\f136"; } .flaticon-heart:before { content: "\f137"; } .flaticon-play:before { content: "\f138"; } .flaticon-play-button:before { content: "\f139"; } .flaticon-email:before { content: "\f13a"; } .flaticon-phone-call:before { content: "\f13b"; } .flaticon-location-pin:before { content: "\f13c"; } .flaticon-padlock:before { content: "\f13d"; } .flaticon-send:before { content: "\f13e"; } .flaticon-diskette:before { content: "\f13f"; } .flaticon-bookmark:before { content: "\f140"; } .flaticon-grid:before { content: "\f141"; } .flaticon-ellipsis:before { content: "\f142"; } .flaticon-quote:before { content: "\f143"; } .flaticon-double-quotes:before { content: "\f144"; } .flaticon-check:before { content: "\f145"; } .flaticon-plus:before { content: "\f146"; } .flaticon-minus:before { content: "\f147"; } .flaticon-minus-1:before { content: "\f148"; } .flaticon-cancel:before { content: "\f149"; } .flaticon-sort-arrows-couple-pointing-up-and-down:before { content: "\f14a"; } .flaticon-caret-arrow-up:before { content: "\f14b"; } .flaticon-sort-down:before { content: "\f14c"; } .flaticon-next:before { content: "\f14d"; } .flaticon-up-arrow:before { content: "\f14e"; } .flaticon-down-arrow:before { content: "\f14f"; } .flaticon-right-arrow:before { content: "\f150"; } .flaticon-up-arrow-1:before { content: "\f151"; } .flaticon-down-arrow-1:before { content: "\f152"; } .flaticon-forward:before { content: "\f153"; } .flaticon-upload:before { content: "\f154"; } .flaticon-download-file:before { content: "\f155"; } .flaticon-moon:before { content: "\f156"; } .flaticon-sun:before { content: "\f157"; } .flaticon-dice:before { content: "\f158"; } .flaticon-trim:before { content: "\f159"; } .flaticon-resolution:before { content: "\f15a"; } .flaticon-mission-statement:before { content: "\f15b"; } .flaticon-income:before { content: "\f15c"; } .flaticon-pattern:before { content: "\f15d"; } .flaticon-spyware:before { content: "\f15e"; } .flaticon-network:before { content: "\f15f"; } .flaticon-drop-down-menu:before { content: "\f160"; } .flaticon-flow-chart:before { content: "\f161"; } .flaticon-school-supplies:before { content: "\f162"; } .flaticon-open-enrollment:before { content: "\f163"; } .flaticon-paid-search:before { content: "\f164"; } .flaticon-process:before { content: "\f165"; } .flaticon-flow-chart-1:before { content: "\f166"; } .flaticon-layer:before { content: "\f167"; } .flaticon-pie-chart:before { content: "\f168"; } .flaticon-wallet:before { content: "\f169"; } .flaticon-server:before { content: "\f16a"; } .flaticon-transfer:before { content: "\f16b"; } .flaticon-interface:before { content: "\f16c"; } .flaticon-shopping-cart:before { content: "\f16d"; } .flaticon-calendar:before { content: "\f16e"; } .flaticon-translate:before { content: "\f16f"; } .flaticon-browser:before { content: "\f170"; } .flaticon-maintenance:before { content: "\f171"; } .flaticon-email-1:before { content: "\f172"; } .flaticon-firewall:before { content: "\f173"; } .flaticon-hosting:before { content: "\f174"; } .flaticon-pie-chart-1:before { content: "\f175"; } .flaticon-increase:before { content: "\f176"; } .flaticon-group:before { content: "\f177"; } .flaticon-chat:before { content: "\f178"; } .flaticon-puzzle:before { content: "\f179"; } .flaticon-radar:before { content: "\f17a"; } .flaticon-trophy:before { content: "\f17b"; } .flaticon-target:before { content: "\f17c"; } .flaticon-home:before { content: "\f17d"; } .flaticon-playlist:before { content: "\f17e"; } .flaticon-hashtag:before { content: "\f17f"; } .flaticon-email-2:before { content: "\f180"; } .flaticon-alter:before { content: "\f181"; } .flaticon-memphis:before { content: "\f182"; } .flaticon-time:before { content: "\f183"; } .flaticon-validated:before { content: "\f184"; } .flaticon-shopping-cart-1:before { content: "\f185"; } .flaticon-start-here:before { content: "\f186"; } .flaticon-shopping-cart-2:before { content: "\f187"; } .flaticon-search:before { content: "\f188"; } .flaticon-vip:before { content: "\f189"; } .flaticon-goal:before { content: "\f18a"; } .flaticon-chat-1:before { content: "\f18b"; } .flaticon-piggy-bank:before { content: "\f18c"; } .flaticon-workflow:before { content: "\f18d"; } .flaticon-excel:before { content: "\f18e"; } .flaticon-key-value-database:before { content: "\f18f"; } .flaticon-time-1:before { content: "\f190"; } .flaticon-browser-1:before { content: "\f191"; } .flaticon-usb:before { content: "\f192"; } .flaticon-reorder:before { content: "\f193"; } .flaticon-prioritize:before { content: "\f194"; } .flaticon-algorithm:before { content: "\f195"; } .flaticon-chronometer:before { content: "\f196"; } .flaticon-calendar-1:before { content: "\f197"; } .flaticon-telescope:before { content: "\f198"; } .flaticon-global:before { content: "\f199"; } .flaticon-chat-2:before { content: "\f19a"; } .flaticon-security:before { content: "\f19b"; } .flaticon-tools:before { content: "\f19c"; } .flaticon-analytics:before { content: "\f19d"; } .flaticon-comment:before { content: "\f19e"; } .flaticon-calendar-2:before { content: "\f19f"; } .flaticon-qr-code:before { content: "\f1a0"; } .flaticon-layers:before { content: "\f1a1"; } .flaticon-maximize:before { content: "\f1a2"; } .flaticon-maximize-1:before { content: "\f1a3"; } .flaticon-click:before { content: "\f1a4"; } .flaticon-color-palette:before { content: "\f1a5"; } .flaticon-browser-2:before { content: "\f1a6"; } .flaticon-search-engine:before { content: "\f1a7"; } .flaticon-note:before { content: "\f1a8"; } .flaticon-calculator:before { content: "\f1a9"; } .flaticon-folder:before { content: "\f1aa"; } .flaticon-suit:before { content: "\f1ab"; } .flaticon-scalability:before { content: "\f1ac"; } .flaticon-api:before { content: "\f1ad"; } .flaticon-screenplay:before { content: "\f1ae"; } .flaticon-insult:before { content: "\f1af"; } .flaticon-device:before { content: "\f1b0"; } .flaticon-creative-process:before { content: "\f1b1"; } .flaticon-read:before { content: "\f1b2"; } .flaticon-shield:before { content: "\f1b3"; } .flaticon-interface-1:before { content: "\f1b4"; } .flaticon-computer-mouse:before { content: "\f1b5"; } .flaticon-innovation:before { content: "\f1b6"; } .flaticon-engineering:before { content: "\f1b7"; } .flaticon-avatar:before { content: "\f1b8"; } .flaticon-version:before { content: "\f1b9"; } .flaticon-graphics:before { content: "\f1ba"; } .flaticon-goal-1:before { content: "\f1bb"; } .flaticon-podium:before { content: "\f1bc"; } .flaticon-networking:before { content: "\f1bd"; } .flaticon-fast-food:before { content: "\f1be"; } .flaticon-data-center:before { content: "\f1bf"; } .flaticon-pie-chart-2:before { content: "\f1c0"; } .flaticon-analytics-1:before { content: "\f1c1"; } .flaticon-price-label:before { content: "\f1c2"; } .flaticon-around-the-world:before { content: "\f1c3"; } .flaticon-connection:before { content: "\f1c4"; } .flaticon-heartbeat:before { content: "\f1c5"; } .flaticon-pension:before { content: "\f1c6"; } .flaticon-pin:before { content: "\f1c7"; } .flaticon-smartphone:before { content: "\f1c8"; } .flaticon-video-message:before { content: "\f1c9"; } .flaticon-data:before { content: "\f1ca"; } .flaticon-folder-1:before { content: "\f1cb"; } .flaticon-folder-2:before { content: "\f1cc"; } .flaticon-abstract-shape:before { content: "\f1cd"; } .flaticon-voip:before { content: "\f1ce"; } .flaticon-audio-message:before { content: "\f1cf"; } .flaticon-smartphone-1:before { content: "\f1d0"; } .flaticon-live-streaming:before { content: "\f1d1"; } .flaticon-connections:before { content: "\f1d2"; } .flaticon-credit-card:before { content: "\f1d3"; } .flaticon-credit-card-1:before { content: "\f1d4"; } .flaticon-ai:before { content: "\f1d5"; } .flaticon-chat-3:before { content: "\f1d6"; } .flaticon-youtube-1:before { content: "\f1d7"; } .flaticon-voice:before { content: "\f1d8"; } .flaticon-fingerprint-scan:before { content: "\f1d9"; } .flaticon-binary-code:before { content: "\f1da"; } .flaticon-data-cleaning:before { content: "\f1db"; } .flaticon-folder-3:before { content: "\f1dc"; } .flaticon-union:before { content: "\f1dd"; } .flaticon-orientation:before { content: "\f1de"; } .flaticon-typography:before { content: "\f1df"; } .flaticon-push-pin:before { content: "\f1e0"; } .flaticon-reorder-1:before { content: "\f1e1"; } .flaticon-currency-exchange:before { content: "\f1e2"; } .flaticon-money:before { content: "\f1e3"; } .flaticon-transaction:before { content: "\f1e4"; } .flaticon-email-3:before { content: "\f1e5"; } .flaticon-search-engine-1:before { content: "\f1e6"; } .flaticon-schedule:before { content: "\f1e7"; } .flaticon-cube:before { content: "\f1e8"; } .flaticon-keyboard:before { content: "\f1e9"; } .flaticon-message:before { content: "\f1ea"; } .flaticon-geolocalization:before { content: "\f1eb"; } .flaticon-scale:before { content: "\f1ec"; } .flaticon-top-border:before { content: "\f1ed"; } .flaticon-combine:before { content: "\f1ee"; } .flaticon-donation:before { content: "\f1ef"; } .flaticon-money-1:before { content: "\f1f0"; } .flaticon-computer:before { content: "\f1f1"; } .flaticon-video:before { content: "\f1f2"; } .flaticon-success:before { content: "\f1f3"; } .flaticon-envelope:before { content: "\f1f4"; } /* ===== css/menu.css ===== */ /* * Plugin: Web Slide Navigation System * Demo Link: https://uxwing.com/webslide/ * Author: UXWing * License: http://codecanyon.net/licenses/standard */ /*------------------------------------------*/ /* Desktop Base CSS --------------------------------------------*/ .wsmenu html, .wsmenu body, .wsmenu iframe, .wsmenu h1, .wsmenu h2, .wsmenu h3, .wsmenu h4, .wsmenu h5, .wsmenu h6 { -webkit-font-smoothing: subpixel-antialiased; font-smoothing: antialiased; font-smooth: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; font-smooth: subpixel-antialiased; } .wsmenu .cl { clear: both; } .wsmenu img { border: 0 none; max-width: 100%; } .wsmenu a:focus { outline: none; } .wsmenu:before, .wsmenu:after { content: ""; display: table; } .wsmenu:after { clear: both; } /*------------------------------------------*/ /* Desktop Main Menu CSS --------------------------------------------*/ .wsmenucontainer { background-size: cover; overflow: hidden; background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; } .wsmainfull { width: 100%; height: auto; background-color: #fff !important; z-index: 999; -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1); box-shadow: 0 2px 3px rgba(96, 96, 96, .1); -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; } .wsmainwp { margin: 0 auto; max-width: 1140px; padding: 0 15px; position: relative; } /* Header Logo */ .desktoplogo { padding: 0; margin: 0; float: left; line-height: 100px; /*HUGO 70px*/ } .desktoplogo img { vertical-align: middle; } /* Navigation Menu */ .wsmenu { padding: 0; float: right; display: block; } .wsmenu>.wsmenu-list { text-align: left; margin: 0 auto 0 auto; width: 100%; display: block; padding: 0; } .wsmenu>.wsmenu-list>li { text-align: center; display: block; padding: 0; margin: 0; float: left; } .wsmenu>.wsmenu-list>li>a { display: block; font-size: 15px; font-weight: 700; letter-spacing: 0.5px; padding: 10px 50px 10px 18px; line-height: 50px; text-decoration: none; position: relative; } .wsmenu>.wsmenu-list>li>a.last-link { padding: 10px 0px 10px 0; } .wsmenu>.wsmenu-list>li>a.callusbtn { font-size: 15px; } .wsmenu>.wsmenu-list>li>a.callusbtn i { font-size: 13px; margin-top: 1px; margin-right: 1px; } .wsmenu>.wsmenu-list>li a.menuhomeicon { padding-left: 29px; padding-right: 29px; } .wsmenu>.wsmenu-list>li>a i { display: inline-block; font-size: 16px; line-height: inherit; margin-right: 12px; vertical-align: top; } .wsmenu>.wsmenu-list>li>a.menuhomeicon i { margin-right: 0px; font-size: 15px; } .wsmenu>.wsmenu-list>li>a .wsarrow:after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid; content: ""; float: right; right: 15px; height: 0; margin: 0 0 0 14px; position: absolute; text-align: right; top: 33px; width: 0; } /* Desktop Search Bar */ .wsmenu>.wsmenu-list>li.rightmenu { float: right; } .wsmenu>.wsmenu-list>li.rightmenu a { padding: 0px 30px 0px 20px; border-right: none; } .wsmenu>.wsmenu-list>li.rightmenu a i { font-size: 15px; } .wsmenu>.wsmenu-list>li.rightmenu { float: right; } .wsmenu>.wsmenu-list>li.rightmenu:before, .wsmenu-list>li.rightmenu:after { content: ""; display: table; } .wsmenu>.wsmenu-list>li.rightmenu:after { clear: both; } .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch { float: right; width: 210px; height: 39px; position: relative; margin: 16px 0px 0px 0px; } .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .searchicon { -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input { width: 100%; position: relative; float: right; top: 0; right: 0; bottom: 0; width: 100%; border: 0; padding: 0; margin: 0; text-indent: 15px; height: 39px; z-index: 2; outline: none; color: #333; background-color: #efefef; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; font-size: 12px; } .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input::placeholder { color: #a9a9a9; } .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus { color: #333; width: 220px; } .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus~.btnstyle i { color: #000; opacity: 1; } .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus~.searchicon { opacity: 1; z-index: 3; color: #FFFFFF; } .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .btnstyle { top: 0px; position: absolute; right: 0; bottom: 0; width: 40px; line-height: 30px; z-index: 1; cursor: pointer; opacity: 0.3; color: #333; z-index: 1000; background-color: transparent; border: solid 0px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .btnstyle i { line-height: 37px; margin: 0; padding: 0; text-align: center; } .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .btnstyle:hover i { opacity: 1; } .wsmenu>.wsmenu-list>li.rightmenu { zoom: 1; } /*------------------------------------------*/ /* Desktop Drop Down Menu CSS --------------------------------------------*/ .wsmenu>.wsmenu-list>li>ul.sub-menu { position: absolute; top: 70px; z-index: 1000; margin: 0px; padding: 12px; min-width: 200px; background-color: #fff; border: solid 1px #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wsmenu>.wsmenu-list>li>ul.sub-menu.last-sub-menu { min-width: 160px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li { position: relative; margin: 0px; padding: 0px; display: block; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a { background-image: none; border-right: 0 none; text-align: left; display: block; padding: 9px; text-transform: none; color: #888; font-size: 15px; line-height: 22px; font-weight: 400; letter-spacing: 0; border-right: 0px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .wsmenu>.wsmenu-list>li>ul.sub-menu.last-sub-menu>li>a { padding: 11px 0; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover { padding: 9px 9px 9px 10px; } .wsmenu>.wsmenu-list>li>ul.sub-menu.last-sub-menu>li>a:hover { padding: 11px 0 11px 8px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a>i { position: absolute; top: 12px; right: 0; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu { min-width: 200px; position: absolute; left: 100%; top: 0; margin: 0; padding: 0 15px; list-style: none; background-color: #fff; border: solid 1px #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li { position: relative; margin: 0px; padding: 0px; display: block; border-bottom: 1px dashed #c0c0c0; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:last-child { border-bottom: none; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a { position: relative; background-image: none; border-right: 0 none; text-align: left; display: block; padding: 9px; text-transform: none; color: #888; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: normal; border-right: 0px solid; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { padding: 8px 15px 8px 23px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a>i { position: absolute; top: 12px; right: 12px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { min-width: 200px; position: absolute; left: 100%; top: 0; margin: 0px; list-style: none; padding: 0px; background-color: #fff; border: solid 1px #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li { position: relative; margin: 0px; padding: 0px; display: block; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a { background-image: none; border-right: 0 none; text-align: left; display: block; padding: 9px; text-transform: none; color: #888; font-size: 16px; font-family: 'Roboto', sans-serif; line-height: 22px; font-weight: 400; letter-spacing: normal; border-right: 0px solid; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { padding: 9px 9px 9px 20px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a>i { margin-left: 9px; } /*------------------------------------------*/ /* Desktop Mega Menus CSS --------------------------------------------*/ .wsmenu>.wsmenu-list>li>.wsmegamenu { width: 100%; left: 0px; position: absolute; top: 70px; color: #000; z-index: 1000; margin: 0px; text-align: left; padding: 20px 30px; border: solid 1px #eee; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu { padding: 20px 20px; } .wsmenu>.wsmenu-list>li>.wsmegamenu .carousel-control-next { opacity: 0.8; } .wsmenu>.wsmenu-list>li>.wsmegamenu .carousel-control-prev { opacity: 0.8; } .wsmenu>.wsmenu-list>li>.wsmegamenu .carousel-caption { bottom: 0px; background-color: rgba(0, 0, 0, 0.7); font-size: 13px; height: 31px; left: 0; padding: 7px 0; right: 0; width: 100%; } .wsmenu>.wsmenu-list>li>.wsmegamenu .wsmwnutxt { width: 100%; color: #888; font-size: 16px; font-weight: 400; text-align: justify; margin-top: 0; } .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li { display: block; text-align: center; text-align: left; border-bottom: 1px dashed #c0c0c0; } .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li.title, .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li:last-child { border-bottom: none; } .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a { line-height: 22px; border-right: none; text-align: left; padding: 13px 0px; background: #fff; background-image: none; border-right: 0 none; display: block; background-color: #fff; color: #888; font-size: 16px; font-weight: 400; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .wsmenu>.wsmenu-list>li>.wsmegamenu .mrgtop { margin-top: 15px; } .wsmenu>.wsmenu-list>li>.wsmegamenu .show-grid div { padding-bottom: 10px; padding-top: 10px; background-color: #dbdbdb; border: 1px solid #e7e7e7; color: #6a6a6a; margin: 2px 0px; font-size: 13px; } /*= Desktop Half Menu CSS =*/ .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu { width: 40%; right: auto; left: auto; } .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu.ext-halfmenu { width: 50%; } .wsmenu>.wsmenu-list>li>.wsmegamenu.halfdiv { width: 35%; right: auto; left: auto; } /*= Desktop HTML Form Menu CSS =*/ .wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form { width: 100%; display: block; } .wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form input[type="text"] { width: 100%; border: 1px solid #e2e2e2; color: #000; font-size: 13px; padding: 8px 5px; margin-bottom: 8px; } .wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form textarea { width: 100%; border: 1px solid #e2e2e2; color: #000; font-size: 13px; padding: 8px 5px; margin-bottom: 8px; min-height: 122px; } .wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form input[type="submit"] { width: 25%; display: block; height: 32px; float: right; border: none; margin-right: 15px; cursor: pointer; background-color: #e1e1e1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form input[type="button"] { width: 25%; display: block; height: 32px; float: right; border: none; cursor: pointer; background-color: #e1e1e1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .wsmenu>.wsmenu-list>li>.wsmegamenu .carousel-inner .item img { width: 100%; } .wsmenu>.wsmenu-list>li>.wsmegamenu .carousel-caption { bottom: 0px; background-color: rgba(0, 0, 0, 0.7); font-size: 13px; height: 31px; left: 0; padding: 7px 0; right: 0; width: 100%; } .wsmenu>.wsmenu-list>li>.wsmegamenu .typography-text { padding: 0px 0px; font-size: 14px; } .wsmenu>.wsmenu-list>li>.wsmegamenu .typography-text ul { padding: 0px 0px; margin: 0px; } .wsmenu>.wsmenu-list>li>.wsmegamenu .typography-text p { text-align: justify; line-height: 24px; color: #656565; } .wsmenu>.wsmenu-list>li>.wsmegamenu .typography-text ul li { display: block; padding: 2px 0px; line-height: 22px; } .wsmenu>.wsmenu-list>li>.wsmegamenu .typography-text ul li a { color: #656565; } /*------------------------------------------*/ /* Desktop Extra CSS --------------------------------------------*/ .wsmobileheader { display: none; } .overlapblackbg { opacity: 0; visibility: hidden; } .wsmenu .wsmenu-click { display: none; } .wsmenu .wsmenu-click02 { display: none; } /*============================================================================== Start Mobile CSS ===============================================================================*/ /* ================== Mobile Menu Change Brake Point ================== */ @media only screen and (max-width: 991px) { /* ================== Mobile Base CSS ================== */ html { overflow: hidden; height: 100%; -webkit-overflow-scrolling: touch; } body { height: 100%; overflow-y: auto; overflow-x: hidden; } body.wsactive { overflow: hidden; } /* ================== Mobile Main Menu CSS ================== */ .desktoplogo { display: none; } .wsmainfull { height: 0; } .wsmenu { width: 100%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; right: 0; overflow-y: hidden; padding: 0; top: 0; visibility: hidden; position: fixed; margin: 0px; } .wsmenu>.wsmenu-list { height: auto; min-height: 100%; width: 350px; background: #fff; padding-bottom: 0; margin-right: -350px; display: block; text-align: center; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .wsmenu>.wsmenu-list>li { width: 100%; display: block; float: none; border-right: none; background-color: transparent; position: relative; white-space: inherit; clear: right; } @supports (-webkit-overflow-scrolling: touch) { .wsmenu>.wsmenu-list>li:last-child { padding-bottom: 110px; } } .wsmenu>.wsmenu-list>li>a { padding: 12px 32px 12px 17px; font-size: 15px; text-align: left; border-right: solid 0px; line-height: 25px; border-bottom: 1px solid; border-bottom-color: rgba(0, 0, 0, 0.13); position: static; } .wsmenu>.wsmenu-list>li a.menuhomeicon { padding-left: 17px; padding-right: 17px; border-top: solid 1px rgba(0, 0, 0, 0.13); } .wsmenu>.wsmenu-list>li>a.menuhomeicon i { margin-right: 2px; font-size: 13px; } .wsmenu>.wsmenu-list>li>a>i { font-size: 14px; color: #bfbfbf; } .wsmenu>.wsmenu-list>li>a .wsarrow:after { display: none; } .wsmenu>.wsmenu-list>li:hover>a { background-color: rgba(0, 0, 0, .03); text-decoration: none; } .wsmenu>.wsmenu-list>li>a>.hometext { display: inline-block; } /* ================== Mobile Slide Down Links CSS ================== */ .wsmenu>.wsmenu-list>li>ul.sub-menu { display: none; position: relative; top: 0px; background-color: #fff; border: none; padding: 0px; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a { line-height: 20px; font-size: 13px; padding: 10px 0px 10px 16px; color: #383838; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li span+a { padding-right: 30px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a>i { display: none; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; text-decoration: underline; } .wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a { background-color: #e7e7e7; color: #666666; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu { width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0px; padding: 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0px 0px 0px 0px; padding: 0px; position: relative; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a { line-height: 20px; font-size: 13px; padding: 10px 0px 10px 26px; color: #383838; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a>i { display: none; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666666; text-decoration: underline; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a { color: #000; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0px; padding: 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0px 0px 0px 0px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a { line-height: 20px; font-size: 13px; padding: 10px 0px 10px 34px; color: #383838; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a>i { display: none; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666666; text-decoration: underline; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000; } /* ================== Mobile Mega Menus CSS ================== */ .wsmenu>.wsmenu-list>li>.wsmegamenu { color: #666666; display: none; position: relative; top: 0px; padding: 10px 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; border-bottom: 1px solid rgba(0, 0, 0, 0.13); -webkit-transform-style: flat; } .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu { width: 100%; margin: 0px; padding: 5px 0px 10px 0px; } .wsmenu>.wsmenu-list>li>.wsmegamenu .title { color: #666666; font-size: 15px; padding: 10px 8px 10px 0px; } .wsmenu>.wsmenu-list>li>.wsmegamenu>ul { width: 100%; margin: 0px; padding: 0px; font-size: 15px; } .wsmenu>.wsmenu-list>li>.wsmegamenu>ul>li>a { padding: 9px 14px; line-height: normal; font-size: 13px; background-color: #e7e7e7; color: #666666; } .wsmenu>.wsmenu-list>li>.wsmegamenu>ul>li>a:hover { background-color: #000000; } .wsmenu>.wsmenu-list>li>.wsmegamenu ul li.title { line-height: 26px; color: #666666; margin: 0px; font-size: 15px; padding: 7px 0px; background-color: transparent; } .wsmenu>.wsmenu-list>li>.wsmegamenu.halfdiv { width: 100%; } .wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form { padding: 5px 0px 62px 0px; } .wsmenu>.wsmenu-list>li>.wsmegamenu .show-grid div { margin: 0px; } .wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form input[type="button"] { width: 46%; } .wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form input[type="submit"] { width: 46%; } .wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form textarea { min-height: 100px; } /* ================== Mobile Header CSS ================== */ .wsmobileheader { width: 100%; display: block; position: fixed; top: 0; right: 0; z-index: 10002; height: 54px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; box-shadow: 0 0 1px rgba(0, 0, 0, .3); } .wsactive .wsmobileheader { margin-right: 240px; margin-right: 300px; margin-right: 350px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .wsmobileheader .smllogo { display: inline-block; margin-top: 12px; padding-left: 18px; } /* Mobile Search Bar*/ .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch { width: 86%; margin: 7% 7%; padding: 0px; } .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input { border-radius: 50px } .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus { width: 100%; } /* Mobile Toggle Menu icon (X ICON) */ .wsanimated-arrow { position: absolute; right: 0; top: 0; z-index: 102; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .wsanimated-arrow { cursor: pointer; padding: 16px 35px 16px 0px; margin: 7px 0 0 15px; } .wsanimated-arrow span, .wsanimated-arrow span:before, .wsanimated-arrow span:after { cursor: pointer; height: 3px; width: 22px; background: #a9a9a9; position: absolute; display: block; content: ''; } .wsanimated-arrow span:before { top: -7px; width: 26px; } .wsanimated-arrow span:after { bottom: -7px; width: 20px; } .wsanimated-arrow span, .wsanimated-arrow span:before, .wsanimated-arrow span:after { transition: all 500ms ease-in-out; } .wsactive .wsanimated-arrow span:after { width: 23px; } .wsactive .wsanimated-arrow span { background-color: transparent; } .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { top: 7px; } .wsactive .wsanimated-arrow span:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom: 0px; } .wsactive .wsanimated-arrow span:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* ================== Mobile Overlay/Drawer CSS ================== */ .overlapblackbg { left: 0; width: calc(100% - 350px); height: 100vh; min-height: 100%; position: fixed; top: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; } .wsactive .wsmenu .overlapblackbg { opacity: 1; visibility: visible; -webkit-transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out; -ms-transition: opacity 1.5s ease-in-out; -o-transition: opacity 1.5s ease-in-out; z-index: 8888 !important; } .wsmenucontainer { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .wsactive .wsmenucontainer { margin-right: 300px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .wsactive .wsmenu { overflow-y: scroll; -webkit-overflow-scrolling: touch; visibility: visible; z-index: 1000; top: 0; } .wsactive .wsmenu>.wsmenu-list { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; margin-right: 0; } /* ================== Mobile Sub Menu Expander Arrows ================== */ .wsmenu>.wsmenu-list>li>.wsmenu-click { height: 49px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 100%; } .wsmenu>.wsmenu-list>li .wsmenu-click.ws-activearrow>i { transform: rotate(-45deg); margin-top: 23px; } .wsmenu>.wsmenu-list>li>.wsmenu-click>i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin: 18px 18px 0px 0px; } .wsmenu>.wsmenu-list>li>.wsmenu-click>i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color: rgba(0, 0, 0, 0.40); transition: 0.2s ease; display: block; transform-origin: 100% 0; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02 { height: 41px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 100%; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin: 14px 18px 0px 0px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color: rgba(0, 0, 0, 0.40); transition: 0.2s ease; display: block; transform-origin: 100% 0; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i.wsmenu-rotate { transform: rotate(-45deg); margin-top: 19px; } /*End Media Query*/ } /* Extra @Media Query*/ @media only screen and (min-width: 992px) and (max-width:1162px) { .desktoplogo { margin-left: 12px; } .wsmenu>.wsmenu-list>li>a { padding-left: 16px; padding-right: 16px; } .wsmenu>.wsmenu-list>li a.menuhomeicon { padding-left: 22px; padding-right: 22px; } } /* ===== css/reveal-animations.css ===== */ .wow { visibility: visible; } .js-reveal-enabled .wow.wow-pending { opacity: 0; visibility: hidden; } .js-reveal-enabled .wow.wow-visible { opacity: 1; visibility: visible; animation-duration: 2s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); backface-visibility: hidden; will-change: opacity, transform; } .wow-visible.animate__fadeIn { animation-name: fadeIn; } .wow-visible.animate__fadeInLeft { animation-name: fadeInLeft; } .wow-visible.animate__fadeInRight { animation-name: fadeInRight; } .wow-visible.animate__fadeInUp { animation-name: fadeInUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-45px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(45px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 45px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @media (prefers-reduced-motion: reduce) { .js-reveal-enabled .wow.wow-pending, .js-reveal-enabled .wow.wow-visible { opacity: 1; visibility: visible; animation: none; transform: none; } } /* ===== css/skyblue-theme.css ===== */ /* Template Name: Pintex - Mobile App & Software Landing Page Template Theme URL: https://themeforest.net/user/jthemes Description: Pintex - Mobile App Landing Page Template Author: Jthemes Author URL: https://themeforest.net/user/jthemes Version: 1.0.0 Website: https://www.jthemes.com/ Tags: Responsive, HTML5 template, Jthemes, Mobile, Application, Software, One Page, Landing, Digital Product, Mobile App */ /* ========================================================================== 01. GENERAL & BASIC STYLES =========================================================================== */ :root { --alice-blue: #f1f3ff; --black: #353f4f; --blue: #0083ff; --coal: #111b21; --disable: #b5b5b5; --form-control: #fafafd; --gray: #545465; --green: #0fbc49; --header-color: #120036; --indigo: #7b5dd6; --ink: #1d222f; --lavender: #f8f5fd; --light-blue: #edf8fd; --light-gray: #90a0b2; --lilac: #beaedb; --magnolia: #f9f7fd; --metal: #2c3840; --noice: #f8f9fa; --orchid: #ce67c9; --pink: #fc5a8d; --purple: #9370db; --silver: #ccc; --sky-blue: #04aaff; --smoke: #e7e7e7; --snow: #f5f6f6; --violet-red: #c73e9b; --white: #fff; --white-smoke: #f4f4f9; --cinza-claro: #f1f5fc; --yellow: #ffbf15; --tra-black: rgba(5, 5, 5, .05); --tra-gray: rgba(96, 96, 96, .13); --tra-indigo: rgba(128, 96, 225, .13); --tra-ink: rgba(1, 1, 1, .1); --tra-purple: rgba(102, 51, 255, .13); --tra-white: rgba(255, 255, 255, .2); --tra-violet-red: rgba(237, 230, 244, .84); --tra-white-smoke: rgba(244, 244, 249, .13); } html { -webkit-font-smoothing: antialiased; font-size: 16px; } body { font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: var(--gray); line-height: 1.6666; font-weight: 400; } /*------------------------------------------*/ /* PAGE CONTENT /*------------------------------------------*/ #page { overflow: hidden; } .rel, section, .container { position: relative !important; z-index: 3; } .section-overlay { width: 100%; height: 100%; } /*------------------------------------------*/ /* BLOCK SHADOW /*------------------------------------------*/ /*------------------------------------------*/ /* BORDER SETTINGS /*------------------------------------------*/ /*------------------------------------------*/ /* BORDER RADIUS SETTING /*------------------------------------------*/ .r-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .r-02 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .r-04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .r-06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } .r-08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } .r-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .r-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } .r-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; } .r-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } .r-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; } .r-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .r-22 { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; } .r-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; } .r-26 { -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; } .r-28 { -webkit-border-radius: 28px; -moz-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; } .r-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .r-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; } .r-34 { -webkit-border-radius: 34px; -moz-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; } .r-36 { -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; } .r-100 { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } /*------------------------------------------*/ /* SPACING & INDENTS /*------------------------------------------*/ .py-40 { padding-top: 40px; padding-bottom: 40px; } .py-50 { padding-top: 50px; padding-bottom: 50px; } .py-60 { padding-top: 60px; padding-bottom: 60px; } .py-70 { padding-top: 70px; padding-bottom: 70px; } .py-80 { padding-top: 80px; padding-bottom: 80px; } .py-90 { padding-top: 90px; padding-bottom: 90px; } .py-100 { padding-top: 100px; padding-bottom: 100px; } .pt-30 { padding-top: 30px; } .pt-40 { padding-top: 40px; } .pt-50 { padding-top: 50px; } .pt-60 { padding-top: 60px; } .pt-70 { padding-top: 70px; } .pt-80 { padding-top: 80px; } .pt-90 { padding-top: 90px; } .pt-100 { padding-top: 100px; } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .pb-40 { padding-bottom: 40px; } .pb-50 { padding-bottom: 50px; } .pb-60 { padding-bottom: 60px; } .pb-70 { padding-bottom: 70px; } .pb-80 { padding-bottom: 80px; } .pb-90 { padding-bottom: 90px; } .pb-100 { padding-bottom: 100px; } .px-15 { padding-left: 15x; padding-right: 15px; } .px-20 { padding-left: 20px; padding-right: 20px; } .px-20 { padding-left: 25px; padding-right: 25px; } .px-30 { padding-left: 30px; padding-right: 30px; } .mt-0 { margin-top: 0 !important; } .mt-15 { margin-top: 15x; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mt-65 { margin-top: 65px; } .mt-70 { margin-top: 70px; } .mt-75 { margin-top: 75px; } .mt-80 { margin-top: 80px; } .mt-90 { margin-top: 90px; } .mt-100 { margin-top: 100px; } .mb-0 { margin-bottom: 0 !important; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .mb-65 { margin-bottom: 65px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; } .mb-90 { margin-bottom: 90px; } .mb-100 { margin-bottom: 100px; } /*------------------------------------------*/ /* BACKGROUND SETTINGS /*------------------------------------------*/ .bg--fixed, .bg--scroll { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bg--fixed { background-attachment: scroll !important; } .bg--scroll { background-attachment: fixed !important; } /*------------------------------------------*/ /* BACKGROUND COLORS /*------------------------------------------*/ .bg--aliceblue { background-color: var(--alice-blue); } .bg--black { background-color: var(--black); } .bg--blue { background-color: var(--blue); } .bg--coal { background-color: var(--coal); } .bg--indigo { background-color: var(--indigo); } .bg--lavender { background-color: var(--lavender); } .bg--lightblue { background-color: var(--light-blue); } .bg--lilac { background-color: var(--lilac); } .bg--magnolia { background-color: var(--magnolia); } .bg--noice { background-color: var(--noice); } .bg--orchid { background-color: var(--orchid); } .bg--pink { background-color: var(--pink); } .bg--purple { background-color: var(--purple); } .bg--red { background-color: var(--red); } .bg--skyblue { background-color: var(--sky-blue); } .bg--snow { background-color: var(--snow); } .bg--violet-red { background-color: var(--violet-red); } .bg--white { background-color: var(--white); } .bg--whitesmoke { background-color: var(--white-smoke); } .bg--cinzaclaro { background-color: var(--cinza-claro); } .bg--yellow { background-color: var(--yellow); } /*------------------------------------------*/ /* TRANSPARENT BACKGROUND COLORS /*------------------------------------------*/ .bg--tra-indigo { background-color: var(--tra-indigo); } .bg--tra-purple { background-color: var(--tra-purple); } .bg--tra-violet-red { background-color: var(--tra-violet-red); } /*------------------------------------------*/ /* GRADIENT COLOR BACKGROUND /*------------------------------------------*/ /*------------------------------------------*/ /* BACKGROUND SHAPE /*------------------------------------------*/ /*------------------------------------------*/ /* BACKGROUND IMAGE /*------------------------------------------*/ .bg--01, .bg--02, .bg--03, .bg--04, .bg--05, .bg--06, .bg--07, .bg--footer { background-repeat: no-repeat; background-position: center center; background-size: cover; } .bg--01 { background-image: url(../images/home-wateair-bg-01.jpg); background-image: image-set(url(../images/home-wateair-bg-01.webp) type("image/webp"), url(../images/home-wateair-bg-01.jpg) type("image/jpeg")); } .bg--02 { background-image: url(../images/home-wateair-bg-02.jpg); background-image: image-set(url(../images/home-wateair-bg-02.webp) type("image/webp"), url(../images/home-wateair-bg-02.jpg) type("image/jpeg")); } .bg--03 { background-image: url(../images/sobre-nos-wateair-bg-03.jpg); background-image: image-set(url(../images/sobre-nos-wateair-bg-03.webp) type("image/webp"), url(../images/sobre-nos-wateair-bg-03.jpg) type("image/jpeg")); } .bg--04 { background-image: url(../images/solucoes-wateair-bg-04.jpg); } .bg--05 { background-image: url(../images/bg-05.jpg); } .bg--06 { background-image: url(../images/bg-06.jpg); } .bg--07 { background-image: url(../images/bg-07.jpg); } .bg--footer { background-image: url(../images/footer-wateair-bg.jpg); background-image: image-set(url(../images/footer-wateair-bg.webp) type("image/webp"), url(../images/footer-wateair-bg.jpg) type("image/jpeg")); } /*------------------------------------------*/ /* BACKGROUND PATTERN /*------------------------------------------*/ /*------------------------------------------*/ /* SECTION DIVIDER /*------------------------------------------*/ hr.divider { width: 100%; height: 1px; background-color: transparent; background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #bbb 38%, #999 64%, rgba(206, 211, 246, 0) 99%); opacity: .4; border: none; margin: 0; } /*------------------------------------------*/ /* SECTION DIVIDER - VERTICAL - HUGO /*------------------------------------------*/ .section-title.divider-final { position: relative; } .section-title.divider-final::after { content: ""; position: absolute; right: 0; top: 65%; transform: translateY(-50%); width: 1px; height: 160px; /* ajuste fino */ background-color: #CDD3DC; } /*------------------------------------------*/ /* WAVE SHAPE BOTTOM /*------------------------------------------*/ /* ========================================================================== 02. TYPOGRAPHY =========================================================================== */ /*------------------------------------------*/ /* HEADERS /*------------------------------------------*/ h6, h5, h4, h3, h2, h1 { font-family: 'Plus Jakarta Sans', sans-serif; color: var(--header-color); font-weight: 700; letter-spacing: 0; margin-bottom: 0; } /*------------------------------------------*/ /* FONTES NOVAS - HUGO /*------------------------------------------*/ @font-face { font-family: 'Korbin'; src: url('../fonts/korbin-light.woff2') format('woff2'), url('../fonts/korbin-light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Korbin'; src: url('../fonts/korbin-medium.woff2') format('woff2'), url('../fonts/korbin-medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Korbin'; src: url('../fonts/korbin-bold.woff2') format('woff2'), url('../fonts/korbin-bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } .font-korbin { font-family: 'Korbin', sans-serif; } /*------------------------------------------*/ /* HEADER SIZE /*------------------------------------------*/ h6 { font-size: 1rem; } /* 16px */ /* 18px */ /* 20px */ /* 21px */ h5 { font-size: 1.375rem; } /* 22px */ /* 24px */ /* 26px */ /* 28px */ h4 { font-size: 1.875rem; } /* 30px */ /* 32px */ /* 34px */ /* 36px */ h3 { font-size: 2.375rem; } /* 38px */ /* 40px */ /* 42px */ /* 44px */ h2 { font-size: 2.875rem; } /* 46px */ /* 48px */ /* 50px */ /* 52px */ /* 54px */ /*------------------------------------------*/ /* PARAGRAPHS /*------------------------------------------*/ p.p-sm { font-size: 0.9375rem; } /* 15px */ p { font-size: 1rem; } /* 16px */ p.p-md { font-size: 1.0625rem; } /* 17px */ p.p-lg { font-size: 1.125rem; } /* 18px */ p.p-xl { font-size: 1.1875rem; } /* 19px */ /*------------------------------------------*/ /* LINK SETTINGS /*------------------------------------------*/ a { color: var(--header-color); text-decoration: none; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a:hover { color: var(--header-color); text-decoration: none; } a:focus { outline: none; text-decoration: none; } .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 0.75rem; line-height: 0.7rem !important; top: 1.5px; left: 1px; } /*------------------------------------------*/ /* LISTS /*------------------------------------------*/ ul { margin: 0; padding: 0; list-style: none; } /*------------------------------------------*/ /* TEXT LIST /*------------------------------------------*/ /*------------------------------------------*/ /* DIGIT LIST /*------------------------------------------*/ /*------------------------------------------*/ /* BUTTON SETTINGS /*------------------------------------------*/ .btn { font-size: 1rem; line-height: 1; font-weight: 600; background-color: transparent; padding: 0.9rem 1.8rem; border: 2px solid transparent; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .btn.btn-md { font-size: 1rem; padding: 0.9425rem 1.75rem; } .btn.btn-lx { font-size: 1.2rem; padding: 1.1rem 1.8rem; } .btn.ico-20.ico-left, .btn.ico-20.ico-right { padding: 0.9rem 1.55rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { font-size: 1.1rem; letter-spacing: -0.35px; padding: 0.9rem 1.35rem; } .btn.ico-30.ico-left, .btn.ico-30.ico-right { padding: 0.37rem 0; } /*------------------------------------------*/ /* Buttons Group /*------------------------------------------*/ .text-center .btns-group { display: inline-block; } .btns-group .btn:first-child { margin-right: 15px; } .btns-group .btn.ico-30.ico-left { padding: 0.37rem 0.5rem; } .btns-group .btn.ico-30.ico-right { padding: 0.37rem 0; } /*------------------------------------------*/ /* Button Icon /*------------------------------------------*/ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1rem; line-height: 0.7rem !important; top: 4px; } .btn.ico-25 [class*="flaticon-"]:before, .btn.ico-25 [class*="flaticon-"]:after { position: relative; font-size: 1.275rem; line-height: 1rem !important; top: 1px; } .btn.ico-25.ios-btn [class*="flaticon-"]:before, .btn.ico-25.ios-btn [class*="flaticon-"]:after { top: 0; } .ico-25-txt { position: relative; top: -3px; } .btn.ico-left span { margin-right: 5px; } .btn.ico-right span { margin-left: 5px; } .btn.ico-30.ico-left span { position: relative; top: 0; right: 4px; } .btn.ico-30.ico-right span { position: relative; top: 0; left: 4px; } .btn.ico-30.ico-left span.ico-30-txt, .btn.ico-30.ico-right span.ico-30-txt { position: relative; top: -10px; right: 0; } .btn.ico-30.ico-right span.ico-30-txt { left: 0; } /*------------------------------------------*/ /* Button Text /*------------------------------------------*/ p.btn-txt.ico-15, p.btns-group-txt.ico-15 { padding-left: 5px; } .text-center p.btn-txt.ico-15, .text-center p.btns-group-txt.ico-15 { padding-left: 0; } .hero-section .color--white p.btns-group-txt span.txt-data a:hover { color: var(--white) !important; } .btn-txt.ico-15 [class*="flaticon-"]:before, .btn-txt.ico-15 [class*="flaticon-"]:after, .btns-group-txt.ico-15 [class*="flaticon-"]:before, .btns-group-txt.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } .star-rating.ico-10 [class*="flaticon-"]:before, .star-rating.ico-10 [class*="flaticon-"]:after { position: relative; font-size: 0.9rem; top: 1px; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1rem; top: 3px; } .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 0.95rem; top: 1px; } .p-sm.btn-txt.ico-20 [class*="flaticon-"]:before, .p-sm.btn-txt.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 0.875rem; top: 1px; } /*------------------------------------------*/ /* TRANPARENT BUTTON /*------------------------------------------*/ .btn--transparent { color: var(--black) !important; background-color: transparent !important; border-color: transparent !important; } .btn--transparent.color--white { color: var(--white) !important; } .btn--transparent:hover { background-color: transparent !important; border-color: transparent !important; } /*------------------------------------------*/ /* WHITE BUTTON /*------------------------------------------*/ .btn--white, .hover--white:hover, .color--white .hover--white:hover { color: var(--black) !important; background-color: var(--white) !important; border-color: var(--white) !important; } .btn--tra-white, .hover--tra-white:hover, .color--white .hover--tra-white:hover { color: var(--white) !important; background-color: transparent !important; border-color: var(--white) !important; } .white-scroll .scroll .hover--tra-white:hover { color: var(--black) !important; background-color: transparent !important; border-color: var(--black) !important; } .white-scroll .scroll .hover--white:hover { color: var(--whte) !important; background-color: var(--black) !important; border-color: var(--black) !important; } /*------------------------------------------*/ /* BLACK BUTTON /*------------------------------------------*/ .btn--black, .hover--black:hover, .white-scroll .scroll .hover--black:hover { color: var(--white) !important; background-color: var(--black) !important; border-color: var(--black) !important; } .btn--tra-black, .hover--tra-black:hover { color: var(--black) !important; background-color: transparent !important; border-color: var(--black) !important; } /*------------------------------------------*/ /* TRA GRAY BUTTON /*------------------------------------------*/ .btn--tra-gray, .hover--tra-gray:hover { color: var(--black) !important; background-color: transparent !important; border-color: var(--silver) !important; } /*------------------------------------------*/ /* BLUE BUTTON /*------------------------------------------*/ .btn--blue, .hover--blue:hover, .color--white .hover--blue:hover, .white-scroll .scroll .hover--blue:hover { color: var(--white) !important; border-color: var(--blue) !important; background-color: var(--blue) !important; } .btn--tra-blue, .hover--tra-blue:hover, .color--white .btn--tra-blue { color: var(--blue) !important; background-color: transparent !important; border-color: var(--blue) !important; } /*------------------------------------------*/ /* GREEN BUTTON /*------------------------------------------*/ .btn--green, .hover--green:hover, .color--white .hover--green:hover, .white-scroll .scroll .hover--green:hover { color: var(--white) !important; border-color: var(--green) !important; background-color: var(--green) !important; } .btn--tra-green, .hover--tra-green:hover, .color--white .btn--tra-green { color: var(--green) !important; background-color: transparent !important; border-color: var(--green) !important; } /*------------------------------------------*/ /* INDIGO BUTTON /*------------------------------------------*/ .btn--indigo, .hover--indigo:hover, .color--white .hover--indigo:hover, .white-scroll .scroll .hover--indigo:hover { color: var(--white) !important; border-color: var(--indigo) !important; background-color: var(--indigo) !important; } .btn--tra-indigo, .hover--tra-indigo:hover, .color--white .btn--tra-indigo { color: var(--indigo) !important; background-color: transparent !important; border-color: var(--indigo) !important; } /*------------------------------------------*/ /* ORCHID BUTTON /*------------------------------------------*/ .btn--orchid, .hover--orchid:hover, .color--white .hover--orchid:hover, .white-scroll .scroll .hover--orchid:hover { color: var(--white) !important; border-color: var(--orchid) !important; background-color: var(--orchid) !important; } .btn--tra-orchid, .hover--tra-orchid:hover, .color--white .btn--tra-orchid { color: var(--orchid) !important; background-color: transparent !important; border-color: var(--orchid) !important; } /*------------------------------------------*/ /* PINK BUTTON /*------------------------------------------*/ .btn--pink, .hover--pink:hover, .color--white .hover--pink:hover, .white-scroll .scroll .hover--pink:hover { color: var(--white) !important; border-color: var(--pink) !important; background-color: var(--pink) !important; } .btn--tra-pink, .hover--tra-pink:hover, .color--white .btn--tra-pink { color: var(--pink) !important; background-color: transparent !important; border-color: var(--pink) !important; } /*------------------------------------------*/ /* PURPLE BUTTON /*------------------------------------------*/ .btn--purple, .hover--purple:hover, .color--white .hover--purple:hover, .white-scroll .scroll .hover--purple:hover { color: var(--white) !important; border-color: var(--purple) !important; background-color: var(--purple) !important; } .btn--tra-purple, .hover--tra-purple:hover, .color--white .btn--tra-purple { color: var(--purple) !important; background-color: transparent !important; border-color: var(--purple) !important; } /*------------------------------------------*/ /* RED BUTTON /*------------------------------------------*/ .btn--red, .hover--red:hover, .color--white .hover--red:hover, .white-scroll .scroll .hover--red:hover { color: var(--white) !important; border-color: var(--red) !important; background-color: var(--red) !important; } .btn--tra-red, .hover--tra-red:hover, .color--white .btn--tra-red { color: var(--red) !important; background-color: transparent !important; border-color: var(--red) !important; } /*------------------------------------------*/ /* SKY BLUE BUTTON /*------------------------------------------*/ .btn--skyblue, .hover--skyblue:hover, .color--white .hover--skyblue:hover, .white-scroll .scroll .hover--skyblue:hover { color: var(--white) !important; border-color: var(--sky-blue) !important; background-color: var(--sky-blue) !important; } .btn--tra-skyblue, .hover--tra-skyblue:hover, .color--white .btn--tra-skyblue { color: var(--sky-blue) !important; background-color: transparent !important; border-color: var(--sky-blue) !important; } /*------------------------------------------*/ /* VIOLET RED BUTTON /*------------------------------------------*/ .btn--violet-red, .hover--violet-red:hover, .color--white .hover--violet-red:hover, .white-scroll .scroll .hover--violet-red:hover { color: var(--white) !important; border-color: var(--violet-red) !important; background-color: var(--violet-red) !important; } .btn--tra-violet-red, .hover--tra-violet-red:hover, .color--white .btn--tra-violet-red { color: var(--violet-red) !important; background-color: transparent !important; border-color: var(--violet-red) !important; } /*------------------------------------------*/ /* YELLOW BUTTON /*------------------------------------------*/ .btn--yellow, .hover--yellow:hover, .color--white .hover--yellow:hover, .white-scroll .scroll .hover--yellow:hover { color: var(--black) !important; border-color: var(--yellow) !important; background-color: var(--yellow) !important; } /*------------------------------------------*/ /* BUTTON FOCUS /*------------------------------------------*/ .btn:focus, .btn.btn--black:focus { color: var(--white); -webkit-box-shadow: none; box-shadow: none; } .btn--transparent:focus { background-color: transparent; border-color: transparent; } .btn--tra-black:focus, .btn--transparent:focus, .btn.btn--tra-gray:focus { color: var(--black); -webkit-box-shadow: none; box-shadow: none; } /*------------------------------------------*/ /* STORE BADGE ICONS /*------------------------------------------*/ /*------------------------------------------*/ /* WATCH VIDEO LINK /*------------------------------------------*/ /*------------------------------------------*/ /* Link Icon /*------------------------------------------*/ /*------------------------------------------*/ /* Link Text /*------------------------------------------*/ /*------------------------------------------*/ /* VIDEO POPUP ICON /*------------------------------------------*/ /*------------------------------------------*/ /* VECTOR ICONS /*------------------------------------------*/ .ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; } /* 12px */ .ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; } /* 15px */ .ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; } /* 20px */ .ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; } /* 25px */ .ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; } /* 30px */ .ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; } /* 35px */ .ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; } /* 40px */ .ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; } /* 45px */ .ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; } /* 50px */ .ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; } /* 55px */ .ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ .ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* 65px */ .ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; } /* 70px */ .ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; } /* 75px */ .ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; } /* 80px */ .ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; } /* 85px */ .ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; } /* 90px */ .ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; } /* 95px */ .ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; } /* 100px */ .ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */ .ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; } /* 110px */ .ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */ .ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; } /* 120px */ .ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */ /*------------------------------------------*/ /* VECTOR ICON BACKGROUND /*------------------------------------------*/ .ico-55 .shape-ico svg { width: 125px; height: 125px; top: -42px; left: calc(50% - 66px); } .ico-60 .shape-ico svg { width: 140px; height: 140px; top: -48px; left: calc(50% - 75px); } .shape-ico.color--blue path { fill: #f4f9fc; } .shape-ico.color--indigo path { fill: #f6f4fd; } .shape-ico.color--orchid path { fill: rgba(218, 112, 214, .1); } .shape-ico.color--pink path { fill: rgba(252, 234, 239, .7); } .shape-ico.color--purple path { fill: #f6f4fd; } .shape-ico.color--skyblue path { fill: rgba(4, 170, 255, .09); } .shape-ico.color--violet-red path { fill: rgba(199, 62, 155, .08); } /*------------------------------------------*/ /* PNG ICONS SETTINGS /*------------------------------------------*/ /*------------------------------------------*/ /* IMAGE HOVER OVERLAY /*------------------------------------------*/ /*------------------------------------------*/ /* Overlay Background /*------------------------------------------*/ /*------------------------------------------*/ /* SECTION ID /*------------------------------------------*/ .section-id { display: block; font-size: 1rem; line-height: 1; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 32px; } /*------------------------------------------*/ /* SECTION TITLE /*------------------------------------------*/ .section-title p { margin-top: 22px; margin-bottom: 0; } .section-title .btns-group { margin-top: 35px; } /*------------------------------------------*/ /* ADVANTAGES LIST /*------------------------------------------*/ .advantages.ico-15 li p span { position: relative; top: 2px; right: -1px; } .advantages.ico-15 [class*="flaticon-"]:before, .advantages.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } /*------------------------------------------*/ /* COMPATABILITY /*------------------------------------------*/ .compatibility.ico-10 [class*="flaticon-"]:before, .compatibility.ico-10 [class*="flaticon-"]:after { font-size: 0.5rem; } /*------------------------------------------*/ /* TOOLS LIST / PAYMENT METHODS /*------------------------------------------*/ .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { line-height: 2.1875rem !important; margin-right: 6px; } /*------------------------------------------*/ /* Payment Icons /*------------------------------------------*/ /*------------------------------------------*/ /* QUOTE /*------------------------------------------*/ /*------------------------------------------*/ /* Quote Avatar /*------------------------------------------*/ /*------------------------------------------*/ /* Quote Author /*------------------------------------------*/ /*------------------------------------------*/ /* USER AVATARS /*------------------------------------------*/ /*------------------------------------------*/ /* TEXT COLORS /*------------------------------------------*/ .color--white, .color--white a, .color--white :is(h1, h2, h3, h4, h5, h6) { color: var(--white); } .color--black, .color--black a, .color--black :is(h1, h2, h3, h4, h5, h6) { color: var(--black); } .color--header, .color--header a, .color--header :is(h1, h2, h3, h4, h5, h6) { color: var(--header-color); } .color--gray, .color--gray a, .color--gray :is(h1, h2, h3, h4, h5, h6) { color: var(--gray); } .color--lightgray, .color--lightgray a, .color--lightgray :is(h1, h2, h3, h4, h5, h6) { color: var(--light-gray); } .color--blue, .color--blue a, .color--blue :is(h1, h2, h3, h4, h5, h6) { color: var(--blue); } .color--green, .color--green a, .color--green :is(h1, h2, h3, h4, h5, h6) { color: var(--green); } .color--indigo, .color--indigo a, .color--indigo :is(h1, h2, h3, h4, h5, h6) { color: var(--indigo); } .color--lilac, .color--lilac a, .color--lilac :is(h1, h2, h3, h4, h5, h6) { color: var(--lilac); } .color--orchid, .color--orchid a, .color--orchid :is(h1, h2, h3, h4, h5, h6) { color: var(--orchid); } .color--pink, .color--pink a, .color--pink :is(h1, h2, h3, h4, h5, h6) { color: var(--pink); } .color--purple, .color--purple a, .color--purple :is(h1, h2, h3, h4, h5, h6) { color: var(--purple); } .color--red, .color--red a, .color--red :is(h1, h2, h3, h4, h5, h6) { color: var(--red); } .color--skyblue, .color--skyblue a, .color--skyblue :is(h1, h2, h3, h4, h5, h6) { color: var(--sky-blue); } .color--violet-red, .color--violet-red a, .color--violet-red :is(h1, h2, h3, h4, h5, h6) { color: var(--violet-red); } .color--yellow, .color--yellow a, .color--yellow :is(h1, h2, h3, h4, h5, h6) { color: var(--yellow); } /*------------------------------------------*/ /* FONT WEIGHT /*------------------------------------------*/ .w-200 { font-weight: 200; } .w-400 { font-weight: 400; } /*------------------------------------------*/ /* TEXT HIGHLIGHT /*------------------------------------------*/ /* ========================================================================== 03. PRELOADER SPINNER ========================================================================== */ #loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: #f5f5f5; } #loader { display: block; position: relative; top: 50%; transform: translateY(-50%); } .cssload-spinner { position: absolute; width: 68px; height: 68px; left: 50%; margin-left: -34px; margin-top: -34px; } .cssload-spinner:after, .cssload-spinner:before { position: absolute; content: ""; border: 4px solid var(--blue); width: 64px; height: 64px; } .theme--blue .cssload-spinner:after, .theme--blue .cssload-spinner:before { border-color: var(--blue); } .theme--green .cssload-spinner:after, .theme--green .cssload-spinner:before { border-color: var(--green); } .theme--indigo .cssload-spinner:after, .theme--indigo .cssload-spinner:before { border-color: var(--indigo); } .theme--orchid .cssload-spinner:after, .theme--orchid .cssload-spinner:before { border-color: var(--orchid); } .theme--pink .cssload-spinner:after, .theme--pink .cssload-spinner:before { border-color: var(--pink); } .theme--purple .cssload-spinner:after, .theme--purple .cssload-spinner:before { border-color: var(--purple); } .theme--red .cssload-spinner:after, .theme--red .cssload-spinner:before { border-color: var(--purple); } .theme--skyblue .cssload-spinner:after, .theme--skyblue .cssload-spinner:before { border-color: var(--sky-blue); } .theme--violet-red .cssload-spinner:after, .theme--violet-red .cssload-spinner:before { border-color: var(--violet-red); } .cssload-spinner:after { animation: cssload-spinner1 2.5s linear infinite; -o-animation: cssload-spinner1 2.5s linear infinite; -ms-animation: cssload-spinner1 2.5s linear infinite; -webkit-animation: cssload-spinner1 2.5s linear infinite; -moz-animation: cssload-spinner1 2.5s linear infinite; } .cssload-spinner:before { width: 88px; height: 88px; margin-left: -13.5px; margin-top: -13.5px; animation: cssload-spinner2 2.5s linear infinite; -o-animation: cssload-spinner2 2.5s linear infinite; -ms-animation: cssload-spinner2 2.5s linear infinite; -webkit-animation: cssload-spinner2 2.5s linear infinite; -moz-animation: cssload-spinner2 2.5s linear infinite; } @keyframes cssload-spinner1 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-o-keyframes cssload-spinner1 { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @-ms-keyframes cssload-spinner1 { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-webkit-keyframes cssload-spinner1 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes cssload-spinner1 { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @keyframes cssload-spinner2 { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @-o-keyframes cssload-spinner2 { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(-360deg); } } @-ms-keyframes cssload-spinner2 { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(-360deg); } } @-webkit-keyframes cssload-spinner2 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); } } @-moz-keyframes cssload-spinner2 { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(-360deg); } } /* ========================================================================== 04. HEADER & NAVIGATION =========================================================================== */ #header { width: 100%; display: block; padding-top: 0px; } .header-wrapper { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } /*------------------------------------------*/ /* HEADER LOGO /*------------------------------------------*/ .desktoplogo img { width: auto; max-width: inherit; max-height: 80px; /* HUGO */ } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ .wsmainfull { width: 100%; height: auto; z-index: 1031; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; } .tra-menu .wsmainfull { padding: 20px 0; background-color: transparent !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .white-menu .wsmainfull { padding: 6px 0; background-color: var(--white) !important; -webkit-box-shadow: 0 2px 3px var(--tra-gray); -moz-box-shadow: 0 2px 3px var(--tra-gray); box-shadow: 0 2px 3px var(--tra-gray); } .dark-menu .wsmainfull { padding: 6px 0; background-color: var(--ink) !important; -webkit-box-shadow: 0 2px 3px var(--tra-ink); -moz-box-shadow: 0 2px 3px var(--tra-ink); box-shadow: 0 2px 3px var(--tra-ink); } .hidden-nav .wsmainfull { margin-top: -140px; -webkit-box-shadow: 0 2px 3px var(--tra-gray); -moz-box-shadow: 0 2px 3px var(--tra-gray); box-shadow: 0 2px 3px var(--tra-gray); -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } /*------------------------------------------*/ /* HEADER LINK /*------------------------------------------*/ .wsmenu>.wsmenu-list>li>a { font-family: 'Plus Jakarta Sans', sans-serif; display: block; font-size: 1rem; line-height: 70px; /*HUGO 60px*/ font-weight: 600; letter-spacing: 0; text-decoration: none; margin: 0 7px; padding: 10px 15px; } .navbar-dark .wsmenu>.wsmenu-list>li>a.h-link { color: var(--black); } .navbar-light .wsmenu>.wsmenu-list>li>a.h-link { color: var(--white); } .wsmenu>.wsmenu-list>li>a.h-link.last-link { padding: 10px 0px; margin: 0; } .wsmenu>.wsmenu-list>li>a .wsarrow:after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid; content: ""; float: right; right: 0; height: 0; margin: 0 0 0 14px; position: absolute; text-align: right; top: 35px; width: 0; } /*------------------------------------------*/ /* HEADER LINK INFO /*------------------------------------------*/ .nav-blue .sm-info { background-color: var(--blue); } .nav-green .sm-info { background-color: var(--green); } .nav-indigo .sm-info { background-color: var(--indigo); } .nav-orchid .sm-info { background-color: var(--orchid); } .nav-pink .sm-info { background-color: var(--pink); } .nav-purple .sm-info { background-color: var(--purple); } .nav-red .sm-info { background-color: var(--red); } .nav-skyblue .sm-info { background-color: var(--sky-blue); } .nav-violet-red .sm-info { background-color: var(--violet-red); } /*------------------------------------------*/ /* HEADER BUTTONS /*------------------------------------------*/ .wsmenu>.wsmenu-list>li a.btn { font-size: 1rem; line-height: 30px; font-weight: 600; text-transform: none; letter-spacing: 0; margin-top: 14px; padding: 6px 28px 8px; } .wsmenu>.wsmenu-list>li a.btn.reg-btn { padding: 4px 22px; } .wsmenu>.wsmenu-list>li.reg-fst-link>a, .wsmenu>.wsmenu-list>li a.btn.fst-btn-link { margin-left: 25px; } .wsmenu>.wsmenu-list>li a.store.header-store { line-height: 1; margin-top: 13px; margin-left: 10px; margin-bottom: 0; padding: 0; } /*------------------------------------------*/ /* LANGUAGE SELECT /*------------------------------------------*/ .wsmenu>.wsmenu-list>li.lang { margin-right: 12px; } .wsmenu>.wsmenu-list>li.lang>ul.sub-menu { width: auto; min-width: 115px !important; padding: 8px 5px; } .wsmenu>.wsmenu-list>li.lang>ul.sub-menu>li>a { font-size: 0.875rem; padding: 8px 11px; } .wsmenu>.wsmenu-list>li.lang>ul.sub-menu>li>a:hover { padding: 8px 11px; } /*------------------------------------------*/ /* HEADER STORE BADGES /*------------------------------------------*/ /*------------------------------------------*/ /* HEADER SOCIAL LINKS /*------------------------------------------*/ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-20 [class*="flaticon-"]:after { line-height: 70px !important; } /*------------------------------------------*/ /* HEADER SUBMENU /*------------------------------------------*/ .wsmenu>.wsmenu-list>li>ul.sub-menu { width: auto; min-width: 200px; top: 62px; padding: 12px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-box-shadow: 0 2px 3px var(--tra-gray); -moz-box-shadow: 0 2px 3px var(--tra-gray); box-shadow: 0 2px 3px var(--tra-gray); } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a { background-color: var(--tra-white-smoke); font-family: 'Plus Jakarta Sans', sans-serif; color: var(--black); font-size: 1rem; font-weight: 600; padding: 11px 14px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; transition: all 0.3s ease-in-out; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover { background-color: var(--white-smoke); padding: 11px 14px; } /*------------------------------------------*/ /* HEADER SUBMENU SUBMENU /*------------------------------------------*/ .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu { min-width: 210px; position: absolute; left: 102%; top: 0; margin: 0; padding: 10px; border: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 2px 3px var(--tra-gray); -moz-box-shadow: 0 2px 3px var(--tra-gray); box-shadow: 0 2px 3px var(--tra-gray); } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li { border-bottom: none; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a { background-color: var(--tra-white-smoke); font-family: 'Plus Jakarta Sans', sans-serif; color: var(--black); font-size: 1rem; font-weight: 600; padding: 11px 14px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; transition: all 0.3s ease-in-out; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: var(--white-smoke); padding: 11px 14px; } .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a span { position: absolute; top: 12px; right: 12px; } .sub-menu.ico-10 [class*="flaticon-"]:before, .sub-menu.ico-10 [class*="flaticon-"]:after { font-size: 0.7rem; } /*------------------------------------------*/ /* HALFMENU /*------------------------------------------*/ .wsmenu>.wsmenu-list>li>.wsmegamenu { top: 62px; } .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu { width: 33%; padding: 12px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-box-shadow: 0 2px 3px var(--tra-gray); -moz-box-shadow: 0 2px 3px var(--tra-gray); box-shadow: 0 2px 3px var(--tra-gray); } .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li { border-bottom: none; } .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a, .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a { font-family: 'Plus Jakarta Sans', sans-serif; background-color: var(--tra-white-smoke); color: var(--black); font-size: 1rem; font-weight: 600; padding: 11px 14px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; transition: all 0.3s ease-in-out; } .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover { background-color: var(--white-smoke); padding: 11px 14px; } /*------------------------------------------*/ /* MEGAMENU /*------------------------------------------*/ .wsmenu>.wsmenu-list>li>.wsmegamenu { padding: 12px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-box-shadow: 0 2px 3px var(--tra-gray); -moz-box-shadow: 0 2px 3px var(--tra-gray); box-shadow: 0 2px 3px var(--tra-gray); } .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 { width: 74% !important; left: 25%; padding: 20px 10px; } .wsmegamenu.w-75 .col-lg-3 { padding: 0 6px; } /*------------------------------------------*/ /* SUBMENU TITLE /*------------------------------------------*/ .wsmenu>.wsmenu-list>li>.wsmegamenu .title, .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu .title { color: var(--light-gray); font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.875rem; line-height: 1; font-weight: 600; text-transform: uppercase; letter-spacing: 0; margin: 10px 0 15px 13px; } /*------------------------------------------*/ /* DARK HEADER SUBMENU / MEGAMENU /*------------------------------------------*/ .dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu, .dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu, .dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu, .black-scroll .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu, .black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu, .black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu { background-color: var(--metal) !important; border: solid 1px var(--metal) !important; -webkit-box-shadow: 0 2px 3px var(--tra-ink); -moz-box-shadow: 0 2px 3px var(--tra-ink); box-shadow: 0 2px 3px var(--tra-ink); } .dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a, .dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a, .dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a, .black-scroll .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a, .black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a, .black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a { color: #ddd; background-color: rgba(255, 255, 255, 0) !important; } .dark-menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover, .dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .dark-menu .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover, .black-scroll .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover, .black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .black-scroll .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover { background-color: rgba(255, 255, 255, .05) !important; } /*------------------------------------------*/ /* NAVBAR HOVER /*------------------------------------------*/ .navbar-light .wsmenu-list>li>a.h-link:hover { color: var(--smoke); } .navbar-dark .wsmenu-list>li>a.h-link:hover { color: var(--ink); } .wsmenu>.wsmenu-list.nav-blue>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-blue>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-blue>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.nav-blue>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover { color: var(--blue); } .wsmenu>.wsmenu-list.nav-green>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-green>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-green>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.nav-green>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover { color: var(--green); } .wsmenu>.wsmenu-list.nav-indigo>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-indigo>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-indigo>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.nav-indigo>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover { color: var(--indigo); } .wsmenu>.wsmenu-list.nav-orchid>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-orchid>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-orchid>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.nav-orchid>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover { color: var(--orchid); } .wsmenu>.wsmenu-list.nav-pink>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-pink>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-pink>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.nav-pink>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover { color: var(--pink); } .wsmenu>.wsmenu-list.nav-purple>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-purple>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-purple>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.nav-purple>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover { color: var(--purple); } .wsmenu>.wsmenu-list.nav-red>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-red>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-red>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.nav-red>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover { color: var(--red); } .wsmenu>.wsmenu-list.nav-skyblue>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-skyblue>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-skyblue>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.nav-skyblue>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover { color: var(--sky-blue); } .wsmenu>.wsmenu-list.nav-violet-red>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-violet-red>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-violet-red>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.nav-violet-red>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover { color: var(--violet-red); } /*------------------------------------------*/ /* HIDDEN NAVBAR SCROLL /*------------------------------------------*/ .hidden-nav .wsmainfull.scroll { margin-top: 0; } /*------------------------------------------*/ /* NAVBAR WHITE SCROLL /*------------------------------------------*/ .tra-menu.white-scroll .wsmainfull.scroll, .white-menu.white-scroll .wsmainfull.scroll, .tra-menu.border-header.white-scroll .wsmainfull.scroll { padding: 0; border: none; background-color: rgba(255, 255, 255, .7) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); -webkit-box-shadow: 0 2px 3px var(--tra-gray); -moz-box-shadow: 0 2px 3px var(--tra-gray); box-shadow: 0 2px 3px var(--tra-gray); } .tra-menu.navbar-dark.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link, .tra-menu.navbar-light.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link { color: var(--black); } .navbar-light.white-scroll .scroll .wsmenu-list>li>a.h-link:hover { color: var(--ink) !important; } /*------------------------------------------*/ /* NAVBAR BLACK SCROLL /*------------------------------------------*/ .tra-menu.black-scroll .wsmainfull.scroll, .dark-menu.black-scroll .wsmainfull.scroll { padding: 0; background-color: var(--ink) !important; -webkit-box-shadow: 0 2px 3px var(--tra-ink); -moz-box-shadow: 0 2px 3px var(--tra-ink); box-shadow: 0 2px 3px var(--tra-ink); } .tra-menu.navbar-dark.black-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link { color: var(--white); } .tra-menu.navbar-dark.black-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link:hover { color: var(--silver) !important; } /*------------------------------------------*/ /* WHITE SCROLL BUTTONS /*------------------------------------------*/ .white-scroll .scroll .btn--tra-white { color: var(--black) !important; border-color: var(--black) !important; } /*------------------------------------------*/ /* BLACK SCROLL BUTTONS /*------------------------------------------*/ .black-scroll .scroll .btn--tra-black { color: var(--white) !important; border-color: var(--white) !important; } /*------------------------------------------*/ /* LOGO IMAGE /*------------------------------------------*/ .logo-white, .logo-black { display: block; } .navbar-light .logo-black, .tra-menu.navbar-light .scroll .logo-white { display: none; } .tra-menu.navbar-light .scroll .logo-black { display: block; } /* ========================================================================== 05. HERO ========================================================================== */ .hero-section .container { position: relative; z-index: 3; } /*------------------------------------------*/ /* HERO DIGITS /*------------------------------------------*/ .hero-digits .block-txt p.p-sm { margin-bottom: 0; } /*------------------------------------------*/ /* HERO-1 /*------------------------------------------*/ .hero-1-txt p.p-lg { margin-top: 25px; margin-bottom: 35px; } /*------------------------------------------*/ /* HERO-2 /*------------------------------------------*/ .hero-2-txt p.p-xl { padding: 0 8%; margin-top: 22px; margin-bottom: 30px; } /*------------------------------------------*/ /* HERO-3 /*------------------------------------------*/ .theme--dark #hero-3 { background-image: url(../images/hero-3d.jpg); } .hero-3-txt p.p-xl { font-size: 1.25rem; margin-top: 20px; margin-bottom: 32px; } /*------------------------------------------*/ /* HERO-4 /*------------------------------------------*/ .theme--dark #hero-4 { background-image: url(../images/hero-4d.jpg); } .hero-4-txt p.p-xl { padding: 0 2%; margin-top: 30px; margin-bottom: 30px; } /*------------------------------------------*/ /* HERO-5 /*------------------------------------------*/ .theme--dark #hero-5 .wave-shape-bottom path { fill: var(--dark-theme-bg); } .hero-5-txt p.p-xl { padding-right: 2%; margin-top: 25px; margin-bottom: 35px; } /*------------------------------------------*/ /* HERO-6 /*------------------------------------------*/ .theme--dark #hero-6 { background-image: url(../images/bg-dark.jpg); } .theme--dark #hero-6:after { background-color: var(--dark-theme-bg); } .hero-6-txt p.p-lg { padding: 0 4%; margin-top: 25px; margin-bottom: 30px; } /*------------------------------------------*/ /* HERO-7 /*------------------------------------------*/ .theme--dark #hero-7 .wave-shape-bottom path { fill: var(--dark-theme-bg); } /*------------------------------------------*/ /* HERO-8 /*------------------------------------------*/ .theme--dark #hero-8 .wave-shape-bottom path { fill: var(--dark-theme-bg); } .hero-8-txt p.p-lg { margin-top: 25px; margin-bottom: 35px; } /*------------------------------------------*/ /* HERO-9 /*------------------------------------------*/ .theme--dark #hero-9 { background-image: url(../images/hero-9d.jpg); } .hero-9-txt p.p-lg { margin-top: 25px; margin-bottom: 35px; } /*------------------------------------------*/ /* HERO-10 /*------------------------------------------*/ .theme--dark #hero-10 { background-image: url(../images/hero-10d.jpg); } .hero-10-txt p.p-lg { padding: 0 2%; margin-top: 25px; margin-bottom: 35px; } /*------------------------------------------*/ /* HERO-11 /*------------------------------------------*/ .theme--dark #hero-11 { background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%); } .hero-11-txt p.p-lg { margin-top: 25px; margin-bottom: 30px; } /*------------------------------------------*/ /* HERO-12 /*------------------------------------------*/ .theme--dark #hero-12 { background-image: url(../images/hero-12d.jpg); } .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { margin-top: 24px; margin-bottom: 28px; padding: 0 5%; } /*------------------------------------------*/ /* HERO-13 /*------------------------------------------*/ .theme--dark #hero-13 .wave-shape-bottom path { fill: var(--dark-theme-bg); } .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { margin-top: 25px; margin-bottom: 30px; } /*------------------------------------------*/ /* HERO-14 /*------------------------------------------*/ .hero-14-txt p.p-xl { padding: 0 3%; margin-top: 30px; margin-bottom: 30px; } /*------------------------------------------*/ /* HERO-15 /*------------------------------------------*/ .hero-15-txt p.p-lg { padding-right: 2%; margin-top: 25px; margin-bottom: 25px; } /*------------------------------------------*/ /* HERO-16 /*------------------------------------------*/ .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 24px; margin-bottom: 28px; padding: 0 5%; } /*------------------------------------------*/ /* HERO-17 - HUGO /*------------------------------------------*/ #hero-17 { background-image: var(--hero-bg); padding-top: 250px; /* HUGO 80px*/ background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 100dvh; } #hero-17.tecnologia-bg { --hero-bg: url('../images/home-wateair-banner.jpg'); --hero-bg: image-set(url('../images/home-wateair-banner.webp') type("image/webp"), url('../images/home-wateair-banner.jpg') type("image/jpeg")); } #hero-17.tecnologia-bg-en { --hero-bg: url('../images/home-wateair-banner-en.jpg'); --hero-bg: image-set(url('../images/home-wateair-banner-en.webp') type("image/webp"), url('../images/home-wateair-banner-en.jpg') type("image/jpeg")); } #hero-17.tecnologia-bg-es { --hero-bg: url('../images/home-wateair-banner-es.jpg'); --hero-bg: image-set(url('../images/home-wateair-banner-es.webp') type("image/webp"), url('../images/home-wateair-banner-es.jpg') type("image/jpeg")); } #hero-17.sobrenos-bg { --hero-bg: url('../images/sobre-nos-wateair-banner.jpg'); --hero-bg: image-set(url('../images/sobre-nos-wateair-banner.webp') type("image/webp"), url('../images/sobre-nos-wateair-banner.jpg') type("image/jpeg")); } #hero-17.solucoes-bg { --hero-bg: url('../images/solucoes-wateair-banner.jpg'); --hero-bg: image-set(url('../images/solucoes-wateair-banner.webp') type("image/webp"), url('../images/solucoes-wateair-banner.jpg') type("image/jpeg")); } #hero-17.contato-bg { --hero-bg: url('../images/contato-wateair-banner.jpg'); --hero-bg: image-set(url('../images/contato-wateair-banner.webp') type("image/webp"), url('../images/contato-wateair-banner.jpg') type("image/jpeg")); } .theme--dark #hero-17 { background-image: url(../images/hero-17d.jpg); } .hero-17-txt h1, .hero-17-txt h2 { font-size: 4rem; letter-spacing: -0.5px; } .hero-17-txt p.p-md { margin-top: 20px; margin-bottom: 30px; } /*------------------------------------------*/ /* HERO-18 /*------------------------------------------*/ .theme--dark #hero-18 { background-image: url(../images/hero-18d.jpg); } .hero-18-txt p.p-xl { padding: 0 5%; margin-top: 35px; margin-bottom: 35px; } /*------------------------------------------*/ /* HERO QUICK FORM /*------------------------------------------*/ /*------------------------------------------*/ /* Hero Quick Form Input /*------------------------------------------*/ /*------------------------------------------*/ /* Hero Quick Form Placeholder /*------------------------------------------*/ /*------------------------------------------*/ /* Hero Quick Form Focus /*------------------------------------------*/ /*------------------------------------------*/ /* Hero Quick Form Button /*------------------------------------------*/ /*------------------------------------------*/ /* Hero Quick Form Message /*------------------------------------------*/ /* ========================================================================== 06. ABOUT ========================================================================== */ .theme--dark .about-1 { background-image: url(../images/about-1d.jpg); } /*------------------------------------------*/ /* ABOUT TYPOGRAPHY /*------------------------------------------*/ /*------------------------------------------*/ /* ABOUT IMAGE /*------------------------------------------*/ /* ========================================================================== 07. CAREERS ========================================================================== */ /*------------------------------------------*/ /* OPEN ROLE DESCRIPTION /*------------------------------------------*/ .position-data.ico-15 [class*="flaticon-"]:before, .position-data.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } /*------------------------------------------*/ /* OPEN ROLE LINK /*------------------------------------------*/ .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.35rem; } /*------------------------------------------*/ /* MORE CAREERS BUTTON /*------------------------------------------*/ /* ========================================================================== 08. JOB POSITION =========================================================================== */ /*------------------------------------------*/ /* JOB POSITION TYPOGRAPHY /*------------------------------------------*/ /* ========================================================================== 09. FEATURES ========================================================================== */ .features-2 .section-title p.p-xl { font-size: 1.25rem; margin-top: 0; } /*------------------------------------------*/ /* FEATURE BOX /*------------------------------------------*/ .fbox-3.bg--white { border: 1px solid transparent; padding: 40px 20px 30px; } .ico-title .fbox-4.fb-5, .ico-title .fbox-4.fb-6 { padding: 45px 50px 35px; } .ico-title .fbox-4.fb-7, .ico-title .fbox-4.fb-8 { padding: 45px 50px 0; } /*------------------------------------------*/ /* FEATURE BOX VECTOR ICON /*------------------------------------------*/ .fbox-ico.ico-rounded { margin-bottom: 15px; } .fbox-1 .fbox-ico.ico-60 { margin-bottom: 20px; } .fbox-ico.ico-rounded-md, .fbox-ico.ico-rounded-lg { margin-bottom: 20px; } /*------------------------------------------*/ /* FEATURE BOX IMAGE /*------------------------------------------*/ /*------------------------------------------*/ /* FBOX-4 IMAGE /*------------------------------------------*/ /*------------------------------------------*/ /* FBOX-5 IMAGE /*------------------------------------------*/ /*------------------------------------------*/ /* FBOX-7 IMAGE /*------------------------------------------*/ /*------------------------------------------*/ /* FBOX-2 /*------------------------------------------*/ .fbox-2 { display: flex; position: relative; flex-flow: row wrap; align-items: stretch !important; justify-content: flex-start; } .fbox-ico-wrap { position: relative; margin-right: 30px; } /*------------------------------------------*/ /* FBOX TYPOGRAPHY /*------------------------------------------*/ .fbox-2 h5, .fbox-wrapper .row-cols-md-2 h6, .fbox-wrapper .row-cols-md-3 h6 { margin-bottom: 12px; } .fbox-4 p.mb-0 { margin-bottom: 0; } /*------------------------------------------*/ /* FEATURES DOWNLOAD BUTTON /*------------------------------------------*/ .features-2-download p.p-sm { font-size: 0.9rem; margin-top: 20px; margin-bottom: 0; } /* ========================================================================== 10. CONTENT ========================================================================== */ .ct-06 .section-overlay { margin-bottom: 100px; } .ct-05 .section-overlay { margin-bottom: 50px; } /*------------------------------------------*/ /* CONTENT BOX WRAPPER /*------------------------------------------*/ .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 60px; } .bc-02.pt-30.bc-02-top { margin-top: 70px; } /*------------------------------------------*/ /* TEXT BLOCK /*------------------------------------------*/ /*------------------------------------------*/ /* CONTENT BOX /*------------------------------------------*/ /*------------------------------------------*/ /* CONTENT BOX ICON /*------------------------------------------*/ .cbox-1 .ico-wrap { position: relative; margin-right: 1.625rem; } .cbox-1:hover .cbox-1-ico.bg--black { color: var(--black); border-color: var(--black); } .cbox-1:hover .cbox-1-ico.bg--blue { color: var(--blue); border-color: var(--blue); } .cbox-1:hover .cbox-1-ico.bg--green { color: var(--green); border-color: var(--green); } .cbox-1:hover .cbox-1-ico.bg--indigo { color: var(--indigo); border-color: var(--indigo); } .cbox-1:hover .cbox-1-ico.bg--orchid { color: var(--orchid); border-color: var(--orchid); } .cbox-1:hover .cbox-1-ico.bg--pink { color: var(--pink); border-color: var(--pink); } .cbox-1:hover .cbox-1-ico.bg--purple { color: var(--purple); border-color: var(--purple); } .cbox-1:hover .cbox-1-ico.bg--red { color: var(--red); border-color: var(--red); } .cbox-1:hover .cbox-1-ico.bg--skyblue { color: var(--sky-blue); border-color: var(--sky-blue); } .cbox-1:hover .cbox-1-ico.bg--violet-red { color: var(--violet-red); border-color: var(--violet-red); } /*------------------------------------------*/ /* CBOX #2 /*------------------------------------------*/ .cbox-2 .ico-wrap { position: relative; text-align: center; margin-top: 0; margin-right: 1.25rem; } /*------------------------------------------*/ /* CBOX #5 /*------------------------------------------*/ /*------------------------------------------*/ /* CBOX #6 /*------------------------------------------*/ /*------------------------------------------*/ /* CBOX #6 TITLE /*------------------------------------------*/ .cbox-6-title p.p-md { line-height: 1; } .cbox-6-title p.p-md.ico-10 { margin-top: 15px; } .cbox-6-title p.p-md.ico-10 span { font-weight: 600; } /*------------------------------------------*/ /* CBOX #6 TEXT /*------------------------------------------*/ /*------------------------------------------*/ /* CBOX #6 DATA /*------------------------------------------*/ /*------------------------------------------*/ /* CBOX #6 SHAPE /*------------------------------------------*/ /*------------------------------------------*/ /* CBOX #7 /*------------------------------------------*/ .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; } /*------------------------------------------*/ /* CONTENT BOX TEXT /*------------------------------------------*/ /*------------------------------------------*/ /* CONTENT BOX TITLE /*------------------------------------------*/ /*------------------------------------------*/ /* CONTENT BOX TYPOGRAPHY /*------------------------------------------*/ /*------------------------------------------*/ /* TEXT BLOCK TYPOGRAPHY /*------------------------------------------*/ .txt-block h3, .txt-block h2 { margin-bottom: 25px; } .txt-block h5 { margin-bottom: 20px; } .txt-block .btn { margin-top: 30px; } .txt-block .btn.btn--transparent { margin-top: 0; } /*------------------------------------------*/ /* ACCORDION /*------------------------------------------*/ /*------------------------------------------*/ /* TEXT BLOCK TABS /*------------------------------------------*/ /*------------------------------------------*/ /* TAB LINK HOVER /*------------------------------------------*/ /*------------------------------------------*/ /* TAB LINK CURRENT /*------------------------------------------*/ /*------------------------------------------*/ /* IMG BLOCK IMAGE /*------------------------------------------*/ .img-block { text-align: center; } .ct-02 .img-block.right-column { margin-left: 25px; } .ct-02 .img-block.left-column { margin-right: 25px; } .ct-03 .img-block img { max-width: none; display: inline-block; margin-left: 30px; } .ct-06 .img-block { margin-bottom: -100px; } /* ========================================================================== 11. STATISTIC =========================================================================== */ /*------------------------------------------*/ /* STATISTIC BLOCK ICON /*------------------------------------------*/ /*------------------------------------------*/ /* STATISTIC BLOCK NUMBER /*------------------------------------------*/ /*------------------------------------------*/ /* STATISTIC BLOCK TYPOGRAPHY /*------------------------------------------*/ /* ========================================================================== 12. RATING =========================================================================== */ /*------------------------------------------*/ /* RATING BOX LOGO /*------------------------------------------*/ /*------------------------------------------*/ /* RATING BOX TYPOGRAPHY /*------------------------------------------*/ .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 0.9rem; } /* ========================================================================== 13. TESTIMONIALS =========================================================================== */ /*------------------------------------------*/ /* TESTIMONIAL /*------------------------------------------*/ /*------------------------------------------*/ /* TESTIMONIAL ICON /*------------------------------------------*/ .review-ico.ico-45 { position: absolute; top: 15px; right: 25px; opacity: .12; } .review-ico.ico-60 { position: absolute; top: 15px; left: 25px; opacity: .12; } /*------------------------------------------*/ /* TESTIMONIAL TEXT /*------------------------------------------*/ .review-4-txt p.mb-0 { margin-bottom: 0; } /*------------------------------------------*/ /* TESTIMONIAL RATING /*------------------------------------------*/ .review-rating.ico-10 { margin-bottom: 5px; } .review-author .review-rating.ico-10 { margin-bottom: 2px; } .review-rating.ico-15 { margin-bottom: 8px; } .review-rating.ico-15.mb-15 { margin-bottom: 12px; } .review-rating.ico-10 [class*="flaticon-"]:before, .review-rating.ico-10 [class*="flaticon-"]:after { font-size: 0.935rem; } .review-rating.ico-15 [class*="flaticon-"]:before, .review-rating.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } /*------------------------------------------*/ /* TESTIMONIAL DATA /*------------------------------------------*/ .author-data.mt-25 { margin-top: 25px; } .author-data.mb-15 { margin-top: 0; margin-bottom: 12px; } /*------------------------------------------*/ /* TESTIMONIAL AVATAR /*------------------------------------------*/ /*------------------------------------------*/ /* TESTIMONIAL AUTHOR /*------------------------------------------*/ .review-author.mt-15 { margin-top: 16px; } .review-author.mt-15 h6 { margin-bottom: 0; } /*------------------------------------------*/ /* TESTIMONIAL BUTTON /*------------------------------------------*/ /*------------------------------------------*/ /* TESTIMONIAL CAROUSEL DOTS /*------------------------------------------*/ /* ========================================================================== 14. TEAM =========================================================================== */ /*------------------------------------------*/ /* TEAM MEMBER PHOTO /*------------------------------------------*/ /*------------------------------------------*/ /* PHOTO HOVER ZOOM /*------------------------------------------*/ /*------------------------------------------*/ /* TEAM MEMBER TYPOGRAPHY /*------------------------------------------*/ /* ========================================================================== 15. PRICING =========================================================================== */ .p-table { border: 1.5px solid transparent; margin-bottom: 40px; } .p-table.theme--border { border: 3px solid var(--theme-color); } .p-table.gray--border { border: 3px solid var(--tra-black); } .p-table.blue--border { border: 3px solid var(--blue); } .p-table.green--border { border: 3px solid var(--green); } .p-table.indigo--border { border: 3px solid var(--indigo); } .p-table.orchid--border { border: 3px solid var(--orchid); } .p-table.pink--border { border: 3px solid var(--pink); } .p-table.purple--border { border: 3px solid var(--purple); } .p-table.red--border { border: 3px solid var(--red); } .p-table.skyblue--border { border: 3px solid var(--sky-blue); } .p-table.violet-red--border { border: 3px solid var(--violet-red); } .pricing-2-table.bg--white, .pricing-3-table.bg--white { border: 1px solid #ddd; -webkit-box-shadow: 4px 8px 20px 0 rgba(20, 20, 20, .05); -moz-box-shadow: 4px 8px 20px 0 rgba(20, 20, 20, .05); box-shadow: 4px 8px 20px 0 rgba(20, 20, 20, .05); } #pt-3-1 { margin: 0 10px 40px 50px; } #pt-3-2 { margin: 0 50px 40px 10px; } /*------------------------------------------*/ /* TABLE HEADER /*------------------------------------------*/ /*------------------------------------------*/ /* PRICING TABLE DISCOUNT /*------------------------------------------*/ /*------------------------------------------*/ /* PRICE /*------------------------------------------*/ /*------------------------------------------*/ /* DOLLAR SIGN /*------------------------------------------*/ /*------------------------------------------*/ /* Validity /*------------------------------------------*/ /*------------------------------------------*/ /* Text /*------------------------------------------*/ /*------------------------------------------*/ /* PRICING FEATURES /*------------------------------------------*/ .pricing-features.ico-10 li p span { top: 0; right: 4px; } .pricing-features.ico--blue span { color: var(--blue); } .pricing-features.ico--green span { color: var(--green); } .pricing-features.ico--indigo span { color: var(--indigo); } .pricing-features.ico--orchid span { color: var(--orchid); } .pricing-features.ico--pink span { color: var(--pink); } .pricing-features.ico--purple span { color: var(--purple); } .pricing-features.ico--red span { color: var(--red); } .pricing-features.ico--skyblue span { color: var(--sky-blue); } .pricing-features.ico--violet-red span { color: var(--violet-red); } .pricing-features.ico-5 [class*="flaticon-"]:before, .pricing-features.ico-5 [class*="flaticon-"]:after { font-size: 0.5rem; } /*------------------------------------------*/ /* PRICING TABLE BUTTON /*------------------------------------------*/ .pt-btn { display: block; width: 100%; margin-top: 25px; } .p-table p.btn-txt { margin: 14px 0 0 0; } /*------------------------------------------*/ /* PRICING TOGGLE BUTTON /*------------------------------------------*/ /*------------------------------------------*/ /* TOGGLE BUTTON TYPOGRAPHY /*------------------------------------------*/ /*------------------------------------------*/ /* TOGGLE BUTTON SWITCHER /*------------------------------------------*/ .theme--blue .switcher { background-color: var(--blue); } .theme--green .switcher { background-color: var(--green); } .theme--indigo .switcher { background-color: var(--indigo); } .theme--orchid .switcher { background-color: var(--orchid); } .theme--pink .switcher { background-color: var(--pink); } .theme--purple .switcher { background-color: var(--purple); } .theme--red .switcher { background-color: var(--red); } .theme--skyblue .switcher { background-color: var(--sky-blue); } .theme--violet-red .switcher { background-color: var(--violet-red); } /*------------------------------------------*/ /* PRICING NOTICE TEXT /*------------------------------------------*/ /*------------------------------------------*/ /* COMPARE PRICING TABLE /*------------------------------------------*/ .table>:not(caption)>*>* { padding: 17px 0; border: none !important; background-color: transparent !important; } .table>:not(caption)>*>* { color: var(--header-color); } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } .comp-table .color--blue { color: var(--blue); } .comp-table .color--green { color: var(--green); } .comp-table .color--indigo { color: var(--indigo); } .comp-table .color--orchid { color: var(--orchid); } .comp-table .color--purple { color: var(--purple); } .comp-table .color--red { color: var(--red); } .comp-table .color--sky { color: var(--sky); } .comp-table .color--skyblue { color: var(--sky-blue); } .comp-table .color--violet-red { color: var(--violet-red); } /*------------------------------------------*/ /* PRICING COMPARE PAYMENT /*------------------------------------------*/ /* ========================================================================== 16. INTEGRATIONS =========================================================================== */ /*------------------------------------------*/ /* FILTER BUTTONS /*------------------------------------------*/ /*------------------------------------------*/ /* Filter Button Active /*------------------------------------------*/ .theme--blue .filter-btns button.is-checked { color: var(--blue); border-color: var(--blue); } .theme--green .filter-btns button.is-checked { color: var(--green); border-color: var(--green); } .theme--indigo .filter-btns button.is-checked { color: var(--indigo); border-color: var(--indigo); } .theme--orchid .filter-btns button.is-checked { color: var(--orchid); border-color: var(--orchid); } .theme--pink .filter-btns button.is-checked { color: var(--pink); border-color: var(--pink); } .theme--purple .filter-btns button.is-checked { color: var(--purple); border-color: var(--purple); } .theme--red .filter-btns button.is-checked { color: var(--red); border-color: var(--red); } .theme--skyblue .filter-btns button.is-checked { color: var(--sky-blue); border-color: var(--sky-blue); } .theme--violet-red .filter-btns button.is-checked { color: var(--violet-red); border-color: var(--violet-red); } /*------------------------------------------*/ /* FILTER ITEM /*------------------------------------------*/ /*------------------------------------------*/ /* INTEGRATION TOOL /*------------------------------------------*/ /*------------------------------------------*/ /* INTEGRATION TOOL LOGO /*------------------------------------------*/ /*------------------------------------------*/ /* INTEGRATION TOOL TEXT /*------------------------------------------*/ /*------------------------------------------*/ /* INTEGRATION TOOL TYPOGRAPHY /*------------------------------------------*/ /*------------------------------------------*/ /* INTEGRATION TOOL HOVER /*------------------------------------------*/ /*------------------------------------------*/ /* INTEGRATION MORE BUTTON /*------------------------------------------*/ /* ========================================================================== 17. MORE APPS =========================================================================== */ /*------------------------------------------*/ /* MORE APPS TYPOGRAPHY /*------------------------------------------*/ /* ========================================================================== 18. BRANDS =========================================================================== */ /*------------------------------------------*/ /* BRANDS SECTION TITLE /*------------------------------------------*/ /*------------------------------------------*/ /* BRANDS LOGO IMAGE /*------------------------------------------*/ .brands-2-wrapper .row-cols-md-6 .brand-logo { padding: 0 5px; } /* ========================================================================== 19.CHANGELOG =========================================================================== */ /* ========================================================================== 20.DOWNLOAD =========================================================================== */ /* ========================================================================== 21. FAQS =========================================================================== */ /*------------------------------------------*/ /* FAQs-3 TITLE /*------------------------------------------*/ /*------------------------------------------*/ /* FAQs QUESTION /*------------------------------------------*/ /*------------------------------------------*/ /* FAQs TYPOGRAPHY /*------------------------------------------*/ /*------------------------------------------*/ /* FAQS ACCORDION /*------------------------------------------*/ /*------------------------------------------*/ /* Question /*------------------------------------------*/ /*------------------------------------------*/ /* Answer /*------------------------------------------*/ /*------------------------------------------*/ /* MORE QUESTIONS BUTTON /*------------------------------------------*/ /* ========================================================================== 22. BANNER =========================================================================== */ /*------------------------------------------*/ /* BANNER TYPOGRAPHY /*------------------------------------------*/ .banner-1-txt p.p-md, .banner-1-txt p.p-lg { padding-right: 10%; margin: 22px 0 28px; } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0 2%; margin: 20px 0 28px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { margin-top: 22px; margin-bottom: 0; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { margin-top: 25px; margin-bottom: 30px; } /*------------------------------------------*/ /* BANNER BUTTON /*------------------------------------------*/ /*------------------------------------------*/ /* BANNER IMAGE /*------------------------------------------*/ /*------------------------------------------*/ /* BANNER QR CODE /*------------------------------------------*/ /* ========================================================================== 23. BLOG =========================================================================== */ /*------------------------------------------*/ /* BLOG POST IMAGE /*------------------------------------------*/ /*------------------------------------------*/ /* BLOG POST TEXT /*------------------------------------------*/ /*------------------------------------------*/ /* BLOG POST TYPOGRAPHY /*------------------------------------------*/ /*------------------------------------------*/ /* BLOG POST META /*------------------------------------------*/ /* ========================================================================== 24. BLOG LISTING =========================================================================== */ /*------------------------------------------*/ /* WIDE BLOG POSTS /*------------------------------------------*/ /*------------------------------------------*/ /* BLOG POSTS CATEGORY /*------------------------------------------*/ /* ========================================================================== 25. SINGLE BLOG POST =========================================================================== */ .blog-post-preview { padding: 0 0%; /*HUGO 0 3%*/ margin-bottom: 50px; } /*------------------------------------------*/ /* Single Post Title /*------------------------------------------*/ .single-post-title { padding: 0 10% 0 8%; margin-bottom: 50px; } .single-post-title h2 { margin-bottom: 25px; } /*------------------------------------------*/ /* Single Post Text /*------------------------------------------*/ /*------------------------------------------*/ /* Single Post Image /*------------------------------------------*/ /*------------------------------------------*/ /* POST DATA /*------------------------------------------*/ /*------------------------------------------*/ /* POST AUTHOR /*------------------------------------------*/ /*------------------------------------------*/ /* POST SHARE ICONS /*-----------------------------------------*/ .share-social-icons.ico-25 [class*="flaticon-"]:before, .share-social-icons.ico-25 [class*="flaticon-"]:after { font-size: 1.4rem; } /* ========================================================================== 26. NEWSLETTER =========================================================================== */ /*------------------------------------------*/ /* NEWSLETTER TYPOGRAPHY /*------------------------------------------*/ .newsletter-txt p.p-sm { margin-bottom: 0; } /*------------------------------------------*/ /* NEWSLETTER FORM /*------------------------------------------*/ /*------------------------------------------*/ /* Newsletter Form Input /*------------------------------------------*/ /*------------------------------------------*/ /* Newsletter Form Input Focus /*------------------------------------------*/ /*------------------------------------------*/ /* Newsletter Form Input Placeholder /*------------------------------------------*/ /*------------------------------------------*/ /* Newsletter Form Button /*------------------------------------------*/ /*------------------------------------------*/ /* Newsletter Form Notification /*------------------------------------------*/ /* ========================================================================== 27. CONTACTS =========================================================================== */ /*------------------------------------------*/ /* CONTACT FORM INPUT /*------------------------------------------*/ .contact-form .form-control, .contact-form .form-select { height: 60px; background-color: #fdfdfe; border: 1.5px solid #d5d5d5; box-shadow: 0 0 0 0; color: #3a4a56; font-size: 1rem; font-weight: 400; padding: 0 20px; margin-bottom: 35px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .contact-form .form-select { display: inline-block; width: 100%; color: var(--gray); box-shadow: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } /*------------------------------------------*/ /* Contact Form Textarea /*------------------------------------------*/ .contact-form textarea { min-height: 190px; } .contact-form textarea.form-control { padding: 20px; } /*------------------------------------------*/ /* Contact Form Placeholder /*------------------------------------------*/ .contact-form .form-control::-moz-placeholder { color: var(--gray); } .contact-form .form-control:-ms-input-placeholder { color: var(--gray); } .contact-form .form-control::-webkit-input-placeholder { color: var(--gray); } /*------------------------------------------*/ /* Contact Form Input Focus /*------------------------------------------*/ .contact-form .form-control:focus, .contact-form .form-select:focus { outline: 0px none; box-shadow: none; background-color: var(--white); } /*------------------------------------------*/ /* Contact Form Message /*------------------------------------------*/ .contact-form .loading { color: #00b2e4; font-size: 1.0625rem; line-height: 1; font-weight: 500; padding-left: 15px; } .contact-form .error { color: #e74c3c; font-size: 0.85rem; line-height: 1; font-weight: 400; margin-bottom: 10px; padding-left: 10px; } /* ========================================================================== 28. FOOTER =========================================================================== */ .footer { padding-bottom: 20px; /* HUGO 40px */ } .footer-info { margin-bottom: 40px; } /*------------------------------------------*/ /* FOOTER LINKS MOBILE /*------------------------------------------*/ .footer h6.m-title { display: none; position: relative; } .footer h6.m-title:after { font-family: Flaticon; font-weight: 300; content: "\f14f"; position: absolute; font-size: 0.9rem; top: 5px; right: 5px; } .footer h6.m-title.expanded:after { content: "\f14e"; } /*------------------------------------------*/ /* FOOTER LOGO /*------------------------------------------*/ img.footer-logo { width: auto; max-width: inherit; max-height: 100px; /* HUGO 25px */ margin-bottom: 25px; } /*------------------------------------------*/ /* BANNER QR CODE /*------------------------------------------*/ /*------------------------------------------*/ /* FOOTER TYPOGRAPHY /*------------------------------------------*/ .footer h6 { font-size: 1.0815rem; line-height: 1; margin-bottom: 26px; } .footer a { color: var(--gray); } .footer.bg--black a { color: var(--snow); } .footer.color--white a, .footer.color--white li a { color: var(--snow); } .footer.color--white a:hover, .footer.color--white li a:hover { color: var(--white) !important; } /*------------------------------------------*/ /* FOOTER MAIL LINK /*------------------------------------------*/ .footer-mail-link.ico-20 [class*="flaticon-"]:before, .footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.175rem; } /*------------------------------------------*/ /* FOOTER INFO /*------------------------------------------*/ .footer-info-socials.ico-25 [class*="flaticon-"]:before, .footer-info-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.3rem; } /*------------------------------------------*/ /* FOOTER LINKS /*------------------------------------------*/ .foo-links.ico-10 li span { position: relative; top: 1.5px; right: 4px; } /*------------------------------------------*/ /* FOOTER SOCIAL /*------------------------------------------*/ .footer-socials.ico-20 a, .footer-socials.ico-25 a { margin-right: 15px; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.35rem; } /*------------------------------------------*/ /* FOOTER STORE BAGES /*------------------------------------------*/ /*------------------------------------------*/ /* FOOTER NEWSLETTER FORM /*------------------------------------------*/ /*------------------------------------------*/ /* Newsletter Form Input Focus /*------------------------------------------*/ /*------------------------------------------*/ /* Footer Form Placeholder /*------------------------------------------*/ /*------------------------------------------*/ /* Newsletter Form Button /*------------------------------------------*/ .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 28px !important; } /*------------------------------------------*/ /* Footer Form Notification /*------------------------------------------*/ /*------------------------------------------*/ /* BOTTOM FOOTER /*------------------------------------------*/ .footer hr { margin-top: 20px; margin-bottom: 30px; width: 100%; height: 1px; background-color: transparent; background-image: linear-gradient(10deg, rgba(206, 211, 246, 0) 0, #ffffff 38%, #ffffff 64%, rgba(206, 211, 246, 0) 99%); opacity: .7; border: none; } /*------------------------------------------*/ /* BOTTOM FOOTER COPYRIGHT /*------------------------------------------*/ .footer-copyright p { margin-bottom: 0; } /*------------------------------------------*/ /* BOTTOM FOOTER SECONDARY LINK /*------------------------------------------*/ .bottom-secondary-link.ico-15 [class*="flaticon-"]:before, .bottom-secondary-link.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } /*------------------------------------------*/ /* BOTTOM FOOTER LINKS /*------------------------------------------*/ .bottom-footer-socials li { width: auto !important; display: inline-block !important; vertical-align: top; clear: none !important; } .bottom-footer-socials li { padding-left: 12px; } .bottom-footer-list.ico-15 [class*="flaticon-"]:before, .bottom-footer-list.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } .bottom-footer-socials li span { position: relative; top: 4px; opacity: .7; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .bottom-footer-socials li span:hover { opacity: 1; } .footer-data-socials.ico-25 [class*="flaticon-"]:before, .footer-data-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.375rem; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.2125rem; } .bottom-footer-socials.ico-25 [class*="flaticon-"]:before, .bottom-footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } /* ========================================================================== 29. INNER PAGE WRAPPER =========================================================================== */ /*------------------------------------------*/ /* INNER PAGE TITLE /*------------------------------------------*/ /* ========================================================================== 30. PAGE PAGINATION =========================================================================== */ .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } .theme--blue .page-item.active .page-link { background-color: var(--blue); border-color: var(--blue); } .theme--green .page-item.active .page-link { background-color: var(--green); border-color: var(--green); } .theme--indigo .page-item.active .page-link { background-color: var(--indigo); border-color: var(--indigo); } .theme--orchid .page-item.active .page-link { background-color: var(--orchid); border-color: var(--orchid); } .theme--pink .page-item.active .page-link { background-color: var(--pink); border-color: var(--pink); } .theme--purple .page-item.active .page-link { background-color: var(--purple); border-color: var(--purple); } .theme--red .page-item.active .page-link { background-color: var(--red); border-color: var(--red); } .theme--skyblue .page-item.active .page-link { background-color: var(--skyblue); border-color: var(--skyblue); } .theme--violet-red .page-item.active .page-link { background-color: var(--violet-red); border-color: var(--violet-red); } /* ========================================================================== 31. TERMS, PRIVACY, COOKIES PAGES =========================================================================== */ /*------------------------------------------*/ /* TERMS PAGE TYPOGRAPHY /*------------------------------------------*/ /* ========================================================================== 32. SIGN-IN / SIGN-UP PAGE =========================================================================== */ .theme--dark .register-page { background: url(../images/register-page-dark.jpg); } /*------------------------------------------*/ /* REGISTER PAGE LOGO /*------------------------------------------*/ /*------------------------------------------*/ /* REGISTER PAGE FORM /*------------------------------------------*/ /*------------------------------------------*/ /* REGISTER PAGE TITLE /*------------------------------------------*/ /*------------------------------------------*/ /* RESET PASSWORD PAGE TITLE /*------------------------------------------*/ .reset-form-title p.p-sm { margin-top: 20px; margin-bottom: 0; } /*------------------------------------------*/ /* REGISTER PAGE TYPOGRAPHY /*------------------------------------------*/ /*------------------------------------------*/ /* REGISTER PAGE SEPARATOR LINE /*------------------------------------------*/ /*------------------------------------------*/ /* REGISTER PAGE FORM INPUT /*------------------------------------------*/ /*------------------------------------------*/ /* REGISTER PAGE FORM FOCUS /*------------------------------------------*/ /*------------------------------------------*/ /* REGISTER PAGE FORM BUTTON /*------------------------------------------*/ /*------------------------------------------*/ /* REGISTER PAGE FORM MESSAGE /*------------------------------------------*/ /*------------------------------------------*/ /* FORM HIDE PASSWORD /*------------------------------------------*/ .btn-show-pass.ico-20 [class^="flaticon-"]:before, .btn-show-pass.ico-20 [class^="flaticon-"]:after { font-size: 1.125rem; } .eye-pass.flaticon-invisible { color: var(--gray); } /* ========================================================================== 33. MODAL ========================================================================== */ /*------------------------------------------*/ /* MODAL WINDOW CLOSE BUTTON /*------------------------------------------*/ .modal .btn-close.ico-10 [class^="flaticon-"]:before, .modal .btn-close.ico-10 [class^="flaticon-"]:after { font-size: 0.6rem; } /*------------------------------------------*/ /* MODAL WINDOW NEWSLETTER FORM /*------------------------------------------*/ /*------------------------------------------*/ /* Form Input Focus /*------------------------------------------*/ /*------------------------------------------*/ /* Form Input Placeholder /*------------------------------------------*/ /*------------------------------------------*/ /* Form Button /*------------------------------------------*/ /*------------------------------------------*/ /* Form Notification /*------------------------------------------*/ /* ========================================================================== 34. COOKIES =========================================================================== */ .theme--blue #cookies-info:hover { color: var(--blue) !important; } .theme--green #cookies-info:hover { color: var(--green) !important; } .theme--indigo #cookies-info:hover { color: var(--indigo) !important; } .theme--orchid #cookies-info:hover { color: var(--orchid) !important; } .theme--pink #cookies-info:hover { color: var(--pink) !important; } .theme--purple #cookies-info:hover { color: var(--purple) !important; } .theme--red #cookies-info:hover { color: var(--red) !important; } .theme--skyblue #cookies-info:hover { color: var(--skyblue) !important; } .theme--violet-red #cookies-info:hover { color: var(--violet-red) !important; } /* ========================================================================== 35. COLOR SCHEME ========================================================================== */ :root { --theme-color: #0c4bb2; --theme-color-secondary: #0c4bb2; } .bg--theme { background-color: var(--theme-color); } .bg--theme-2 { background-color: var(--theme-color-secondary); } /*------------------------------------------*/ /* BUTTON /*------------------------------------------*/ .btn--theme, .hover--theme:hover, .theme--dark .btn--theme, .theme--dark .hover--theme:hover, .color--white .hover--theme:hover, .scroll .hover--theme:hover, .theme--dark .color--white .hover--theme:hover, .theme--dark .scroll .hover--theme:hover { color: var(--white) !important; border-color: var(--theme-color) !important; background-color: var(--theme-color) !important; } .btn--tra-theme, .hover--tra-theme:hover, .color--white .btn--tra-theme, .theme--dark .btn--tra-theme, .theme--dark .hover--tra-theme:hover, .theme--dark .color--white .btn--tra-theme { color: var(--theme-color) !important; background-color: transparent !important; border-color: var(--theme-color) !important; } .btn--theme-2, .hover--theme-2:hover, .theme--dark .btn--theme-2, .theme--dark .hover--theme-2:hover, .color--white .hover--theme-2:hover, .scroll .hover--theme-2:hover, .theme--dark .color--white .hover--theme-2:hover, .theme--dark .scroll .hover--theme-2:hover { color: var(--white) !important; border-color: var(--theme-color-secondary) !important; background-color: var(--theme-color-secondary) !important; } .btn--tra-theme-2, .hover--tra-theme-2:hover, .color--white .btn--tra-theme-2, .theme--dark .btn--tra-theme-2, .theme--dark .hover--tra-theme-2:hover, .theme--dark .color--white .btn--tra-theme-2 { color: var(--theme-color) !important; background-color: transparent !important; border-color: var(--theme-color) !important; } /*------------------------------------------*/ /* COLOR /*------------------------------------------*/ .color--theme, .color--theme a, .color--theme :is(h1, h2, h3, h4, h5, h6) { color: var(--theme-color); } .color--theme-2, .color--theme-2 a, .color--theme-2 :is(h1, h2, h3, h4, h5, h6) { color: var(--theme-color-secondary); } /*------------------------------------------*/ /* VECTOR ICON BACKGROUND /*------------------------------------------*/ .shape-ico.color--theme path, .shape-ico.color--theme-2 path { fill: rgba(4, 170, 255, .09); } /*------------------------------------------*/ /* PRELOADER SPINNER /*------------------------------------------*/ .loading--theme .cssload-spinner:after, .loading--theme .cssload-spinner:before { border-color: var(--theme-color); } /*------------------------------------------*/ /* HEADER & NAVIGATION /*------------------------------------------*/ .nav-theme .sm-info { background-color: var(--theme-color); } .wsmenu>.wsmenu-list.nav-theme>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-theme>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover { color: var(--theme-color); } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ .cbox-1:hover .cbox-1-ico.bg--theme { color: var(--theme-color); border-color: var(--theme-color); } .cbox-1:hover .cbox-1-ico.bg--theme-2 { color: var(--theme-color-secondary); border-color: var(--theme-color-secondary); } /*------------------------------------------*/ /* PRICING /*------------------------------------------*/ .p-table.theme--border { border: 3px solid var(--theme-color); } .pricing-features.ico--theme span { color: var(--theme-color); } .pricing-features.ico--theme-2 span { color: var(--theme-color-secondary); } .comp-table .color--theme { color: var(--theme-color); } .comp-table .color--theme-2 { color: var(--theme-color-secondary); } /*------------------------------------------*/ /* INTEGRATIONS /*------------------------------------------*/ /*------------------------------------------*/ /* NEWSLETTER /*------------------------------------------*/ /*------------------------------------------*/ /* CONTACTS /*------------------------------------------*/ .contact-form .form-control:focus, .contact-form .form-select:focus { border-color: var(--theme-color); } /*------------------------------------------*/ /* FOOTER /*------------------------------------------*/ /*------------------------------------------*/ /* PAGINATION /*------------------------------------------*/ /*------------------------------------------*/ /* MODAL /*------------------------------------------*/ /*------------------------------------------*/ /* COOKIES /*------------------------------------------*/ /*------------------------------------------*/ /* DARK MODE /*------------------------------------------*/ .theme--dark .shape-ico.color--theme path, .theme--dark .shape-ico.color--theme-2 path { fill: rgba(43, 48, 64, .5); } .theme--dark .white-scroll .wsmainfull.scroll .hover--theme:hover { color: var(--white) !important; border-color: var(--theme-color) !important; background-color: var(--theme-color) !important; } .theme--dark .white-scroll .wsmainfull.scroll .hover--theme-2:hover { color: var(--white) !important; border-color: var(--theme-color-secondary) !important; background-color: var(--theme-color-secondary) !important; } .theme--dark .newsletter-1.newsletter-section .form-control:focus, .theme--dark .newsletter-3.newsletter-section .form-control:focus { border-color: var(--theme-color) !important; } /* ========================================================================== 36. DARK MODE ========================================================================== */ body.theme--dark { --dark-theme-bg: #13161f; --black: #f9f9f9; --gray: #c8c8c8; --ink: #101219; --form-control: #191c28; --header-color: #fff; --header-link: #dee1ea; --silver: rgba(43, 48, 64, 1); --smoke: rgba(43, 48, 64, .7); --white-smoke: #191c28; } body.theme--dark { background-color: var(--dark-theme-bg); color: var(--gray); } .theme--dark .bg--white, .theme--dark .bg--coal, .theme--dark .bg--lavender, .theme--dark .bg--magnolia, .theme--dark .bg--aliceblue, .theme--dark .bg--tra-violet-red { background-color: var(--white-smoke); } .theme--dark .gr--whitesmoke { background-image: linear-gradient(180deg, rgba(29, 33, 44, .8) 50%, rgba(29, 33, 44, .05) 100%); } .theme--dark .bg--03 { background-image: url(../images/bg-03d.jpg); } .theme--dark .bg--05 { background-image: url(../images/bg-05d.jpg); } /*------------------------------------------*/ /* SECTION DIVIDER /*------------------------------------------*/ .theme--dark hr.divider, .theme--dark .footer hr { background-image: linear-gradient(90deg, rgba(122, 125, 147, 0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122, 125, 147, 0) 99%); } .theme--dark hr.divider.divider-light { background-color: #fff; background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #dedede 38%, #dedede 64%, rgba(206, 211, 246, 0) 99%); opacity: 1; } /*------------------------------------------*/ /* TYPOGRAPHY /*------------------------------------------*/ .theme--dark a { color: var(--gray); } .theme--dark a:hover, .theme--dark a.tra-link:hover span { color: var(--white); } /*------------------------------------------*/ /* BUTTONS /*------------------------------------------*/ .theme--dark .btn--transparent { color: var(--white) !important; } /* WHITE BUTTON */ .theme--dark .btn--white, .theme--dark .hover--white:hover, .theme--dark .color--white .hover--white:hover { color: #333 !important; background-color: var(--white) !important; border-color: var(--white) !important; } /* BLACK BUTTON */ .theme--dark .btn--black, .theme--dark .hover--black:hover, .theme--dark .color--white .hover--black:hover { color: var(--ink) !important; border-color: var(--black) !important; background-color: var(--black) !important; } .theme--dark .btn--tra-black, .theme--dark .hover--tra-black:hover, .theme--dark .color--white .btn--tra-black { color: var(--black) !important; background-color: transparent !important; border-color: var(--black) !important; } /* BLUE BUTTON */ .theme--dark .btn--blue, .theme--dark .hover--blue:hover, .theme--dark .color--white .hover--blue:hover { color: var(--white) !important; border-color: var(--blue) !important; background-color: var(--blue) !important; } .theme--dark .btn--tra-blue, .theme--dark .hover--tra-blue:hover, .theme--dark .color--white .btn--tra-blue { color: var(--blue) !important; background-color: transparent !important; border-color: var(--blue) !important; } /* GREEN BUTTON */ .theme--dark .btn--green, .theme--dark .hover--green:hover, .theme--dark .color--white .hover--green:hover { color: var(--white) !important; border-color: var(--green) !important; background-color: var(--green) !important; } .theme--dark .btn--tra-green, .theme--dark .hover--tra-green:hover, .theme--dark .color--white .btn--tra-green { color: var(--green) !important; background-color: transparent !important; border-color: var(--green) !important; } /* INDIGO BUTTON */ .theme--dark .btn--indigo, .theme--dark .hover--indigo:hover, .theme--dark .color--white .hover--indigo:hover { color: var(--white) !important; border-color: var(--indigo) !important; background-color: var(--indigo) !important; } .theme--dark .btn--tra-indigo, .theme--dark .hover--tra-indigo:hover, .theme--dark .color--white .btn--tra-indigo { color: var(--indigo) !important; background-color: transparent !important; border-color: var(--indigo) !important; } /* ORCHID BUTTON */ .theme--dark .btn--orchid, .theme--dark .hover--orchid:hover, .theme--dark .color--white .hover--orchid:hover, .theme--dark .scroll .hover--orchid:hover { color: var(--white) !important; border-color: var(--orchid) !important; background-color: var(--orchid) !important; } .theme--dark .btn--tra-orchid, .theme--dark .hover--tra-orchid:hover, .theme--dark .color--white .btn--tra-orchid { color: var(--orchid) !important; background-color: transparent !important; border-color: var(--orchid) !important; } /* PINK BUTTON */ .theme--dark .btn--pink, .theme--dark .hover--pink:hover, .theme--dark .color--white .hover--pink:hover, .theme--dark .scroll .hover--pink:hover { color: var(--white) !important; border-color: var(--pink) !important; background-color: var(--pink) !important; } .theme--dark .btn--tra-pink, .theme--dark .hover--tra-pink:hover, .theme--dark .color--white .btn--tra-pink { color: var(--pink) !important; background-color: transparent !important; border-color: var(--pink) !important; } /* PURPLE BUTTON */ .theme--dark .btn--purple, .theme--dark .hover--purple:hover, .theme--dark .color--white .hover--purple:hover, .theme--dark .scroll .hover--purple:hover { color: var(--white) !important; border-color: var(--purple) !important; background-color: var(--purple) !important; } .theme--dark .btn--tra-purple, .theme--dark .hover--tra-purple:hover, .theme--dark .color--white .btn--tra-purple { color: var(--purple) !important; background-color: transparent !important; border-color: var(--purple) !important; } /* RED BUTTON */ .theme--dark .btn--red, .theme--dark .hover--red:hover, .theme--dark .color--white .hover--red:hover { color: var(--white) !important; border-color: var(--red) !important; background-color: var(--red) !important; } .theme--dark .btn--tra-red, .theme--dark .hover--tra-red:hover, .theme--dark .color--white .btn--tra-red { color: var(--red) !important; background-color: transparent !important; border-color: var(--red) !important; } /* SKYBLUE BUTTON */ .theme--dark .btn--skyblue, .theme--dark .hover--skyblue:hover, .theme--dark .color--white .hover--skyblue:hover { color: var(--white) !important; border-color: var(--sky-blue) !important; background-color: var(--sky-blue) !important; } .theme--dark .btn--tra-skyblue, .theme--dark .hover--tra-skyblue:hover, .theme--dark .color--white .btn--tra-skyblue { color: var(--sky-blue) !important; background-color: transparent !important; border-color: var(--sky-blue) !important; } /* VIOLET RED BUTTON */ .theme--dark .btn--violet-red, .theme--dark .hover--violet-red:hover, .theme--dark .color--white .hover--violet-red:hover, .theme--dark .scroll .hover--violet-red:hover { color: var(--white) !important; border-color: var(--violet-red) !important; background-color: var(--violet-red) !important; } .theme--dark .btn--tra-violet-red, .theme--dark .hover--tra-violet-red:hover, .theme--dark .color--white .btn--tra-violet-red { color: var(--violet-red) !important; background-color: transparent !important; border-color: var(--violet-red) !important; } /* YELLOW BUTTON */ .theme--dark .btn--yellow, .theme--dark .hover--yellow:hover, .theme--dark .color--white .hover--yellow:hover { color: var(--black) !important; border-color: var(--yellow) !important; background-color: var(--yellow) !important; } /*------------------------------------------*/ /* VECTOR ICON BACKGROUND /*------------------------------------------*/ .theme--dark .shape-ico.color--blue path, .theme--dark .shape-ico.color--indigo path, .theme--dark .shape-ico.color--skyblue path, .theme--dark .shape-ico.color--lilac path, .theme--dark .shape-ico.color--orchid path, .theme--dark .shape-ico.color--pink path, .theme--dark .shape-ico.color--purple path, .theme--dark .shape-ico.color--violet-red path { fill: rgba(43, 48, 64, .5); } /*------------------------------------------*/ /* DARK MODE IMAGES SWITCHER /*------------------------------------------*/ .dt-img, .theme--dark .lt-img { display: none; } .theme--dark .dt-img { display: inline-block; position: relative; } .theme--dark .brand-logo img { filter: invert(100%); } .theme--dark img.ios-logo { filter: invert(100%); } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ .theme--dark .dark-menu .wsmainfull, .theme--dark .white-menu .wsmainfull { background-color: var(--ink) !important; -webkit-box-shadow: 0 2px 3px var(--tra-ink); -moz-box-shadow: 0 2px 3px var(--tra-ink); box-shadow: 0 2px 3px var(--tra-ink); } /*------------------------------------------*/ /* HEADER LINK /*------------------------------------------*/ .theme--dark .navbar-dark .wsmenu>.wsmenu-list>li>a, .theme--dark .navbar-light .wsmenu>.wsmenu-list>li>a, .theme--dark .navbar-dark.inner-page-header .wsmenu>.wsmenu-list>li>a, .theme--dark .navbar-dark.light-hero-header .wsmenu>.wsmenu-list>li>a { color: var(--header-link); } .theme--dark .navbar-dark .wsmenu-list>li>a.h-link:hover, .theme--dark .navbar-light .wsmenu-list>li>a.h-link:hover, .theme--dark .navbar-light .wsmenu>.wsmenu-list>li>a:hover, .theme--dark .navbar-dark.inner-page-header .wsmenu>.wsmenu-list>li>a:hover, .theme--dark .navbar-dark.light-hero-header .wsmenu>.wsmenu-list>li>a:hover { color: #eee !important; } .theme--dark .navbar-light .wsmenu>.wsmenu-list>li>a.btn:hover { color: var(--white) !important; } /*------------------------------------------*/ /* HEADER SUBMENU / MEGAMENU /*------------------------------------------*/ .theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu, .theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu, .theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu, .theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu { background-color: var(--white-smoke) !important; border: solid 1px var(--smoke) !important; -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, .1); box-shadow: 0 2px 3px rgba(1, 1, 1, .1); } .theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu:before, .theme--dark .wsmenu>.wsmenu-list>li.mg_link:hover>a:after, .theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu:before { background-color: var(--ink); border-left: solid var(--ink); border-top: solid 1px var(--ink); } .theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a, .theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a, .theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a, .theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a { color: var(--header-link); background-color: transparent !important; } .theme--dark .scroll .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a, .theme--dark .theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a, .theme--dark .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a, .theme--dark .scroll .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a { color: var(--header-link); } /*------------------------------------------*/ /* NAVBAR SCROLL /*------------------------------------------*/ .theme--dark .tra-menu .wsmainfull.scroll, .theme--dark .white-menu .wsmainfull.scroll, .theme--dark .dark-menu.dark-scroll .wsmainfull.scroll { background-color: var(--ink) !important; padding: 0; -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25); -moz-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25); } .theme--dark .tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li>a, .theme--dark .tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li>a, .theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link, .theme--dark .tra-menu.navbar-light.white-scroll .scroll .wsmenu>.wsmenu-list>li>a.h-link { color: var(--header-link); } .theme--dark .navbar-light.white-scroll .scroll .wsmenu-list>li>a.h-link:hover { color: var(--white) !important; } .theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover, .theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover, .theme--dark .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .theme--dark .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover { background-color: rgba(44, 49, 66, .72) !important; color: var(--white); } .theme--dark .navbar-light .scroll .btn.btn--tra-white { color: var(--white) !important; border-color: var(--white) !important; background-color: transparent !important; } .theme--dark .wsmainfull .hover--black:hover { color: var(--white) !important; border-color: #353f4f !important; background-color: #353f4f !important; } .theme--dark .white-scroll .wsmainfull.scroll .hover--black:hover { color: var(--ink) !important; border-color: var(--white) !important; background-color: var(--white) !important; } .theme--dark .navbar-light .scroll .wsmenu>.wsmenu-list>li>a.btn.hover--black:hover { color: var(--ink) !important; } .theme--dark .white-scroll .wsmainfull.scroll .hover--blue:hover { color: var(--white) !important; border-color: var(--blue) !important; background-color: var(--blue) !important; } .theme--dark .white-scroll .wsmainfull.scroll .hover--green:hover { color: var(--white) !important; border-color: var(--green) !important; background-color: var(--green) !important; } .theme--dark .white-scroll .wsmainfull.scroll .hover--indigo:hover { color: var(--white) !important; border-color: var(--indigo) !important; background-color: var(--indigo) !important; } .theme--dark .white-scroll .wsmainfull.scroll .hover--orchid:hover { color: var(--white) !important; border-color: var(--orchid) !important; background-color: var(--orchid) !important; } .theme--dark .white-scroll .wsmainfull.scroll .hover--pink:hover { color: var(--white) !important; border-color: var(--pink) !important; background-color: var(--pink) !important; } .theme--dark .white-scroll .wsmainfull.scroll .hover--purple:hover { color: var(--white) !important; border-color: var(--purple) !important; background-color: var(--purple) !important; } .theme--dark .white-scroll .wsmainfull.scroll .hover--red:hover { color: var(--white) !important; border-color: var(--red) !important; background-color: var(--red) !important; } .theme--dark .white-scroll .wsmainfull.scroll .hover--skyblue:hover { color: var(--white) !important; border-color: var(--sky-blue) !important; background-color: var(--sky-blue) !important; } .theme--dark .white-scroll .wsmainfull.scroll .hover--violet-red:hover { color: var(--white) !important; border-color: var(--violet-red) !important; background-color: var(--violet-red) !important; } .theme--dark .white-scroll .wsmainfull .hover--tra-white:hover, .theme--dark .white-scroll .wsmainfull.scroll .hover--tra-white:hover { color: var(--white) !important; border-color: var(--white) !important; background-color: transparent !important; } /*------------------------------------------*/ /* Logo Image /*------------------------------------------*/ .theme--dark .navbar-dark .logo-black, .theme--dark .navbar-dark .scroll .logo-black { display: none; } .theme--dark .navbar-dark .logo-white, .theme--dark .navbar-dark .logo-black, .theme--dark .navbar-dark .scroll .logo-white { display: block; } .theme--dark .navbar-dark .logo-white { display: none; } /*------------------------------------------*/ /* CAREERS /*------------------------------------------*/ .theme--dark .jobs-category { background-color: #181b27; border-color: var(--silver); } /*------------------------------------------*/ /* FEATURES /*------------------------------------------*/ .theme--dark .fbox-5.bg--white { background-color: #181a27; border-color: var(--silver); } .theme--dark .fbox-3.bg--white { background-color: #181a27; border-color: var(--silver); } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ .theme--dark .txt-block .accordion-1 .accordion-item .accordion-thumb:after, .theme--dark .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after { background-color: var(--smoke); color: var(--gray); } .theme--dark .bc-04-wrapper { border-color: var(--silver); } /*------------------------------------------*/ /* TEAM /*------------------------------------------*/ .theme--dark .team-member { background-color: var(--white-smoke); } /*------------------------------------------*/ /* PRICING /*------------------------------------------*/ .theme--dark .p-table { border-color: var(--silver); } .theme--dark .pricing-discount h6 { color: #353f4f; } /*------------------------------------------*/ /* INTEGRATIONS /*------------------------------------------*/ .theme--dark .int_tool-1 .tool_logo.bg--white { background-color: #181a27; border-color: var(--silver); } /*------------------------------------------*/ /* RATING /*------------------------------------------*/ .theme--dark .rbox-1 .star-rating { background-color: var(--white-smoke); border-color: var(--silver); } .theme--dark .rbox-3 p span { color: #fff; } /*------------------------------------------*/ /* REVIEWS /*------------------------------------------*/ .theme--dark .reviews-3-wrapper:after { background-color: #181a27; } .theme--dark .review-1 { background-color: var(--white-smoke); border-color: var(--silver); } .theme--dark .owl-theme .owl-dots .owl-dot span { background: #3a3a3a; } .theme--dark .owl-theme .owl-dots .owl-dot.active span { background: var(--white); } /*------------------------------------------*/ /* DOWNLOAD /*------------------------------------------*/ .theme--dark .download-item { border-color: var(--silver); } /*------------------------------------------*/ /* FAQs /*------------------------------------------*/ .theme--dark .accordion-panel { color: var(--gray); } .theme--dark .faqs-section .accordion-item .accordion-thumb:after, .theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after { background-color: var(--smoke); color: var(--gray); } /*------------------------------------------*/ /* BANNER /*------------------------------------------*/ .theme--dark .os-link { border-color: var(--silver); } .theme--dark .os-qr-code { background-color: #fff; } .theme--dark .os-logo img { filter: invert(100%); opacity: .4; } .theme--dark .banner-qr-code p { color: var(--ink); } /*------------------------------------------*/ /* NEWSLETTER /*------------------------------------------*/ .theme--dark .newsletter-section .form-control::-moz-placeholder { color: var(--gray); } .theme--dark .newsletter-section .form-control:-ms-input-placeholder { color: var(--gray); } .theme--dark .newsletter-section .form-control::-webkit-input-placeholder { color: var(--gray); } .theme--dark .newsletter-1.newsletter-section .form-control, .theme--dark .newsletter-3.newsletter-section .form-control { background-color: var(--white-smoke); } .theme--dark .newsletter-1.newsletter-section .form-control:focus, .theme--dark .newsletter-3.newsletter-section .form-control:focus { background-color: var(--dark-theme-bg); } /*------------------------------------------*/ /* CONTACTS /*------------------------------------------*/ .theme--dark .contact-form .form-control, .theme--dark .contact-form .form-select { background-color: var(--white-smoke); border: 1.5px solid var(--silver); } .theme--dark .contact-form .form-control:focus, .theme--dark .contact-form .form-select:focus { background-color: var(--dark-theme-bg); border: 1.5px solid var(--theme-color); } /*------------------------------------------*/ /* FOOTER /*------------------------------------------*/ .theme--dark .footer-form .newsletter-form .input-group:focus-within { background-color: var(--dark-theme-bg) !important; border-color: var(--silver) !important; } /*------------------------------------------*/ /* INNER PAGE WRAPPER /*------------------------------------------*/ .theme--dark .inner-page-title p span { color: var(--white); } /*------------------------------------------*/ /* TERMS, PRIVACY, COOKIES PAGES /*------------------------------------------*/ .theme--dark .legal-info a, .theme--dark .legal-info p span { color: rgba(255, 255, 255, .86); } .theme--dark .legal-info a:hover { color: var(--theme-color); } /*------------------------------------------*/ /* MODAL /*------------------------------------------*/ .theme--dark .modal .modal-body-content h4 { color: #313435; } .theme--dark .modal-body-content p { color: #6c757d; } .theme--dark .newsletter-form .hover--black:hover { color: #fff !important; border-color: #353f4f !important; background-color: #353f4f !important; } /*------------------------------------------*/ /* SIGN-IN / SIGN-UP PAGE /*------------------------------------------*/ .theme--dark .separator-line::before, .theme--dark .separator-line::after { border-top: 1.5px solid rgba(255, 255, 255, .18); } .theme--dark .reset-page-wrapper .form-control, .theme--dark .register-page-form .form-control { background-color: #2c3344; border: 1px solid #2c3344; } .theme--dark .reset-page-wrapper .form-control:focus, .theme--dark .register-page-form .form-control:focus { background-color: var(--dark-theme-bg); border-color: var(--theme-color); } .theme--dark .register-page-form .btn-google { color: var(--header-color); background-color: var(--white-smoke); border-color: var(--silver); } .theme--dark .register-page-form .btn-google:hover { border-color: var(--header-color); } /* ========================================================================== STYLE CHANGER ========================================================================== */ .switch { color: var(--white); font-size: 0.85rem !important; padding: 0.35rem 1.2rem; border: 2px solid var(--white); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .switch:hover { color: #2b2e37 !important; background-color: var(--white); border: 2px solid var(--white); } /* ========================================================================== XXXXX ========================================================================== */ .buttons-section .col-md-6, .buttons-section .col-xl-4, .buttons-section .col-xl-8, .buttons-section .col-lg-4, .buttons-section .col-lg-6 { padding-top: 10px; padding-bottom: 10px; } /* ===== css/responsive.css ===== */ /* Template Name: Pintex - Mobile App & Software Landing Page Template Theme URL: https://themeforest.net/user/jthemes Description: Pintex - Mobile App Landing Page Template Author: Jthemes Author URL: https://themeforest.net/user/jthemes Version: 1.0.0 Website: https://www.jthemes.com/ Tags: Responsive, HTML5 template, Jthemes, Mobile, Application, Software, One Page, Landing, Digital Product, Mobile App */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 1399px) { /* SIGN IN / SIGN UP */ } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 1200px) { html { font-size: 115.6%; } /*------------------------------------------*/ /* BASE /*------------------------------------------*/ /* Button */ .btn { padding: 0.8rem 1.7rem; } .btn.ico-20.ico-left, .btn.ico-20.ico-right { padding: 0.8rem 1.15rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { padding: 0.75rem 1.35rem; } .btn.ico-30.ico-left { padding: 0.286rem 0; } .btns-group .btn.ico-30.ico-left { padding: 0.286rem 0.5rem; } .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { top: 3px; } /* Watch Video Link */ /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Nav Link */ .wsmenu > .wsmenu-list > li > a { font-size: 0.9375rem; } /* Button */ .wsmenu > .wsmenu-list > li a.btn { font-size: 0.9rem; line-height: 28px; padding: 6px 22px 8px; margin: 12px 5px 0; } .wsmenu > .wsmenu-list > li a.btn.reg-btn { padding: 4px 20px 6px; } /* SubMenu, HalfMenu, MegaMenu */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { font-size: 0.9rem; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* FOOTER */ .footer p { font-size: 0.95rem; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 992px) and (max-width: 1199.95px) { /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .py-60 { padding: 50px 0; } .py-70 { padding: 60px 0; } .py-80 { padding: 60px 0; } .py-90 { padding: 70px 0; } .py-100 { padding: 80px 0; } .pt-30 { padding-top: 24px; } .pt-40 { padding-top: 30px; } .pt-50 { padding-top: 40px; } .pt-60 { padding-top: 50px; } .pt-70 { padding-top: 60px; } .pt-80 { padding-top: 60px; } .pt-90 { padding-top: 70px; } .pt-100 { padding-top: 80px; } .pb-30 { padding-bottom: 24px; } .pb-40 { padding-bottom: 30px; } .pb-50 { padding-bottom: 40px; } .pb-60 { padding-bottom: 50px; } .pb-70 { padding-bottom: 60px; } .pb-80 { padding-bottom: 60px; } .pb-90 { padding-bottom: 70px; } .pb-100 { padding-bottom: 80px; } .mt-30 { margin-top: 24px; } .mt-40 { margin-top: 30px; } .mt-45 { margin-top: 35px; } .mt-50 { margin-top: 40px; } .mt-55 { margin-top: 45px; } .mt-60 { margin-top: 50px; } .mt-65 { margin-top: 55px; } .mt-70 { margin-top: 60px; } .mt-75 { margin-top: 60px; } .mt-80 { margin-top: 60px; } .mb-30 { margin-bottom: 24px; } .mb-40 { margin-bottom: 30px; } .mb-45 { margin-bottom: 35px; } .mb-50 { margin-bottom: 40px; } .mb-55 { margin-bottom: 45px; } .mb-60 { margin-bottom: 50px; } .mb-65 { margin-bottom: 55px; } .mb-70 { margin-bottom: 60px; } .mb-75 { margin-bottom: 60px; } .mb-80 { margin-bottom: 60px; } /* Headers */ h6 { font-size: 1rem; } /* 16px */ /* 18px */ /* 19px */ /* 20px */ h5 { font-size: 1.3125rem; } /* 21px */ /* 22px */ /* 24px */ /* 26px */ h4 { font-size: 1.75rem; } /* 28px */ /* 30px */ /* 32px */ /* 34px */ h3 { font-size: 2.25rem; } /* 36px */ /* 37px */ /* 39px */ /* 40px */ h2 { font-size: 2.625rem; } /* 42px */ /* 44px */ /* 46px */ /* 48px */ /* 50px */ h6, h5, h4, h3, h2, h1 { line-height: 1.35; } /* Button */ .btn.ico-30.ico-left { padding: 0.3845rem 0; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.3845rem 0.5rem; } .btn.ico-25.ico-left,.btn.ico-25.ico-right { font-size: 1.1rem; padding: 0.6785rem 0.75rem; } /* Buttons Group */ .btns-group .btn:first-child { margin-right: 12px; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; line-height: 0.5rem!important;top: 3.5px; } .btn.ico-30.ico-left span.ico-30-txt { margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { margin-left: 0; } .btn.ico-30.ico-left span { right: 0; } .btn.ico-left span { margin-right: 4px; } .btn.ico-right span { margin-left: 4px; } /* Button Text */ /* Transparent Link */ .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 2px; left: 2px; } /* OS Button */ /* Watch Video Link */ /* Vector Icon Background */ .ico-55 .shape-ico svg { width: 112px; height: 112px; top: -37px; left: calc(50% - 62px); } .ico-60 .shape-ico svg { width: 120px; height: 120px; top: -40px; left: calc(50% - 65px); } /* Vector Rounded Icons */ .ico-rounded { width: 74px; height: 74px; } .ico-rounded-md { width: 80px; height: 80px; } .ico-rounded-lg { width: 90px; height: 90px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after { font-size: 2.35rem; line-height: 74px!important; } .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:after { font-size: 2.5rem; line-height: 80px!important; } .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.875rem; line-height: 90px!important; } /* PNG Icons */ /* Section ID */ .section-id { font-size: 0.9rem; margin-bottom: 25px; } /* Section Title */ .section-title.mb-70 { margin-bottom: 55px; } .section-title.mb-100 { margin-bottom: 75px; } .section-title p { margin-top: 16px; } .section-title .btns-group { margin-top: 28px; } /* Compatibility */ /* Tools List / Payments Icons */ /* Quote */ .quote.pr-15, .quote.pr-40, .quote.pr-50, .quote.pr-60 { padding-right: 0; } /* Users */ /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Header Logo */ .desktoplogo img { max-height: 30px; } /* Nav Link */ .wsmenu > .wsmenu-list > li > a { font-size: 0.9875rem; margin: 0 5px; padding: 10px 15px; } .wsmenu > .wsmenu-list > li.reg-fst-link > a, .wsmenu > .wsmenu-list > li a.btn.fst-btn-link { margin-left: 10px; } /* Nav Link Info */ /* Button */ .wsmenu > .wsmenu-list > li a.btn { font-size: 0.95rem; line-height: 28px; margin-top: 15px; padding: 3px 22px 5px; } .wsmenu > .wsmenu-list > li a.btn.reg-btn { padding: 3px 20px 5px; } .wsmenu > .wsmenu-list > li.lang { margin-right: 12px; } .wsmenu > .wsmenu-list > li.lang > a { padding: 10px 14px 10px 6px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu { min-width: 110px!important; padding: 8px 5px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a { font-size: 0.95rem; } .wsmenu > .wsmenu-list > li a.store.header-store { margin-top: 15px; margin-left: 0; } .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.175rem; } /* SubMenu, HalfMenu, MegaMenu */ .wsmenu > .wsmenu-list > li > ul.sub-menu { min-width: 175px; padding: 6px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {min-width: 180px; padding: 6px; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 35%; padding: 6px 0; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { width: 76%!important; left: 22%; padding: 12px 5px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { font-size: 0.95rem; padding: 9px 12px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a { font-size: 0.935rem; padding: 9px 12px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 9px 12px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { top: 9px; right: 10px; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ /* HERO QUICK FORM */ /* Hero Advantages */ /* HERO DIGITS */ /* HERO-1 */ .hero-1-txt p.p-lg { margin-top: 18px; margin-bottom: 28px; } /* HERO-2 */ .hero-2-txt p.p-xl { padding: 0 6%; margin-top: 15px; margin-bottom: 25px; } /* HERO-3 */ .hero-3-txt p.p-xl { margin-top: 14px; margin-bottom: 28px; } /* HERO-4 */ .hero-4-txt p.p-xl { padding: 0; margin-top: 20px; margin-bottom: 26px; } /* HERO-5 */ .hero-5-txt p.p-xl { padding-right: 0; margin-top: 18px; margin-bottom: 28px; } /* HERO-6 */ .hero-6-txt p.p-lg { padding: 0 3%; margin-top: 15px; margin-bottom: 25px; } /* HERO-7 */ /* HERO-8 */ .hero-8-txt p.p-lg { margin-top: 15px; margin-bottom: 25px; } /* HERO-9 */ .hero-9-txt p.p-lg { margin-top: 20px; margin-bottom: 28px; } /* HERO-10 */ .hero-10-txt p.p-lg { padding: 0; margin-top: 15px; margin-bottom: 25px; } /* HERO-11 */ .hero-11-txt p.p-lg { margin-top: 16px; margin-bottom: 25px; } /* HERO-12 */ .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { margin-top: 16px; margin-bottom: 25px; } /* HERO-13 */ .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { margin-top: 16px; margin-bottom: 25px; } /* HERO-14 */ .hero-14-txt p.p-xl { margin-top: 20px; margin-bottom: 30px; } /* HERO-15 */ .hero-15-txt p.p-lg { padding-right: 2%; margin-top: 16px; margin-bottom: 16px; } /* HERO-16 */ .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 20px; margin-bottom: 26px; padding: 0 5%; } /* HERO-17 */ #hero-17 { padding-top: 75px; } .hero-17-txt h1, .hero-17-txt h2 { font-size: 3.8rem; line-height: 1.25; } .hero-17-txt p.p-md { margin-top: 15px; margin-bottom: 25px; } /* HERO-18 */ .hero-18-txt p.p-xl { padding: 0 5%; margin-top: 22px; margin-bottom: 30px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ /* CAREERS */ .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.3rem; } /* JOB POSITION */ /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { padding-top: 24px; } .features-4 .section-title.mb-70 { margin-bottom: 45px; } .features-2 .section-title p.p-xl { font-size: 1.2rem; } .fbox-ico-wrap { margin-right: 21px; } .fbox-ico-wrap .ico-50 [class*="flaticon-"]:before, .fbox-ico-wrap .ico-50 [class*="flaticon-"]:after { font-size: 2.95rem; } .fbox-1 .fbox-ico.ico-60 { margin-bottom: 16px; } .fbox-ico.ico-rounded { margin-bottom: 18px; } .fbox-ico.ico-rounded-md, .fbox-ico.ico-rounded-lg { margin-bottom: 21px; } .fbox-wrapper .row-cols-lg-3 .fbox-title { margin-bottom: 5px; } .fbox-wrapper .row-cols-md-2 h6, .fbox-wrapper .row-cols-md-3 h6 { margin-bottom: 10px; } .features-2-download p.p-sm { font-size: 0.915rem; margin-top: 20px; } /* CONTENT */ .ct-06 .section-overlay { margin-bottom: 80px; } .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 45px 40px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 60px; } .txt-block-stat.mt-35 { margin-top: 28px; } .txt-block h3, .txt-block h2, .txt-block h5 { margin-bottom: 16px; } .txt-block .btn { margin-top: 25px; } .cbox-1 .ico-wrap { margin-right: 1.1rem; } .cbox-2 .ico-wrap { margin-right: 1.3rem; } .cbox-6-title p.p-md.ico-10 { margin-top: 10px; } .cbox-6-txt.mt-30 { margin-top: 22px; } .cbox-6-data.mt-25 { margin-top: 20px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.75rem; } /* Content Image */ .ct-02 .img-block.right-column { margin-left: 15px; } .ct-02 .img-block.left-column { margin-right: 15px; } .ct-03 .img-block img { max-width: 170%; } .ct-06 .img-block { margin-bottom: -80px; } /* STATISTIC */ /* RATING */ /* TESTIMONIALS */ .review-ico.ico-45 { top: 10px; right: 20px; } .review-ico.ico-60 { top: 10px; left: 20px; } .review-rating.ico-15 { margin-bottom: 5px; } .review-rating.ico-15.mb-15 { margin-bottom: 8px; } .author-data.mt-25 { margin-top: 18px; } .author-data.mb-15 { margin-bottom: 10px; } .review-author.mt-15 { margin-top: -2px; } /* TEAM */ /* PRICING */ .pricing-1 .section-title.mb-70 { margin-bottom: 50px; } #pt-3-1 { margin: 0 8px 40px 20px; } #pt-3-2 { margin: 0 20px 40px 8px; } /* Price */ .pricing-features.mt-25 { margin-top: 10px; } .pt-btn { margin-top: 20px; } /* Pricing Notice */ .col-lg-10 .pricing-notice p { padding: 0 4%; } .pricing-notice .btn.mt-25 { margin-top: 20px; } /* Pricing Toggle Button */ .toggle-btn.mt-40 { margin-top: 25px; } /* Pricing Compare */ .table>:not(caption)>*>* { padding: 15px 0; } .comp-table .table-responsive.mb-50 { margin-bottom: 30px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.775rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 1rem; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 64px; } .integrations-section .more-btn.mt-30 { margin-top: 20px; } /* MORE APPS */ /* BRANDS */ /* CHANGELOG */ /* DOWNLOAD */ /* FAQs */ /* BANNER */ .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 14px 0 20px; padding-right: 0; } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0; margin: 16px 0 25px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { margin-top: 18px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { margin-top: 12px; margin-bottom: 20px; } .banner-3-txt .btn.mt-25, .banner-3-txt .btn.mt-35 { margin-top: 25px; } /* NEWSLETTER */ /* BLOG */ /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 40px; } /* SINGLE BLOG POST */ .blog-post-preview { padding: 0; margin-bottom: 40px; } .single-post-title { padding: 0 13% 0 3%; margin-bottom: 40px; } .single-post-title h2 { margin-bottom: 20px; } /* CONTACTS */ .contact-form .form-control, .contact-form .form-select { height: 54px; margin-bottom: 24px; } .contact-form textarea { min-height: 160px; } /* FOOTER */ .footer { padding-bottom: 35px; } img.footer-logo { max-height: 30px; margin-bottom: 20px; } .footer h6 { margin-bottom: 20px; } .footer-socials.ico-20 a, .footer-socials.ico-25 a { margin-right: 14px; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 24px!important; } .footer hr { margin-top: 10px; margin-bottom: 35px; } .footer-data-socials.ico-25 [class*="flaticon-"]:before, .footer-data-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.315rem; } /* INNER PAGE WRAPPER */ /* TERMS, PRIVACY, COOKIES */ /* SIGN IN / SIGN UP */ .reset-form-title p.p-sm { font-size: 0.925rem; margin-top: 12px; } /* COOKIES */ /* MODAL */ } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 768px) and (max-width: 991.98px) { html { font-size: 85%; } .wow { animation-name: none!important; visibility: visible!important; } /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .py-40 { padding: 30px 0; } .py-50 { padding: 35px 0; } .py-60 { padding: 40px 0; } .py-70 { padding: 50px 0; } .py-80 { padding: 50px 0; } .py-90 { padding: 60px 0; } .py-100 { padding: 70px 0; } .pt-30 { padding-top: 24px; } .pt-40 { padding-top: 30px; } .pt-50 { padding-top: 35px; } .pt-60 { padding-top: 40px; } .pt-70 { padding-top: 50px; } .pt-80 { padding-top: 50px; } .pt-90 { padding-top: 60px; } .pt-100 { padding-top: 70px; } .pb-30 { padding-bottom: 24px; } .pb-40 { padding-bottom: 30px; } .pb-50 { padding-bottom: 35px; } .pb-60 { padding-bottom: 40px; } .pb-70 { padding-bottom: 50px; } .pb-80 { padding-bottom: 50px; } .pb-90 { padding-bottom: 60px; } .pb-100 { padding-bottom: 70px; } .mt-30 { margin-top: 24px; } .mt-40 { margin-top: 30px; } .mt-45 { margin-top: 30px; } .mt-50 { margin-top: 35px; } .mt-55 { margin-top: 35px; } .mt-60 { margin-top: 40px; } .mt-65 { margin-top: 45px; } .mt-70 { margin-top: 50px; } .mt-75 { margin-top: 50px; } .mt-80 { margin-top: 50px; } .mb-30 { margin-bottom: 24px; } .mb-40 { margin-bottom: 30px; } .mb-45 { margin-bottom: 30px; } .mb-50 { margin-bottom: 35px; } .mb-55 { margin-bottom: 35px; } .mb-60 { margin-bottom: 40px; } .mb-65 { margin-bottom: 45px; } .mb-70 { margin-bottom: 50px; } .mb-75 { margin-bottom: 50px; } .mb-80 { margin-bottom: 50px; } /* Background Shape */ .bg--shape:after { width: 650px; height: 650px; top: 19%; left: 18%; } /* Headers */ h6 { font-size: 1rem; } /* 13.6px */ /* 14.5px */ /* 19px */ h5 { font-size: 1.397058rem; } /* 19px */ /* 20px */ h4 { font-size: 1.764705rem; } /* 24px */ /* 26px */ h3 { font-size: 1.91176rem; } /* 26px */ h2 { font-size: 2.0588rem; } /* 28px */ /* 30px */ /* 34px */ h6, h5, h4, h3, h2, h1 { line-height: 1.35; } /* Paragraphs */ p.p-sm { font-size: 1rem; } p.p-md, p.p-lg { font-size: 1.066176rem; } /* Button */ .btn.ico-30.ico-left { padding: 0.3665rem 0; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.31175rem 0.5rem; } .btn.ico-25.ico-left,.btn.ico-25.ico-right { font-size: 1.1rem; padding: 0.66625rem 0.85rem; } /* Buttons Group */ .btns-group .btn:first-child { margin-right: 10px; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1rem; line-height: 0.65rem!important; top: 3px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2rem; } .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.125rem; top: -8px; margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.125rem; top: -8px; margin-left: 0; } .btn.ico-30.ico-left span { right: 0; } .btn.ico-left span { margin-right: 4px; } .btn.ico-right span { margin-left: 4px; } /* Button Text */ /* Transparent Link */ .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 2px; left: 2px; } /* OS Button */ /* Store Badges*/ /* Watch Video Link */ /* Video Popup Icon */ /* Vector Icon Background */ .ico-55 .shape-ico svg { width: 96px; height: 96px; top: -33px; left: calc(50% - 53px); } .ico-60 .shape-ico svg { width: 110px; height: 110px; top: -40px; left: calc(50% - 58px); } /* Vector Rounded Icons */ .ico-rounded, .ico-rounded-md { width: 70px; height: 70px; } .ico-rounded-lg { width: 80px; height: 80px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after,.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.5rem; line-height: 70px!important; } .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.875rem; line-height: 80px!important; } /* PNG Icons */ /* Section ID */ .section-id { font-size: 0.9rem; margin-bottom: 20px; } /* Section Title */ .bc-04 .section-title.mb-70 { margin-bottom: 45px; } .section-title.mb-100 { margin-bottom: 60px; } .section-title p { margin-top: 10px; } .section-title .btns-group { margin-top: 20px; } /* Advantages */ /* Compatibility */ /* Tools List / Payments Icons */ .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { font-size: 2rem; line-height: 2rem!important; margin-right: 4px; } /* Quote */ .quote.pr-15, .quote.pr-40, .quote.pr-50, .quote.pr-60 { padding-right: 0; } /* Users */ /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ .wsmobileheader .smllogo { display: block; margin-top: 25px; padding-left: 22px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: var(--white); } .dark-menu .wsmobileheader, .black-scroll .wsmobileheader { background-color: var(--ink); } .tra-menu.border-header .wsmainfull { border: none; } .theme--dark .tra-menu .wsmobileheader, .theme--dark .white-menu .wsmobileheader { background-color: var(--ink)!important; -webkit-box-shadow: 0 2px 3px var(--tra-ink); -moz-box-shadow: 0 2px 3px var(--tra-ink); box-shadow: 0 2px 3px var(--tra-ink); } /* Mobile Header Burger Menu */ .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; } .wsanimated-arrow span:before { top: -8px; width: 26px; } .wsanimated-arrow span:after { bottom: -8px; width: 20px; } .theme--dark .wsanimated-arrow span, .theme--dark .wsanimated-arrow span:before, .theme--dark .wsanimated-arrow span:after { background: #b1b7cd; } .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span { background: transparent; } .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; } /* Dark Header Settings */ .dark-menu .wsmenu > .wsmenu-list, .black-scroll .wsmenu > .wsmenu-list { background-color: #1d222f!important; } .dark-menu .wsmenu > .wsmenu-list > li > a, .black-scroll .wsmenu > .wsmenu-list > li > a { border-bottom-color: var(--tra-white); } .dark-menu .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before, .black-scroll .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: rgba(255, 255, 255, .85); } /* Nav Link */ .wsmenu > .wsmenu-list > li > a { font-size: 1.25rem; line-height: 46px; padding: 5px 32px 4px 20px; margin: 0; } .tra-menu .wsmenu > .wsmenu-list > li > a.h-link, .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { color: var(--gray); } .black-scroll .wsmenu > .wsmenu-list > li > a.h-link { color: var(--white); } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 21px 18px 0px 0px; } .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 25px; } .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, .theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a { color: var(--white)!important; } .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn--white, .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn--tra-white { color: #1d222f!important; } /* Nav Link Info */ /* SubMenu / HalfMenu / MegaMenu */ .wsmenu > .wsmenu-list > li > ul.sub-menu { width: 100%!important; min-width: 100%!important; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 100%!important; padding: 10px; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { width: 100%!important; left: 0; padding: 12px 10px; } .wsmenu > .wsmenu-list > li.mobile-last-link > ul.sub-menu { border-bottom: none!important; } .wsmegamenu.w-75 .col-lg-3, .wsmegamenu.halfmenu .col-lg-6 { padding: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu { opacity: 1!important; visibility: visible!important; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg); } .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { border-bottom: 1px solid var(--tra-white)!important; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0;box-shadow: 0 0; } .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { background-color: #1d222f!important; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu { width: 100%!important; min-width: 100%!important; box-shadow: 0 0; border: none; position: static; left: 0; top: 0; margin: 0; padding: 5px 0 0 0; } /* Sub Menu / Half Menu / Mega Menu Links */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { color: var(--gray); font-size: 1.2rem; padding: 15px 14px; } /* Black Scroll */ .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { color: #ddd; background-color: rgba(255, 255, 255, 0)!important; } .navbar-light .wsmenu-list > li > a.h-link:hover { color: var(--black)!important; } /* Sub Menu / Half Menu / Mega Menu Links Hover */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 15px 14px; text-decoration: none; } /* Black Scroll */ .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { background-color: rgba(255, 255, 255, .05)!important; } .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { font-size: 1.2rem; padding: 0 14px; margin-bottom: 10px; } /* Button */ .wsmenu > .wsmenu-list > li a.btn { font-size: 1.25rem; line-height: 44px; border-width: 2px; padding: 5px 22px; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .wsmenu > .wsmenu-list > li a.btn.ico-20 [class*="flaticon-"]:before, .wsmenu > .wsmenu-list > li a.btn.ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; line-height: 0.75rem!important; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a { font-size: 1.2rem; padding: 12px 14px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a:hover { padding: 12px 14px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { display: none; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 > i { height: 10px; width: 10px; transform: rotate(-225deg); margin: 17px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i.wsmenu-rotate { margin-top: 22px; } .wsmenu > .wsmenu-list > li a.btn.reg-btn { line-height: 44px; padding: 5px 22px; } .wsmenu > .wsmenu-list > li.reg-fst-link > a, .wsmenu > .wsmenu-list > li a.btn.fst-btn-link { margin-left: 0; } /* Header Store Badges */ .wsmenu > .wsmenu-list > li a.store.header-store { margin: 5px 0 0 12px; display: block; float: none; border-bottom: none; } /* Header Social Links */ .wsmenu > .wsmenu-list > li.header-socials { display: block; } .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.65rem; } /* Navbar Transparent Buttons */ .white-scroll .btn--tra-white, .white-scroll .btn--tra-black { color: var(--white)!important; background-color: var(--black)!important; border-color: var(--black)!important; } .theme--dark .white-scroll .btn--white, .theme--dark .white-scroll .btn--tra-white { background-color: var(--white)!important; border-color: var(--white)!important; } .black-scroll .btn--tra-white, .black-scroll .btn--tra-black { color: var(--ink)!important; background-color: var(--white)!important; border-color: var(--white)!important; } .white-scroll .btn--tra-gray, .black-scroll .btn--tra-gray { color: var(--black)!important; background-color: var(--smoke)!important; border-color: var(--smoke)!important; } /* Navbar Buttons Hover */ .white-scroll .hover--white:hover, .white-scroll .hover--tra-white:hover { color: var(--black)!important; border-color: var(--black)!important; background-color: transparent!important; } .theme--dark .white-scroll .hover--tra-white:hover { color: var(--white)!important; border-color: var(--white)!important; background-color: transparent!important; } .theme--dark .navbar-dark .hover--tra-black:hover, .theme--dark .navbar-dark .scroll .hover--tra-black:hover { color: var(--white)!important; background-color: transparent!important; border-color: var(--white)!important; } .theme--dark .wsmenu > .wsmenu-list { background-color: #1d222f!important; } .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: var(--white); } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section { margin-top: 80px; } /* HERO QUICK FORM */ /* Hero Advantages */ /* HERO DIGITS */ /* HERO-1 */ .hero-1-txt p.p-lg { font-size: 1.05rem; margin-top: 15px; margin-bottom: 22px; } /* HERO-2 */ .hero-2-txt p.p-xl { padding: 0; margin-top: 15px; margin-bottom: 24px; } /* HERO-3 */ .hero-3-txt p.p-xl { font-size: 1.3rem; margin-top: 15px; margin-bottom: 25px; } /* HERO-4 */ .hero-4-txt p.p-xl { padding: 0; margin-top: 18px; margin-bottom: 24px; } /* HERO-5 */ .hero-5-txt p.p-xl { font-size: 1.125rem; padding-right: 0; margin-top: 14px; margin-bottom: 20px; } /* HERO-6 */ .hero-6-txt p.p-lg { padding: 0; margin-top: 16px; margin-bottom: 22px; } /* HERO-7 */ /* HERO-8 */ .hero-8-txt p.p-lg { margin-top: 15px; margin-bottom: 22px; } /* HERO-9 */ .hero-9-txt p.p-lg { padding-right: 10%; margin-top: 14px; margin-bottom: 22px; } /* HERO-10 */ .hero-10-txt p.p-lg { padding: 0 3%; margin-top: 14px; margin-bottom: 22px; } /* HERO-11 */ .hero-11-txt p.p-lg { margin-top: 14px; margin-bottom: 20px; } /* HERO-12 */ .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { margin-top: 16px; margin-bottom: 22px; } /* HERO-13 */ .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { margin-top: 14px; margin-bottom: 20px; } /* HERO-14 */ .hero-14-txt p.p-xl { padding: 0; margin-top: 16px; margin-bottom: 22px; } /* HERO-15 */ .hero-15-txt p.p-lg { padding-right: 0; margin-top: 15px; margin-bottom: 12px; } /* HERO-16 */ .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 12px; margin-bottom: 22px; padding: 0 5%; } /* HERO-17 */ #hero-17 { padding-top: 70px; } .hero-17-txt h1, .hero-17-txt h2 { font-size: 3.3rem; line-height: 1.3; } .hero-17-txt p.p-md { margin-top: 12px; margin-bottom: 20px; } /* HERO-18 */ .hero-18-txt p.p-xl { padding: 0; margin-top: 15px; margin-bottom: 20px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ /* CAREERS */ .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } /* JOB POSITION */ .job-position-title .position-data p.p-xl { font-size: 1.3rem; } /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { padding-top: 22px; } .features-4 .section-title.mb-70 { margin-bottom: 40px; } .features-2 .section-title p.p-xl { font-size: 1.2rem; } .row-cols-md-2 .fb-1, .row-cols-md-2 .fb-2 { margin-bottom: 30px; } .features-1 .row-cols-md-2 .fb-1, .features-1 .row-cols-md-2 .fb-2 { margin-bottom: 40px; } .fbox-ico-wrap { margin-right: 16px; } .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:after { font-size: 3.65rem; } .fbox-wrapper .row-cols-md-2 .fbox-2 .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .row-cols-md-2 .fbox-2 .ico-50 [class*="flaticon-"]:after { font-size: 3.4rem; } .fbox-1 .fbox-ico.ico-60 { margin-bottom: 15px; } .fbox-wrapper .row-cols-md-2 h6, .fbox-wrapper .row-cols-md-3 h6 { margin-bottom: 10px; } .features-2-download p.p-sm { font-size: 0.95rem; margin-top: 15px; } /* CONTENT */ .ct-06 .section-overlay { margin-bottom: 80px; } .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 40px 30px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 50px; } .ct-05 .section-title.mb-70 { margin-bottom: 40px; } .txt-block h3, .txt-block h2, .txt-block h5 { margin-bottom: 12px; } .txt-block-stat.mt-30 { margin-top: 18px; } .txt-block-stat.mt-35 { margin-top: 20px; } .txt-block .btn { margin-top: 18px; } .cbox-1 .ico-wrap { margin-right: 1rem; } .cbox-2 .ico-wrap { margin-right: 1.25rem; } .cbox-6-title p.p-md.ico-10 { margin-top: 10px; } .cbox-6-txt.mt-30 { margin-top: 18px; } .cbox-6-data.mt-25 { margin-top: 18px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.775rem; } /* Content Image */ .ct-02 .img-block.right-column { margin-left: 0; } .ct-02 .img-block.left-column { margin-right: 0; } .ct-03 .img-block img { max-width: 215%; margin-left: 15px; } .ct-06 .img-block { margin-bottom: -80px; } /* STATISTIC */ /* RATING */ /* TESTIMONIALS */ .review-ico.ico-45 { top: 10px; right: 20px; } .review-ico.ico-60 { top: 10px; left: 13px; } .review-rating.ico-15 { margin-bottom: 5px; } .review-rating.ico-15.mb-15 { margin-bottom: 8px; } .author-data.mt-25 { margin-top: 15px; } .author-data.mb-15 { margin-bottom: 10px; } .review-author.mt-15 { margin-top: -3px; } /* TEAM */ /* PRICING */ .pricing-1 .section-title.mb-70 { margin-bottom: 40px; } #pt-3-1 { margin: 0 5px 40px 35px; } #pt-3-2 { margin: 0 35px 40px 5px; } /* Price */ .pricing-table-header p.p-md { font-size: 0.9rem; } .pricing-features.mt-25 { margin-top: 15px; } .pricing-features p.p-md { font-size: 0.935rem; line-height: 1.5; } .pt-btn { font-size: 0.95rem; padding: 0.785rem 0.5rem; margin-top: 15px; } .p-table p.btn-txt { font-size: 0.875rem; margin-top: 10px; } /* Pricing Notice */ .col-md-10 .pricing-notice p { padding: 0; } .pricing-notice .btn.mt-25 { margin-top: 20px; } /* Pricing Toggle Button */ .toggle-btn.mt-40 { margin-top: 16px; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .table>:not(caption)>*>* { padding: 12px 0x; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.715rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.925rem; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 46px; } .integrations-section .more-btn.mt-30 { margin-top: 22px; } /* MORE APPS */ /* BRANDS */ .brands-2-wrapper .row-cols-md-6 .brand-logo { padding: 0; } /* CHANGELOG */ /* DOWNLOAD */ /* FAQs */ /* BANNER */ .banner-3 .banner-overlay.pt-80.pb-90 { padding: 45px 0 55px; } .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 12px 0 18px; padding-right: 0 } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0 4%; margin: 12px 0 18px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { margin-top: 15px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { margin-top: 12px; margin-bottom: 20px; } .banner-3-txt .btn.mt-25, .banner-3-txt .btn.mt-35 { margin-top: 20px; } /* NEWSLETTER */ /* BLOG */ /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 30px; } /* SINGLE BLOG POST */ .blog-post-preview { padding: 0; margin-bottom: 35px; } .single-post-title { padding: 0; margin-bottom: 35px; } .single-post-title h2 { margin-bottom: 16px; } /* CONTACTS */ .contacts-1.pb-40 { padding-bottom: 20px; } .contact-form .form-control, .contact-form .form-select { height: 50px; font-size: 1.05rem; padding: 0 15px; margin-bottom: 20px; } .contact-form textarea { min-height: 130px; } .contact-form textarea.form-control { padding: 15px; } /* FOOTER */ .footer { padding-bottom: 25px; } img.footer-logo { max-height: 28px; margin-bottom: 16px; } .footer h6 { font-size: 1.21323rem; margin-bottom: 16px; } /* 16.5px */ .footer hr { margin: 5px 0 25px; } .footer-socials.ico-20 a, .footer-socials.ico-25 a { margin-right: 11px; } .footer-socials.ico-20 li:last-child a, .footer-socials.ico-25 li:last-child a { margin-right: 0; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.325rem; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { line-height: 10px!important; } /* INNER PAGE WRAPPER */ /* TERMS, PRIVACY, COOKIES */ /* SIGN IN / SIGN UP */ .reset-form-title p.p-sm { font-size: 1.0625rem; margin-top: 12px; } /* COOKIES */ /* MODAL */ } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (max-width: 767px) { /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .animate__animated { -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; opacity: 1; } .wow { animation-name: none!important; visibility: visible!important; } .py-40 { padding: 30px 0; } .py-50 { padding: 35px 0; } .py-60 { padding: 40px 0; } .py-70 { padding: 50px 0; } .py-80 { padding: 50px 0; } .py-90 { padding: 60px 0; } .py-100 { padding: 70px 0; } .pt-40 { padding-top: 30px; } .pt-50 { padding-top: 35px; } .pt-60 { padding-top: 40px; } .pt-70 { padding-top: 50px; } .pt-80 { padding-top: 50px; } .pt-90 { padding-top: 60px; } .pt-100 { padding-top: 70px; } .pb-40 { padding-bottom: 30px; } .pb-50 { padding-bottom: 35px; } .pb-60 { padding-bottom: 40px; } .pb-70 { padding-bottom: 50px; } .pb-80 { padding-bottom: 50px; } .pb-90 { padding-bottom: 60px; } .pb-100 { padding-bottom: 70px; } .mt-30 { margin-top: 24px; } .mt-40 { margin-top: 30px; } .mt-45 { margin-top: 30px; } .mt-50 { margin-top: 35px; } .mt-55 { margin-top: 35px; } .mt-60 { margin-top: 40px; } .mt-65 { margin-top: 45px; } .mt-70 { margin-top: 50px; } .mt-75 { margin-top: 50px; } .mt-80 { margin-top: 50px; } .mb-30 { margin-bottom: 24px; } .mb-40 { margin-bottom: 30px; } .mb-45 { margin-bottom: 30px; } .mb-50 { margin-bottom: 35px; } .mb-55 { margin-bottom: 35px; } .mb-60 { margin-bottom: 40px; } .mb-65 { margin-bottom: 45px; } .mb-70 { margin-bottom: 50px; } .mb-75 { margin-bottom: 50px; } .mb-80 { margin-bottom: 50px; } p.p-sm { font-size: 1rem; } /* Button Text */ /* Quote */ .quote.pr-15, .quote.pr-40, .quote.pr-50, .quote.pr-60 { padding-right: 0; } /* Users */ /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ .wsmobileheader .smllogo { display: block; margin-top: 25px; padding-left: 22px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: var(--white); } .dark-menu .wsmobileheader, .black-scroll .wsmobileheader { background-color: var(--ink); } .tra-menu.border-header .wsmainfull { border: none; } .theme--dark .tra-menu .wsmobileheader, .theme--dark .white-menu .wsmobileheader { background-color: var(--ink)!important; -webkit-box-shadow: 0 2px 3px var(--tra-ink); -moz-box-shadow: 0 2px 3px var(--tra-ink); box-shadow: 0 2px 3px var(--tra-ink); } /* Mobile Header Burger Menu */ .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; } .wsanimated-arrow span:before { top: -8px; width: 26px; } .wsanimated-arrow span:after { bottom: -8px; width: 20px; } .theme--dark .wsanimated-arrow span, .theme--dark .wsanimated-arrow span:before, .theme--dark .wsanimated-arrow span:after { background: #b1b7cd; } .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span { background: transparent; } .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; } .wsmenu > .wsmenu-list > li.mobile-last-link > a { border-bottom: none; } /* Dark Header Settings */ .dark-menu .wsmenu > .wsmenu-list, .black-scroll .wsmenu > .wsmenu-list { background-color: #1d222f!important; } .dark-menu .wsmenu > .wsmenu-list > li > a, .black-scroll .wsmenu > .wsmenu-list > li > a { border-bottom-color: var(--tra-white); } .dark-menu .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before, .black-scroll .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: rgba(255, 255, 255, .85); } /* Nav Link */ .wsmenu > .wsmenu-list > li > a { font-size: 1.125rem; line-height: 46px; padding: 5px 32px 4px 20px; margin: 0; } .tra-menu .wsmenu > .wsmenu-list > li > a.h-link, .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { color: var(--gray); } .black-scroll .wsmenu > .wsmenu-list > li > a.h-link { color: var(--white); } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 21px 18px 0px 0px; } .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 25px; } .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a, .theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a { color: var(--white)!important; } .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn--white, .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn--tra-white { color: #1d222f!important; } /* SubMenu / HalfMenu / MegaMenu */ .wsmenu > .wsmenu-list > li > ul.sub-menu { width: 100%!important; min-width: 100%!important; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 100%!important; padding: 10px; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { width: 100%!important; left: 0; padding: 12px 10px; } .wsmenu > .wsmenu-list > li.mobile-last-link > ul.sub-menu { border-bottom: none!important; } .wsmegamenu.w-75 .col-lg-3, .wsmegamenu.halfmenu .col-lg-6 { padding: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu { opacity: 1!important; visibility: visible!important; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg); } .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu, .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { border-bottom: 1px solid var(--tra-white)!important; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0;box-shadow: 0 0; } .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { background-color: #1d222f!important; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu { width: 100%!important; min-width: 100%!important; box-shadow: 0 0; border: none; position: static; left: 0; top: 0; margin: 0; padding: 5px 0 0 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { display: none; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 > i { height: 9px; width: 9px; transform: rotate(-225deg); margin: 17px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i.wsmenu-rotate { margin-top: 22px; } /* Sub Menu / Half Menu / Mega Menu Links */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { color: var(--gray); font-size: 1.0625rem; padding: 15px 14px; } /* Black Scroll */ .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { color: #ddd; background-color: rgba(255, 255, 255, 0)!important; } .navbar-light .wsmenu-list > li > a.h-link:hover { color: var(--black)!important; } /* Sub Menu / Half Menu / Mega Menu Links Hover */ .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 15px 14px; text-decoration: none; } /* Black Scroll */ .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { background-color: rgba(255, 255, 255, .05)!important; } /* Button */ .wsmenu > .wsmenu-list > li a.btn { font-size: 1.125rem; line-height: 44px; border-width: 2px; padding: 5px 22px; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .wsmenu > .wsmenu-list > li a.btn.ico-20 [class*="flaticon-"]:before, .wsmenu > .wsmenu-list > li a.btn.ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; line-height: 0.75rem!important; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a { font-size: 1.0625rem; padding: 12px 14px; } .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a:hover { padding: 12px 14px; } .wsmenu > .wsmenu-list > li a.btn.reg-btn { line-height: 44px; padding: 5px 22px; } .wsmenu > .wsmenu-list > li.reg-fst-link > a, .wsmenu > .wsmenu-list > li a.btn.fst-btn-link { margin-left: 0; } /* Header Store Badges */ .wsmenu > .wsmenu-list > li a.store.header-store { margin: 5px 0 0 12px; display: block; float: none; border-bottom: none; } /* Header Social Links */ .wsmenu > .wsmenu-list > li.header-socials { display: block; } .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.45rem; } /* Navbar Transparent Buttons */ .white-scroll .btn--tra-white, .white-scroll .btn--tra-black { color: var(--white)!important; background-color: var(--black)!important; border-color: var(--black)!important; } .theme--dark .white-scroll .btn--white, .theme--dark .white-scroll .btn--tra-white { background-color: var(--white)!important; border-color: var(--white)!important; } .black-scroll .btn--tra-white, .black-scroll .btn--tra-black { color: var(--black)!important; background-color: var(--white)!important; border-color: var(--white)!important; } .white-scroll .btn--tra-gray, .black-scroll .btn--tra-gray { color: var(--black)!important; background-color: var(--smoke)!important; border-color: var(--smoke)!important; } /* Navbar Buttons Hover */ .white-scroll .hover--white:hover, .white-scroll .hover--tra-white:hover { color: var(--black)!important; border-color: var(--black)!important; background-color: transparent!important; } .theme--dark .white-scroll .hover--tra-white:hover { color: var(--white)!important; border-color: var(--white)!important; background-color: transparent!important; } .theme--dark .navbar-dark .hover--tra-black:hover, .theme--dark .navbar-dark .scroll .hover--tra-black:hover { color: var(--white)!important; background-color: transparent!important; border-color: var(--white)!important; } .theme--dark .wsmenu > .wsmenu-list { background-color: #1d222f!important; } .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: var(--white); } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section { margin-top: 80px; } /* HERO QUICK FORM */ /* HERO DIGITS */ /* HERO-1 */ /* HERO-2 */ .hero-2-txt p.p-xl { padding: 0; } /* HERO-3 */ /* HERO-4 */ /* HERO-5 */ .hero-5-txt p.p-xl { padding: 0; } /* HERO-6 */ .hero-6-txt p.p-lg { padding: 0; } /* HERO-7 */ /* HERO-8 */ /* HERO-9 */ /* HERO-10 */ .hero-10-txt p.p-lg { padding: 0; } /* HERO-11 */ /* HERO-12 */ /* HERO-13 */ /* HERO-14 */ .hero-14-txt p.p-xl { padding: 0; } /* HERO-15 */ .hero-15-txt p.p-lg { padding-right: 0; } /* HERO-16 */ /* HERO-17 */ #hero-17 { text-align: center; padding-top: 80px; } .hero-17-txt { margin: 0; } /* HERO-18 */ .hero-18-txt p.p-xl { padding: 0; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ /* CAREERS */ /* JOB POSITION */ /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { padding-top: 0; margin-top: 40px; } .row-cols-md-2 .fb-3 {margin-bottom: 40px;} .fbox-2 { text-align: center; display: block; } .fbox-ico-wrap { display: block; margin-right: 0; } .features-2-download p.p-sm { font-size: 1rem; margin-top: 15px; } /* CONTENT */ .ct-06 .section-overlay { margin-bottom: 80px; } .cbox-2 .ico-wrap { margin-right: 0; margin-bottom: 10px; } .cbox-4 p.p-sm { font-size: 1rem; } /* Content Image */ .ct-02 .img-block.right-column { margin-left: 0; } .ct-02 .img-block.left-column { margin-right: 0; } .ct-02 .img-block { margin: 0 0 35px; } .ct-03 .img-block img { max-width: 100%; margin: 0 0 35px; } .ct-06 .img-block { margin-bottom: -80px; } /* STATISTIC */ /* RATING */ /* TESTIMONIALS */ .review-rating.ico-15, .review-rating.ico-15.mb-15 { margin-bottom: 5px; } .author-data.mt-25 { margin-top: 13px; } .author-data.mb-15 { margin-bottom: 10px; } /* TEAM */ /* PRICING */ #pt-3-1, #pt-3-2 { margin: 0 0 40px 0; } .pricing-features.mt-25 { margin-top: 20px; } /* Pricing Notice */ .pricing-notice .btn.mt-25 { margin-top: 20px; } /* Pricing Toggle Button */ .toggle-btn.mt-40 { margin-top: 20px; } /* INTEGRATIONS */ .theme--dark .filter-btns button { color: var(--white); background-color: var(--white-smoke); border-color: var(--border-dark); } .integrations-section .more-btn.mt-30 { margin-top: 20px; } /* MORE APPS */ /* CHANGELOG */ /* DOWNLOAD */ /* FAQs */ /* BANNER */ .banner-1-txt p.p-md, .banner-1-txt p.p-lg { padding-right: 0; } /* NEWSLETTER */ /* BLOG */ .blog-post-txt p.p-sm { font-size: 1rem; } /* BLOG LISTING */ .posts-category.ico-20 [class*="flaticon-"]:before, .posts-category.ico-20 [class*="flaticon-"]:after { font-size: 1.125rem; } /* SINGLE BLOG POST */ .blog-post-preview, .single-post-title { padding: 0; margin-bottom: 35px; } /* CONTACTS */ .contact-form textarea { min-height: 190px; } /* FOOTER */ .footer { padding-bottom: 40px; } .footer-3 .footer-connect { margin-bottom: 40px; } .bottom-footer .bottom-footer-socials.text-end { text-align: left!important; } .theme--dark .fl-1, .theme--dark .fl-2, .theme--dark .fl-3, .theme--dark .fl-4 { border-bottom: 2px solid var(--silver); } .theme--dark .footer-1 .fl-5 { border-bottom: 2px solid var(--silver); } .footer-3 img.footer-logo { margin-bottom: 10px; } .footer h6.m-title { display: block; margin-bottom: 0!important; } .footer hr { display: none; } .bottom-footer-socials { margin-top: 16px; } .bottom-footer-socials li { padding-left: 0; padding-right: 14px; } .bottom-footer-socials a { padding-top: 15px; } .bottom-footer-socials li span { top: 0; padding-top: 14px; line-height: 1.2; } /* INNER PAGE WRAPPER */ /* TERMS, PRIVACY, COOKIES */ /* SIGN IN / SIGN UP */ } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 480px) and (max-width: 767.98px) { /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .bg--fixed { width: auto; } .bg--scroll { width: auto; background-attachment: scroll!important; } /* Background Shape */ .bg--shape:after { width: 1300px; height: 1300px; top: 12%; left: -10%; } /* Headers */ h6 { font-size: 1.375rem; } /* 22px; */ h5 { font-size: 1.5625rem; } /* 25px */ /* 27px */ h4 { font-size: 1.8125rem; } /* 29px */ h3 { font-size: 1.9375rem; } /* 31px */ h2 { font-size: 2.125rem; } /* 34px */ /* 38px */ h6, h5, h4, h3, h2, h1 { line-height: 1.4; } /* Paragraphs */ p.p-sm, p { font-size: 1rem; } p.p-md, p.p-lg, p.p-xl { font-size: 1.0625rem; } /* Button */ .btn, .btn.btn-md, .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1.1rem; padding: 0.9125rem 1.45rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { font-size: 1.125rem; padding: 0.85rem 1.45rem; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.3845rem 0.5rem; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.3rem; } .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.225rem; top: -11px; margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.225rem; top: -11px; margin-left: 0; } .btn.ico-left span { margin-right: 5px; } .btn.ico-right span { margin-left: 5px; } .btn.ico-30.ico-left span { right: 0; } /* Button Text */ /* Transparent Link */ .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } /* OS Button */ /* Store Badge */ /* Watch Link */ /* Vector Icon Background */ .ico-55 .shape-ico svg, .ico-60 .shape-ico svg { width: 130px; height: 130px; top: -42px; left: calc(50% - 70px); } /* Vector Rounded Icons */ .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after, .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:after, .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after { font-size: 3rem; line-height: 94px!important; } /* Section ID */ .section-id { font-size: 0.9rem; margin-bottom: 22px; } /* Section Title */ .section-title.mb-70 {margin-bottom: 35px; } .section-title.mb-100 { margin-bottom: 55px; } .section-title p { margin-top: 15px; } .section-title .btns-group { margin-top: 20px; } /* Advantages */ /* Compatibility */ /* Tools List / Payments Icons */ .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { font-size: 2.125rem; line-height: 2.5rem!important; margin-right: 5px; } /* Quote */ /* Users */ /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Header Logo */ .wsmobileheader .smllogo { display: block; margin-top: 25px; padding-left: 18px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmenu > .wsmenu-list { width: 345px; margin-right: -345px; } .wsactive .wsmobileheader { margin-right: 345px; } .overlapblackbg { width: calc(100% - 345px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 18px 0 0; } /* Nav Link Info */ .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 14px 10px; } /* Header Store Badges */ /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ /* HERO QUICK FORM */ /* Hero Advantages */ /* HERO DIGITS */ /* HERO-1 */ .hero-1-txt p.p-lg { padding: 0 4%; margin-top: 18px; margin-bottom: 25px; } /* HERO-2 */ .hero-2-txt p.p-xl { margin-top: 18px; margin-bottom: 26px; } /* HERO-3 */ .hero-3-txt p.p-xl { font-size: 1.135rem; margin-top: 12px; margin-bottom: 25px; } /* HERO-4 */ .hero-4-txt p.p-xl { margin-top: 16px; margin-bottom: 25px; } /* HERO-5 */ .hero-5-txt p.p-xl { font-size: 1.125rem; margin-top: 20px; margin-bottom: 25px; } /* HERO-6 */ .hero-6-txt p.p-lg { padding: 0 4%; margin-top: 15px; margin-bottom: 25px; } /* HERO-7 */ /* HERO-8 */ .hero-8-txt p.p-lg { margin-top: 15px; margin-bottom: 25px; } /* HERO-9 */ .hero-9-txt p.p-lg { padding: 0 5%; margin-top: 15px; margin-bottom: 25px; } /* HERO-10 */ .hero-10-txt p.p-lg { margin-top: 16px; margin-bottom: 25px; } /* HERO-11 */ .hero-11-txt p.p-lg { margin-top: 15px; margin-bottom: 22px; } /* HERO-12 */ .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { padding: 0; margin-top: 15px; margin-bottom: 25px; } /* HERO-13 */ .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { margin-top: 12px; margin-bottom: 25px; } /* HERO-14 */ .hero-14-txt p.p-xl { margin-top: 18px; margin-bottom: 25px; } /* HERO-15 */ .hero-15-txt p.p-lg { margin-top: 16px; margin-bottom: 16px; } /* HERO-16 */ .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 12px; margin-bottom: 22px; padding: 0; } /* HERO-17 */ .hero-17-txt { padding: 0 6%; } .hero-17-txt h1, .hero-17-txt h2 { font-size: 3.2rem; line-height: 1.3; padding: 0 6%; } .hero-17-txt p.p-md { margin-top: 14px; margin-bottom: 25px; } /* HERO-18 */ .hero-18-txt p.p-xl { padding: 0 3%; margin-top: 18px; margin-bottom: 20px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ /* CAREERS */ .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.25rem; } /* JOB POSITION */ .job-position-title .position-data p.p-xl { font-size: 1.25rem; } /* FEATURES */ .features-2 .section-title p.p-xl { font-size: 1.175rem; } .fbox-2 .fbox-ico-wrap.ico-55 { margin-bottom: 16px; } .fbox-wrapper .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .ico-50 [class*="flaticon-"]:after, .fbox-wrapper .ico-55 [class*="flaticon-"]:before, .fbox-wrapper .ico-55 [class*="flaticon-"]:after, .fbox-wrapper .ico-60 [class*="flaticon-"]:before, .fbox-wrapper .ico-60 [class*="flaticon-"]:after { font-size: 4rem; } .fbox-ico-wrap .ico-40 [class*="flaticon-"]:before, .fbox-ico-wrap .ico-40 [class*="flaticon-"]:after { font-size: 2.85rem; } .fbox-wrapper .row-cols-md-2 h6, .fbox-wrapper .row-cols-md-3 h6, .fbox-2 h5 { margin-bottom: 12px; } /* CONTENT */ .ct-06 .section-overlay { margin-bottom: 50px; } .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 50px 35px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 50px; } .ct-05 .section-title, .ct-06 .section-title { margin-bottom: 45px; } .txt-block-stat.mt-35 { margin-top: 25px; } .txt-block h3, .txt-block h2, .txt-block h5 { margin-bottom: 15px; } .txt-block .btn { margin-top: 24px; } .cbox-title.ico-30 h5 { line-height: 2.5rem!important; } .cbox-6-txt.mt-30 { margin-top: 25px; } .cbox-6-data.mt-25 { margin-top: 20px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; } /* Content Images */ .ct-06 .img-block { margin-bottom: -50px; } /* STATISTIC */ .statistic-2.py-80 { padding: 70px 0; } /* RATING */ .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } /* TESTIMONIALS */ .review-ico.ico-45 { top: 10px; right: 16px; } .review-ico.ico-60 { top: 10px; left: 20px; } .review-4-txt .author-data.mb-15 { margin-top: 0; margin-bottom: 12px; } .review-author.mt-15 { margin-top: -2px; } /* TEAM */ /* PRICING */ .p-table p.btn-txt { margin: 12px 0 0 0; } /* Price */ /* Pricing Features */ .pricing-features.mt-25 { margin-top: 18px; } /* Pricing Notice */ .pricing-notice.mb-40 { margin-bottom: 30px; } .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 35px; } .table>:not(caption)>*>* { padding-top: 10px; padding-bottom: 10px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.725rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.875rem; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 50px; } .integrations-section .more-btn.mt-30 { margin-top: 24px; } /* MORE APPS */ /* BRANDS */ .brands-2-wrapper .row-cols-md-6 .brand-logo { padding: 0 8px; } /* CHANGELOG */ /* FAQs */ /* BANNER */ .banner-3 .banner-overlay.pt-80.pb-90 { padding: 55px 0 65px; } .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 12px 0 20px; } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0; margin: 12px 0 22px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { margin-top: 14px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { margin-top: 14px; margin-bottom: 24px; } .banner-3-txt .btn.mt-25, .banner-3-txt .btn.mt-35 { margin-top: 22px; } /* NEWSLETTER */ /* BLOG */ .blog-1.pb-60 { padding-bottom: 30px; } /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 30px; } /* SINGLE BLOG POST */ .blog-post-preview, .single-post-title { margin-bottom: 30px; } .single-post-title h2 { margin-bottom: 14px; } .share-social-icons.ico-25 [class*="flaticon-"]:before, .share-social-icons.ico-25 [class*="flaticon-"]:after { font-size: 1.525rem; } /* CONTACTS */ .contact-form .form-control, .contact-form .form-select { height: 54px; font-size: 1.0625rem; margin-bottom: 30px; } .contact-form .form-btn .btn { font-size: 1.05rem; padding: 0.9rem 1.8rem; } /* FOOTER */ .footer-3 .footer-connect { margin-top: 5px; margin-bottom: 30px; } img.footer-logo { max-height: 30px; margin-bottom: 25px; } .footer h6 { font-size: 1.25rem; margin-bottom: 20px; } /* 20px */ .footer h6.m-title:after { font-size: 1.125rem; top: 3px; } /* 17.5px */ .footer-mail-link.ico-20 [class*="flaticon-"]:before, .footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.275rem; } .footer-info-socials.ico-20 [class*="flaticon-"]:before, .footer-info-socials.ico-20 [class*="flaticon-"]:after, .footer-info-socials.ico-25 [class*="flaticon-"]:before, .footer-info-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.3975rem; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.435rem; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.0625rem; line-height: 26px!important; } .footer-copyright p { font-size: 1rem; } .footer-info-copyright.ico-15 [class*="flaticon-"]:before, .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } .footer-data-socials.ico-25 [class*="flaticon-"]:before, .footer-data-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.55rem; } .bottom-foo-socials.ico-10 [class*="flaticon-"]:before, .bottom-foo-socials.ico-10 [class*="flaticon-"]:after { font-size: 1.125rem; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.375rem; } /* INNER PAGE WRAPPER */ /* SIGN IN / SIGN UP */ .reset-form-title p.p-sm { font-size: 1.0625rem; margin-top: 12px; } /* COOKIES */ /* MODAL */ } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 414px) and (max-width: 479.98px) { /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .division { padding-left: 10px; padding-right: 10px; } .bg--fixed { width: auto; } .bg--scroll { width: auto; background-attachment: scroll!important; } /* Headers */ h6 { font-size: 1.25rem; } /* 20px; */ h5 { font-size: 1.375rem; } /* 22px; */ h4 { font-size: 1.5rem; } /* 24px; */ h3, h2 { font-size: 1.625rem; } /* 26px; */ /* 30px; */ h6, h5, h4, h3, h2, h1 { line-height: 1.4; } /* Paragraphs */ p.p-sm, p { font-size: 1rem; } p.p-md, p.p-lg, p.p-xl { font-size: 1.0625rem; } /* Button */ .btn, .btn.btn-md, .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1.1rem; padding: 0.9125rem 1.45rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { font-size: 1.125rem; padding: 0.85rem 1.45rem; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.68165rem 0.5rem 0; } /* Buttons Group */ .btns-group .btn:first-child { margin: 0 0 15px; } .btns-group .btn--transparent { margin-top: -10px; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.3rem; } .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.225rem; top: -11px; margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.225rem; top: -11px; margin-left: 0; } .btn.ico-left span { margin-right: 8px; } .btn.ico-right span { margin-left: 8px; } .btn.ico-30.ico-left span { right: 0; } /* Button Text */ p.btn-txt.ico-15, p.btns-group-txt.ico-15 { padding: 0; } .text-center .btns-group { display: block; } .btn-rating p.p-sm { font-size: 1rem; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1.115rem; top: 2px; } .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1.115rem; top: 2px; } /* Transparent Link */ .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } /* OS Button */ /* Store Badge */ /* Watch Video Link */ /* Video Popup Icon */ /* Vector Icon Background */ .ico-55 .shape-ico svg, .ico-60 .shape-ico svg { width: 125px; height: 125px; top: -45px; left: calc(50% - 65px); } /* Vector Rounded Icons */ .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after, .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:after, .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after { font-size: 3rem; line-height: 94px!important; } /* PNG Icons */ /* Section ID */ .section-id { font-size: 0.85rem; margin-bottom: 22px; } /* Section Title */ .section-title.mb-70 { margin-bottom: 35px; } .section-title.mb-100 { margin-bottom: 50px; } .section-title h2 { padding: 0 3px; } .section-title p { margin-top: 15px; } .ws-wrapper .section-title p { padding: 0 2%; } .section-title .btns-group { padding: 0 2%; margin-top: 10px; } .section-title .btns-group .btn { width: 100%; margin: 15px 0 0; } /* Advantages */ /* Compatibility */ /* Tools List / Payments Icons */ .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { font-size: 2.125rem; line-height: 2.125rem!important; margin-right: 4px; } /* Quote */ /* Users */ /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Header Logo */ .wsmobileheader .smllogo { display: block; margin-top: 25px; padding-left: 16px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; } .wsactive .wsmobileheader { margin-right: 325px; } .overlapblackbg { width: calc(100% - 325px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; } /* Nav Link Info */ .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 13px 10px; } /* Header Store Badges */ /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section .btns-group { display: block; } .hero-section .btns-group .btn { display: block; padding: 1rem 1.5rem; margin: 0 10%; } .hero-section .btns-group .btn:first-child { margin-bottom: 15px; } /* Hero Advantages */ /* HERO QUICK FORM */ /* HERO DIGITS */ /* HERO-1 */ .hero-1-txt p.p-lg { padding: 0 2%; margin-top: 15px; margin-bottom: 5px; } /* HERO-2 */ .hero-2-txt p.p-xl { margin-top: 15px; margin-bottom: 5px; } /* HERO-3 */ .hero-3-txt p.p-xl { font-size: 1.175rem; margin-top: 15px; margin-bottom: 5px; } /* HERO-4 */ .hero-4-txt p.p-xl { padding: 0; margin-top: 15px; margin-bottom: 25px; } /* HERO-5 */ .hero-5-txt p.p-xl { margin-top: 15px; margin-bottom: 5px; } /* HERO-6 */ .hero-6-txt p.p-lg { padding: 0 4%; margin-top: 15px; margin-bottom: 25px; } /* HERO-7 */ /* HERO-8 */ .hero-8-txt p.p-lg { margin-top: 15px; margin-bottom: 25px; } /* HERO-9 */ .hero-9-txt p.p-lg { padding: 0 3%; margin-top: 12px; margin-bottom: 5px; } /* HERO-10 */ .hero-10-txt p.p-lg { padding: 0 3%; margin-top: 15px; margin-bottom: 25px; } /* HERO-11 */ .hero-11-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } /* HERO-12 */ .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { padding: 0; margin-top: 14px; margin-bottom: 23px; } /* HERO-13 */ .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { padding: 0 2%; margin-top: 10px; margin-bottom: 5px; } /* HERO-14 */ .hero-14-txt p.p-xl { margin-top: 15px; margin-bottom: 10px; } /* HERO-15 */ .hero-15-txt p.p-lg { margin-top: 16px; margin-bottom: 25px; } /* HERO-16 */ .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 12px; margin-bottom: 22px; padding: 0; } /* HERO-17 */ .hero-17-txt h1, .hero-17-txt h2 { font-size: 2.55rem; line-height: 1.3; padding: 0 7%; } .hero-17-txt p.p-md { margin-top: 14px; margin-bottom: 5px; } /* HERO-18 */ .hero-18-txt p.p-xl { margin-top: 14px; margin-bottom: 20px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ /* CAREERS */ .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1rem; } /* JOB POSITION */ .job-position-title .position-data p.p-xl { font-size: 1.25rem; } /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { margin-top: 40px; } .features-2 .section-title p.p-xl { font-size: 1.15rem; } .row-cols-md-2 .fb-3 { margin-bottom: 35px; } .fbox-ico.ico-rounded, .fbox-1 .fbox-ico.ico-60 { margin-bottom: 15px; } .fbox-2 .fbox-ico-wrap.ico-55 { margin-bottom: 14px; } .fbox-wrapper .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .ico-50 [class*="flaticon-"]:after, .fbox-wrapper .ico-55 [class*="flaticon-"]:before, .fbox-wrapper .ico-55 [class*="flaticon-"]:after, .fbox-wrapper .ico-60 [class*="flaticon-"]:before, .fbox-wrapper .ico-60 [class*="flaticon-"]:after { font-size: 3.7rem; } .fbox-ico-wrap .ico-40 [class*="flaticon-"]:before, .fbox-ico-wrap .ico-40 [class*="flaticon-"]:after { font-size: 3.15rem; } .fbox-wrapper .row-cols-md-2 h6, .fbox-wrapper .row-cols-md-3 h6, .fbox-2 h5 { margin-bottom: 12px; } .rows-2.row-cols-lg-4 .fbox-1 p { padding: 0 5%; } .features-2-download p.p-sm { font-size: 0.9rem; margin-top: 15px; } /* CONTENT */ .bc-02.pt-30 .container, .bc-02.pb-30 .container { max-width: auto; } .bc-02.pt-30 .bc-02-wrapper, .bc-02.pb-30 .bc-02-wrapper { margin: 0; border-radius: 12px!important; } .bc-02.pt-30.ws-wrapper, .bc-02.pb-30.ws-wrapper { padding-top: 35px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 50px; } .ct-05.pt-100, .ct-06 .section-overlay { margin-bottom: 40px; } .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 35px 20px; } .ct-06 .section-title p { font-size: 1.03125rem; } .ct-05 .section-title p { font-size: 1.03125rem; } .txt-block-stat.mt-30, .txt-block-stat.mt-35 { margin-top: 20px; } .txt-block h3, .txt-block h2, .txt-block h5 { margin-bottom: 14px; } .txt-block .btn { margin-top: 22px; } .cbox-1 .ico-wrap { margin-right: 1rem; } .cbox-6-txt.mt-30 { margin-top: 20px; } .cbox-6-data.mt-25 { margin-top: 15px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.735rem; } /* Content Images */ .ct-06 .img-block { margin-bottom: -40px; } /* STATISTIC */ .statistic-2.py-80 { padding: 70px 0; } /* RATING */ .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } /* TESTIMONIALS */ .review-ico.ico-45 { top: 10px; right: 16px; } .review-ico.ico-60 { top: 10px; left: 20px; } .review-4-txt .author-data.mb-15 { margin-top: 0; margin-bottom: 12px; } .review-author.mt-15 { margin-top: -2px; } /* TEAM */ /* PRICING */ .p-table p.btn-txt { margin: 12px 0 0 0; } /* Pricing Features */ .pricing-features.mt-25 { margin-top: 20px; } .pt-btn { margin-top: 22px; } /* Pricing Notice */ .pricing-notice.mb-40 { margin-bottom: 30px; } .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .table>:not(caption)>*>* { padding: 10px 0 9px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 50px; } .integrations-section .more-btn.mt-30 { margin-top: 22px; } /* MORE APPS */ /* BRANDS */ /* CHANGELOG */ /* DOWNLOAD */ /* FAQs */ /* BANNER */ .banner-3 .banner-overlay.pt-80.pb-90 { padding: 55px 0 65px; } .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 12px 0 4px; padding: 0 6%; } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0 4%; margin: 15px 0 22px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { padding: 0 8%; margin-top: 14px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { padding: 0 3%; margin-top: 14px; margin-bottom: 22px; } .banner-3-txt .btn.mt-25 { width: auto; margin-top: 18px; } .banner-3-txt .btn.mt-35 { width: auto; margin-top: 24px; } /* NEWSLETTER */ /* BLOG */ .blog-1.pb-60 { padding-bottom: 35px; } /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 35px; } /* SINGLE BLOG POST */ .blog-post-preview, .single-post-title { margin-bottom: 25px; } .single-post-title h2 { margin-bottom: 14px; } .share-social-icons.ico-25 [class*="flaticon-"]:before, .share-social-icons.ico-25 [class*="flaticon-"]:after { font-size: 1.525rem; } /* CONTACTS */ .contacts-1.pb-40 { padding-bottom: 20px; } .contact-form .form-control, .contact-form .form-select { height: 50px; font-size: 1.0625rem; padding: 0 15px;margin-bottom: 26px; } .contact-form textarea { min-height: 150px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn .btn { font-size: 1.1rem; padding: 0.925rem 1.8rem; } /* FOOTER */ .footer { padding-bottom: 30px; } .footer-info { margin-bottom: 35px; } .footer-3 .footer-connect { margin-top: 5px; margin-bottom: 25px; } img.footer-logo { max-height: 30px; margin-bottom: 25px; } .footer h6 { font-size: 1.1875rem; margin-bottom: 20px; } /* 19px */ /* 17.5px */ .footer-mail-link.ico-20 [class*="flaticon-"]:before, .footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.275rem; } .footer-info-socials.ico-20 [class*="flaticon-"]:before, .footer-info-socials.ico-20 [class*="flaticon-"]:after, .footer-info-socials.ico-25 [class*="flaticon-"]:before, .footer-info-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.3975rem; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.435rem; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1rem; line-height: 28px!important; } .footer-copyright p, .bottom-footer-list p.p-sm, .bottom-secondary-link p.p-sm { font-size: 1rem; } .footer-info-copyright.ico-15 [class*="flaticon-"]:before, .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.375rem; } .footer-data-socials.ico-25 [class*="flaticon-"]:before, .footer-data-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .bottom-foo-socials.ico-10 [class*="flaticon-"]:before, .bottom-foo-socials.ico-10 [class*="flaticon-"]:after { font-size: 1.125rem; } .bottom-footer p.p-sm { margin-bottom: 0; } /* INNER PAGE WRAPPER */ /* PAGE PAGINATION */ .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } /* TERMS, PRIVACY, COOKIES */ /* SIGN IN / SIGN UP */ .reset-form-title p.p-sm { font-size: 1rem; margin-top: 12px; } /* COOKIES */ /* MODAL */ } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 390px) and (max-width: 413.98px) { /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .division { padding-left: 8px; padding-right: 8px; } .bg--fixed { width: auto; } .bg--scroll { width: auto; background-attachment: scroll!important; } /* Headers */ h6 { font-size: 1.25rem; } /* 20px; */ h5 { font-size: 1.375rem; } /* 22px; */ h4 { font-size: 1.5rem; } /* 24px; */ h3, h2 { font-size: 1.625rem; } /* 26px; */ /* 30px; */ h6, h5, h4, h3, h2, h1 { line-height: 1.4; } /* Paragraphs */ p.p-sm, p { font-size: 1rem; } p.p-md, p.p-lg, p.p-xl { font-size: 1.0625rem; } /* Button */ .btn, .btn.btn-md, .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1.1rem; padding: 0.9125rem 1.75rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { font-size: 1.125rem; padding: 0.85rem 1.45rem; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.61915rem 0.5rem 0; } /* Buttons Group */ .btns-group .btn:first-child { margin: 0 0 15px; } .btns-group .btn--transparent { margin-top: -7px; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.45rem!important;top: 4px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.3rem; } .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.225rem; top: -11px; margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.225rem; top: -11px; margin-left: 0; } .btn.ico-left span { margin-right: 7px; } .btn.ico-right span { margin-left: 7px; } .btn.ico-30.ico-left span { right: 0; } /* Button Text */ p.btn-txt.ico-15, p.btns-group-txt.ico-15 { padding: 0; } .text-center .btns-group { display: block; } .btn-rating p.p-sm { font-size: 1rem; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1.115rem; top: 2px; } .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1.115rem; top: 2px; } /* Transparent Link */ .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } /* OS Button */ /* Store Badge */ /* Watch Video Link */ /* Video Popup Icon */ /* Vector Icon Background */ .ico-55 .shape-ico svg, .ico-60 .shape-ico svg { width: 125px; height: 125px; top: -45px; left: calc(50% - 65px); } /* Vector Rounded Icons */ .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after, .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:after, .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after { font-size: 3rem; line-height: 94px!important; } /* PNG Icons */ /* Section ID */ .section-id { font-size: 0.85rem; margin-bottom: 22px; } /* Section Title */ .section-title.mb-70 {margin-bottom: 35px; } .section-title.mb-100 { margin-bottom: 45px; } .section-title p { margin-top: 15px; } .section-title .btns-group { padding: 0 2%; margin-top: 10px; } .section-title .btns-group .btn { width: 100%; margin: 15px 0 0; } /* Advantages */ /* Compatibility */ /* Tools List / Payments Icons */ .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { font-size: 2.125rem; line-height: 2.125rem!important; margin-right: 4px; } /* Quote */ /* Users */ /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Header Logo */ .wsmobileheader .smllogo { display: block; margin-top: 25px; padding-left: 16px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; } .wsactive .wsmobileheader { margin-right: 325px; } .overlapblackbg { width: calc(100% - 325px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; } /* Nav Link Info */ .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 13px 10px; } /* Header Store Badges */ /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section .btns-group { display: block; } .hero-section .btns-group .btn { display: block; padding: 1rem 1.5rem; margin: 0 10%; } .hero-section .btns-group .btn:first-child { margin-bottom: 15px; } /* Hero Advantages */ /* HERO QUICK FORM */ /* HERO DIGITS */ /* HERO-1 */ .hero-1-txt p.p-lg { margin-top: 15px; margin-bottom: 5px; } /* HERO-2 */ .hero-2-txt p.p-xl { margin-top: 14px; margin-bottom: 5px; } /* HERO-3 */ .hero-3-txt p.p-xl { font-size: 1.2rem; margin-top: 15px; margin-bottom: 5px; } /* HERO-4 */ .hero-4-txt p.p-xl { padding: 0; margin-top: 15px; margin-bottom: 24px; } /* HERO-5 */ .hero-5-txt p.p-xl { margin-top: 15px; margin-bottom: 5px; } /* HERO-6 */ .hero-6-txt p.p-lg { padding: 0 2%; margin-top: 12px; margin-bottom: 24px; } /* HERO-7 */ /* HERO-8 */ .hero-8-txt p.p-lg { margin-top: 12px; margin-bottom: 20px; } /* HERO-9 */ .hero-9-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } /* HERO-10 */ .hero-10-txt p.p-lg { padding: 0; margin-top: 15px; margin-bottom: 5px; } /* HERO-11 */ .hero-11-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } /* HERO-12 */ .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { padding: 0; margin-top: 14px; margin-bottom: 22px; } /* HERO-13 */ .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { margin-top: 12px; margin-bottom: 5px; } /* HERO-14 */ .hero-14-txt p.p-xl { margin-top: 15px; margin-bottom: 10px; } /* HERO-15 */ .hero-15-txt p.p-lg { margin-top: 16px; margin-bottom: 25px; } /* HERO-16 */ .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 12px; margin-bottom: 22px; padding: 0; } /* HERO-17 */ .hero-17-txt { padding: 0 4%; } .hero-17-txt h1, .hero-17-txt h2 { font-size: 2.6rem; line-height: 1.3; } .hero-17-txt p.p-md { margin-top: 14px; margin-bottom: 5px; } /* HERO-18 */ .hero-18-txt p.p-xl { margin-top: 14px; margin-bottom: 20px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ /* CAREERS */ .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1rem; } /* JOB POSITION */ .job-position-title .position-data p.p-xl { font-size: 1.2rem; } /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { margin-top: 35px; } .features-2 .section-title p.p-xl { font-size: 1.1rem; } .row-cols-md-2 .fb-3 { margin-bottom: 35px; } .fbox-1 .fbox-ico.ico-60 { margin-bottom: 15px; } .fbox-2 .fbox-ico-wrap.ico-55 { margin-bottom: 14px; } .fbox-wrapper .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .ico-50 [class*="flaticon-"]:after, .fbox-wrapper .ico-55 [class*="flaticon-"]:before, .fbox-wrapper .ico-55 [class*="flaticon-"]:after, .fbox-wrapper .ico-60 [class*="flaticon-"]:before, .fbox-wrapper .ico-60 [class*="flaticon-"]:after { font-size: 3.7rem; } .fbox-ico-wrap .ico-40 [class*="flaticon-"]:before, .fbox-ico-wrap .ico-40 [class*="flaticon-"]:after { font-size: 3.15rem; } .fbox-wrapper .row-cols-md-2 h6, .fbox-wrapper .row-cols-md-3 h6, .fbox-2 h5 { margin-bottom: 12px; } .features-2-download p.p-sm { font-size: 0.925rem; padding: 0 5%; margin-top: 18px; } .features-2-download p.p-sm br { display: none; } /* CONTENT */ .bc-02.pt-30 .container, .bc-02.pb-30 .container { max-width: auto; } .bc-02.pt-30 .bc-02-wrapper, .bc-02.pb-30 .bc-02-wrapper { margin: 0; border-radius: 12px!important; } .bc-02.pt-30.ws-wrapper, .bc-02.pb-30.ws-wrapper { padding-top: 35px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 50px; } .ct-05.pt-100, .ct-06 .section-overlay { margin-bottom: 40px; } .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 35px 22px; } .txt-block-stat.mt-30, .txt-block-stat.mt-35 { margin-top: 20px; } .txt-block h3, .txt-block h2, .txt-block h5 { margin-bottom: 14px; } .txt-block .btn { margin-top: 20px; } .cbox-1 .ico-wrap { margin-right: 1rem; } .cbox-6-txt.mt-30 { margin-top: 20px; } .cbox-6-data.mt-25 { margin-top: 15px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.735rem; } /* Content Images */ .ct-06 .img-block { margin-bottom: -40px; } /* STATISTIC */ .statistic-2.py-80 { padding: 70px 0; } /* RATING */ .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } /* TESTIMONIALS */ .review-ico.ico-45 { top: 10px; right: 16px; } .review-ico.ico-60 { top: 10px; left: 18px; } .review-4-txt .author-data.mb-15 { margin-top: 0; margin-bottom: 12px; } .review-author.mt-15 { margin-top: -2px; } /* TEAM */ /* PRICING */ .p-table p.btn-txt { margin: 12px 0 0 0; } /* Price */ /* Pricing Features */ .pricing-features.mt-25 { margin-top: 20px; } .pt-btn { margin-top: 20px; } /* Pricing Notice */ .pricing-notice.mb-40 { margin-bottom: 30px; } .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0 ; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .table>:not(caption)>*>* { padding: 11px 0 9px; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 50px; } .integrations-section .more-btn.mt-30 { margin-top: 22px; } /* MORE APPS */ /* BRANDS */ /* CHANGELOG */ /* DOWNLOAD */ /* FAQs */ /* BANNER */ .banner-3 .banner-overlay.pt-80.pb-90 { paddingp: 55px 0 65px; } .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 14px 0 2px; padding: 0 5%; } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0; margin: 15px 0 22px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { padding: 0 5%; margin-top: 14px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { margin-top: 14px; margin-bottom: 22px; } .banner-3-txt .btn.mt-25 { width: auto; margin-top: 18px; } .banner-3-txt .btn.mt-35 { width: auto; margin-top: 24px; } /* NEWSLETTER */ /* BLOG */ .blog-1.pb-60 { padding-bottom: 35px; } /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 35px; } /* SINGLE BLOG POST */ .blog-post-preview, .single-post-title { margin-bottom: 25px; } .single-post-title h2 { margin-bottom: 14px; } .share-social-icons.ico-25 [class*="flaticon-"]:before, .share-social-icons.ico-25 [class*="flaticon-"]:after { font-size: 1.525rem; } /* CONTACTS */ .contacts-1.pb-40 { padding-bottom: 20px; } .contact-form .form-control, .contact-form .form-select { height: 50px; font-size: 1.0625rem; padding: 0 15px;margin-bottom: 26px; } .contact-form textarea { min-height: 150px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn .btn { font-size: 1.0625rem; padding: 0.95rem 1.8rem; } /* FOOTER */ .footer { padding-bottom: 30px; } .footer-info { margin-bottom: 35px; } .footer-3 .footer-connect { margin-top: 5px; margin-bottom: 25px; } img.footer-logo { max-height: 30px; margin-bottom: 25px; } .footer h6 { font-size: 1.1875rem; margin-bottom: 20px; } /* 19px */ /* 17.5px */ .footer-mail-link.ico-20 [class*="flaticon-"]:before, .footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.275rem; } .footer-info-socials.ico-20 [class*="flaticon-"]:before, .footer-info-socials.ico-20 [class*="flaticon-"]:after, .footer-info-socials.ico-25 [class*="flaticon-"]:before, .footer-info-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.3975rem; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.435rem; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1rem; line-height: 28px!important; } .footer-copyright p, .bottom-footer-list p.p-sm, .bottom-secondary-link p.p-sm { font-size: 1rem; } .footer-data-socials.ico-25 [class*="flaticon-"]:before, .footer-data-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .bottom-foo-socials.ico-10 [class*="flaticon-"]:before, .bottom-foo-socials.ico-10 [class*="flaticon-"]:after { font-size: 1.125rem; } .footer-info-copyright.ico-15 [class*="flaticon-"]:before, .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.375rem; } .bottom-footer p.p-sm { margin-bottom: 0; } /* INNER PAGE WRAPPER */ /* PAGE PAGINATION */ .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } /* TERMS, PRIVACY, COOKIES */ /* SIGN IN / SIGN UP */ .reset-form-title p.p-sm { font-size: 1.0625rem; margin-top: 10px; } /* COOKIES */ /* MODAL */ } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 321px) and (max-width: 389.98px) { html { font-size: 93.75%; } /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .division { padding-left: 5px; padding-right: 5px; } .bg--fixed { width: auto; } .bg--scroll { width: auto; background-attachment: scroll!important; } /* Headers */ h6 { font-size: 1.33334rem; } /* 20px */ h5, h4 { font-size: 1.46667rem; } /* 22px */ h3, h2 { font-size: 1.6rem; } /* 24px */ /* 28px */ h6, h5, h4, h3, h2, h1 { line-height: 1.4; } /* Paragraphs */ p.p-sm, p { font-size: 1rem; } p.p-md, p.p-lg, p.p-xl { font-size: 1.0625rem; } /* Button */ .btn, .btn.btn-md, .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1.1rem; padding: 0.925rem 1.45rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { font-size: 1.125rem; padding: 0.75rem 0.9rem; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.61095rem 0.5rem 0; } /* Buttons Group */ .btns-group .btn:first-child { margin: 0 0 15px; } .btns-group .btn--transparent { margin-top: -6px; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.225rem; line-height: 0.5rem!important;top: 4px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.3rem; } .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.2rem; top: -10px; margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.2rem; top: -10px; margin-left: 0; } .btn.ico-left span { margin-right: 8px; } .btn.ico-right span { margin-left: 8px; } .btn.ico-30.ico-left span { right: 0; } /* Button Text */ p.btn-txt.ico-15, p.btns-group-txt.ico-15 { padding: 0; } .text-center .btns-group { display: block; } p.p-sm.btns-group-txt, .btn-rating p.p-sm { font-size: 1rem; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1.1275rem; top: 2px; } .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1.135rem; top: 2px; } /* Transparent Link */ .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } /* OS Button */ /* Store Badge */ /* Watch Video Link */ /* Video Popup Icon */ /* Vector Icon Background */ .ico-55 .shape-ico svg, .ico-60 .shape-ico svg { width: 120px; height: 120px; top: -45px; left: calc(50% - 62px); } /* Vector Rounded Icons */ .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 94px; height: 94px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after, .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:after, .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after { font-size: 3rem; line-height: 94px!important; } /* PNG Icons */ /* Section ID */ .section-id { font-size: 0.85rem; margin-bottom: 20px; } /* Section Title */ .section-title.mb-70 {margin-bottom: 35px; } .section-title.mb-100 { margin-bottom: 40px; } .section-title p { margin-top: 15px; } .section-title .btns-group { padding: 0 2%; margin-top: 8px; } .section-title .btns-group .btn { width: 100%; margin: 12px 0 0; } /* Advantages */ /* Compatibility */ /* Tools List / Payments Icons */ .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { font-size: 2.125rem;line-height: 2.125rem!important; margin-right: 4px; } /* Quote */ /* Users */ /*------------------------------------------*/ /* PRELOADER SPINNER /*------------------------------------------*/ .cssload-spinner { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } .cssload-spinner:after, .cssload-spinner:before { width: 46px; height: 46px; } .cssload-spinner:before { width: 68px; height: 68px; margin-left: -11px; margin-top: -11px; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Header Logo */ .wsmobileheader .smllogo { display: block; margin-top: 25px; padding-left: 16px; } .smllogo img { width: auto; max-width: inherit; max-height: 30px; } .wsmenu > .wsmenu-list { width: 290px; margin-right: -290px; } .wsactive .wsmobileheader { margin-right: 290px; } .overlapblackbg { width: calc(100% - 290px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; } /* Nav Link Info */ .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 13px 10px; } /* Header Store Badges */ /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section .btns-group { display: block; } .hero-section .btns-group .btn { display: block; padding: 1rem 1.5rem; margin: 0 10%; } .hero-section .btns-group .btn:first-child { margin-bottom: 15px; } /* Hero Advantages */ /* HERO QUICK FORM */ /* HERO DIGITS */ /* HERO-1 */ .hero-1-txt p.p-lg { margin-top: 15px; margin-bottom: 5px; } /* HERO-2 */ .hero-2-txt p.p-xl { margin-top: 14px; margin-bottom: 5px; } /* HERO-3 */ .hero-3-txt p.p-xl { font-size: 1.2rem; margin-top: 15px; margin-bottom: 5px; } /* HERO-4 */ .hero-4-txt p.p-xl { margin-top: 15px; margin-bottom: 22px; } /* HERO-5 */ .hero-5-txt p.p-xl { margin-top: 15px; margin-bottom: 5px; } /* HERO-6 */ .hero-6-txt p.p-lg { padding: 0; margin-top: 12px; margin-bottom: 22px; } /* HERO-7 */ /* HERO-8 */ .hero-8-txt p.p-lg { margin-top: 12px; margin-bottom: 20px; } /* HERO-9 */ .hero-9-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } /* HERO-10 */ .hero-10-txt p.p-lg { padding: 0; margin-top: 14px; margin-bottom: 22px; } /* HERO-11 */ .hero-11-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } /* HERO-12 */ .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { padding: 0; margin-top: 12px; margin-bottom: 20px; } /* HERO-13 */ .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { margin-top: 12px; margin-bottom: 5px; } /* HERO-14 */ .hero-14-txt p.p-xl { margin-top: 12px; margin-bottom: 5px; } /* HERO-15 */ .hero-15-txt p.p-lg { margin-top: 14px; margin-bottom: 24px; } /* HERO-16 */ .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 12px; margin-bottom: 20px; padding: 0; } /* HERO-17 */ .hero-17-txt { padding: 0 4%; } .hero-17-txt h1, .hero-17-txt h2 { font-size: 2.6rem; line-height: 1.3; } .hero-17-txt p.p-md { margin-top: 14px; margin-bottom: 5px; } /* HERO-18 */ .hero-18-txt p.p-xl { margin-top: 14px; margin-bottom: 20px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ /* CAREERS */ .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.05rem; } /* JOB POSITION */ .job-position-title .position-data p.p-xl { font-size: 1.2rem; } /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { margin-top: 35px; } .features-2 .section-title p.p-xl { font-size: 1.1rem; } .row-cols-md-2 .fb-3 { margin-bottom: 35px; } .fbox-1 .fbox-ico.ico-60 { margin-bottom: 15px; } .fbox-2 .fbox-ico-wrap.ico-55 { margin-bottom: 14px; } .fbox-wrapper .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .ico-50 [class*="flaticon-"]:after, .fbox-wrapper .ico-55 [class*="flaticon-"]:before, .fbox-wrapper .ico-55 [class*="flaticon-"]:after, .fbox-wrapper .ico-60 [class*="flaticon-"]:before, .fbox-wrapper .ico-60 [class*="flaticon-"]:after { font-size: 3.65rem; } .fbox-ico-wrap .ico-40 [class*="flaticon-"]:before, .fbox-ico-wrap .ico-40 [class*="flaticon-"]:after { font-size: 3.1rem; } .fbox-wrapper .row-cols-md-2 h6,.fbox-wrapper .row-cols-md-3 h6, .fbox-2 h5 { margin-bottom: 12px; } .features-2-download p.p-sm { font-size: 0.95rem; padding: 0 5%; margin-top: 18px; } .features-2-download p.p-sm br { display: none; } /* CONTENT */ .bc-02.pt-30 .container, .bc-02.pb-30 .container { max-width: auto; } .bc-02.pt-30 .bc-02-wrapper, .bc-02.pb-30 .bc-02-wrapper { margin: 0; border-radius: 12px!important; } .bc-02.pt-30.ws-wrapper, .bc-02.pb-30.ws-wrapper { padding-top: 35px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 50px; } .ct-05 .section-title, .ct-06 .section-title { margin-bottom: 30px; } .ct-05.pt-100, .ct-06 .section-overlay { margin-bottom: 40px; } .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 35px 18px; } .txt-block-stat.mt-30, .txt-block-stat.mt-35 { margin-top: 18px; } .txt-block h3, .txt-block h2, .txt-block h5 { margin-bottom: 14px; } .txt-block .btn { margin-top: 20px; } .txt-block .btns-group .btn.btn--transparent { margin-top: 16px; } .cbox-1 .ico-wrap { margin-right: 0.9rem; } .cbox-6-txt.mt-30 { margin-top: 20px; } .cbox-6-data.mt-25 { margin-top: 15px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; } /* Content Images */ .ct-06 .img-block { margin-bottom: -40px; } /* STATISTIC */ .statistic-2.py-80 { padding: 70px 0; } /* RATING */ .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } /* TESTIMONIALS */ .review-ico.ico-45 { top: 10px; right: 16px; } .review-ico.ico-60 { top: 10px; left: 16px; } .review-4-txt .author-data.mb-15 { margin-top: 0; margin-bottom: 12px; } .review-author.mt-15 { margin-top: -2px; } /* TEAM */ /* PRICING */ .p-table p.btn-txt { margin: 10px 0 0 0; } /* Price */ .pt-btn { margin-top: 20px; } /* Pricing Features */ .pricing-features.mt-25 { margin-top: 15px; } /* Pricing Notice */ .pricing-notice.mb-40 { margin-bottom: 30px; } .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .table>:not(caption)>*>* { padding: 9px 0; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 50px; } .integrations-section .more-btn.mt-30 { margin-top: 22px; } /* MORE APPS */ /* BRANDS */ /* CHANGELOG */ /* DOWNLOAD */ /* FAQs */ /* BANNER */ /* 26px; */ .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 12px 0 3px; padding: 0 5%; } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0 4%; margin: 15px 0 20px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { padding: 0 5%; margin-top: 14px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { margin-top: 14px; margin-bottom: 18px; } .banner-3-txt .btn.mt-25 { width: auto; margin-top: 18px; } .banner-3-txt .btn.mt-35 { width: auto; margin-top: 24px; } /* NEWSLETTER */ /* BLOG */ .blog-1.pb-60 { padding-bottom: 35px; } /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 35px; } /* SINGLE BLOG POST */ .blog-post-preview, .single-post-title { margin-bottom: 25px; } .single-post-title h2 { margin-bottom: 14px; } .share-social-icons.ico-25 [class*="flaticon-"]:before, .share-social-icons.ico-25 [class*="flaticon-"]:after { font-size: 1.525rem; } /* CONTACTS */ .contacts-1.pb-40 { padding-bottom: 20px; } .contact-form .form-control, .contact-form .form-select { height: 50px; font-size: 1.0625rem; padding: 0 15px;margin-bottom: 26px; } .contact-form textarea { min-height: 150px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn .btn { font-size: 1.1rem; padding: 0.95rem 1.8rem; } /* FOOTER */ .footer { padding-bottom: 30px; } .footer-info { margin-bottom: 35px; } .footer-3 .footer-connect { margin-top: 5px; margin-bottom: 25px; } img.footer-logo { max-height: 30px; margin-bottom: 25px; } .footer h6 { font-size: 1.2rem; margin-bottom: 20px; } /* 18px */ /* 16.5px */ .footer-mail-link.ico-20 [class*="flaticon-"]:before, .footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.275rem; } .footer-info-socials.ico-20 [class*="flaticon-"]:before, .footer-info-socials.ico-20 [class*="flaticon-"]:after, .footer-info-socials.ico-25 [class*="flaticon-"]:before, .footer-info-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.45rem; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.0625rem; line-height: 26px!important; } .footer-copyright p, .bottom-footer-list p.p-sm, .bottom-secondary-link p.p-sm { font-size: 1rem; } .footer-data-socials.ico-25 [class*="flaticon-"]:before, .footer-data-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .bottom-foo-socials.ico-10 [class*="flaticon-"]:before, .bottom-foo-socials.ico-10 [class*="flaticon-"]:after { font-size: 1.125rem; } .footer-info-copyright.ico-15 [class*="flaticon-"]:before, .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.375rem; } /* INNER PAGE WRAPPER */ /* PAGE PAGINATION */ .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } /* TERMS, PRIVACY, COOKIES */ /* SIGN IN / SIGN UP */ .reset-form-title p.p-sm { font-size: 1rem; margin-top: 10px; } /* COOKIES */ /* MODAL */ } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (max-width: 320.98px) { html { font-size: 87.5%; } /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .division { padding-left: 0; padding-right: 0; } .bg--fixed { width: auto; } .bg--scroll { width: auto; background-attachment: scroll!important; } /* Background Shape */ .bg--shape:after { width: 1100px; height: 1100px; top: 12%; left: -10%; } .py-40 { padding: 30px 0; } .py-50 { padding: 35px 0; } .py-60 { padding: 40px 0; } .py-70 { padding: 40px 0; } .py-80 { padding: 40px 0; } .py-90 { padding: 50px 0; } .py-100 { padding: 60px 0; } .pt-40 { padding-top: 30px; } .pt-50 { padding-top: 35px; } .pt-60 { padding-top: 40px; } .pt-70 { padding-top: 40px; } .pt-80 { padding-top: 40px; } .pt-90 { padding-top: 50px; } .pt-100 { padding-top: 60px; } .pb-40 { padding-bottom: 30px; } .pb-50 { padding-bottom: 35px; } .pb-60 { padding-bottom: 40px; } .pb-70 { padding-bottom: 40px; } .pb-80 { padding-bottom: 40px; } .pb-90 { padding-bottom: 50px; } .pb-100 { padding-bottom: 60px; } .mt-30 { margin-top: 24px; } .mt-40 { margin-top: 30px; } .mt-45 { margin-top: 30px; } .mt-50 { margin-top: 35px; } .mt-55 { margin-top: 35px; } .mt-60 { margin-top: 40px; } .mt-65 { margin-top: 40px; } .mt-70 { margin-top: 40px; } .mt-75 { margin-top: 40px; } .mt-80 { margin-top: 40px; } .mb-30 { margin-bottom: 24px; } .mb-40 { margin-bottom: 30px; } .mb-45 { margin-bottom: 30px; } .mb-50 { margin-bottom: 35px; } .mb-55 { margin-bottom: 35px; } .mb-60 { margin-bottom: 40px; } .mb-65 { margin-bottom: 40px; } .mb-70 { margin-bottom: 40px; } .mb-75 { margin-bottom: 40px; } .mb-80 { margin-bottom: 40px; } /* Headers */ h6 { font-size: 1.35714rem; } /* 19px */ h5, h4 { font-size: 1.42857rem; } /* 20px */ h3, h2 { font-size: 1.57143rem; } /* 22px */ /* 24.5px */ h6, h5, h4, h3, h2, h1 { line-height: 1.4; } /* Paragraphs */ p.p-sm, p { font-size: 1rem; } p.p-md, p.p-lg, p.p-xl { font-size: 1.0625rem; } /* Button */ .btn, .btn.btn-md, .btn.ico-20.ico-left, .btn.ico-20.ico-right { font-size: 1.1rem; padding: 1rem 1.45rem; } .btn.ico-25.ico-left, .btn.ico-25.ico-right { font-size: 1.15rem; padding: 0.75rem 0.9rem; } .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right { padding: 0.391175rem 0.5rem 0; } /* Buttons Group */ .btns-group .btn:first-child { margin: 0 0 12px; } .btns-group .btn--transparent { margin-top: -5px; } /* Button Text */ p.btn-txt.ico-15, p.btns-group-txt.ico-15 { padding: 0; } .text-center .btns-group { display: block; } .btn-rating p.p-sm { font-size: 1rem; } .star-rating.ico-15 [class*="flaticon-"]:before, .star-rating.ico-15 [class*="flaticon-"]:after { position: relative; font-size: 1.125rem; top: 2px; } .star-rating.ico-20 [class*="flaticon-"]:before, .star-rating.ico-20 [class*="flaticon-"]:after { position: relative; font-size: 1.125rem; top: 2px; } /* Button Icon */ .btn.ico-20 [class*="flaticon-"]:before, .btn.ico-20 [class*="flaticon-"]:after { font-size: 1.15rem; line-height: 0.45rem!important; top: 3px; } .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after { font-size: 2.25rem; } .btn.ico-30.ico-left span.ico-30-txt { font-size: 1.2rem; top: -10px; margin-right: 0; } .btn.ico-30.ico-right span.ico-30-txt { font-size: 1.2rem; top: -10px; margin-left: 0; } .btn.ico-left span { margin-right: 5px; } .btn.ico-right span { margin-left: 5px; } .btn.ico-30.ico-left span { right: 0; } .ico-25-txt { top: -2px; } .btn.ico-25.ico-left span { margin-right: 5px; margin-left: 0; } /* Transparent Link */ .tra-link.ico-20 [class*="flaticon-"]:before, .tra-link.ico-20 [class*="flaticon-"]:after { font-size: 0.785rem; line-height: 0.7rem!important; top: 1px; left: 2px; } /* OS Button */ /* Store Badges */ /* Watch Video Link */ /* Video Popup Icon */ /* Vector Icon Background */ .ico-55 .shape-ico svg, .ico-60 .shape-ico svg { width: 110px; height: 110px; top: -40px; left: calc(50% - 57px); } /* Vector Rounded Icons */ .ico-rounded, .ico-rounded-md, .ico-rounded-lg { width: 88px; height: 88px; } .ico-rounded [class*="flaticon-"]:before, .ico-rounded [class*="flaticon-"]:after, .ico-rounded-md [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:after, .ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.85rem; line-height: 88px!important; } /* PNG Icons */ /* Section ID */ .section-id { font-size: 0.85rem; margin-bottom: 20px; } /* Section Title */ .section-title.mb-70 { margin-bottom: 30px; } .section-title.mb-100 { margin-bottom: 40px; } .section-title p { font-size: 1.025rem; margin-top: 12px; } .section-title .btns-group { padding: 0 4%; margin-top: 8px; } .section-title .btns-group .btn { width: 100%; margin: 12px 0 0; } /* Advantages */ /* Compatibility */ /* Tools List / Payments Icons */ .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after { font-size: 2rem; line-height: 2rem!important; margin-right: 3px; } /* Quote */ /* Users */ /*------------------------------------------*/ /* PRELOADER SPINNER /*------------------------------------------*/ .cssload-spinner { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } .cssload-spinner:after, .cssload-spinner:before { width: 46px; height: 46px; } .cssload-spinner:before { width: 68px; height: 68px; margin-left: -11px; margin-top: -11px; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ /* Header Logo */ .wsmobileheader .smllogo { display: block; margin-top: 26px; padding-left: 15px; } .smllogo img { width: auto; max-width: inherit; max-height: 28px; } .wsmenu > .wsmenu-list { width: 250px; margin-right: -250px; } .wsactive .wsmobileheader { margin-right: 250px; } .overlapblackbg { width: calc(100% - 250px); } .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 15px 0 0; } /* Nav Link Info */ .wsmenu > .wsmenu-list > li > a { padding: 5px 32px 4px 20px; margin: 0; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 8px; width: 8px; margin: 24px 18px 0px 0px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 { padding: 6px 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { padding: 13px 9px; } /* Header Store Badges */ /* Header Social Links */ .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after { line-height: 52px!important; } .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title { margin-top: 12px; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section .btns-group { display: block; } .hero-section .btns-group .btn { display: block; padding: 1rem 1.5rem; margin: 0 10%; } .hero-section .btns-group .btn:first-child { margin-bottom: 12px; } /* Hero Advantages */ /* HERO QUICK FORM */ /* HERO DIGITS */ /* HERO-1 */ .hero-1-txt p.p-lg { margin-top: 13px; margin-bottom: 5px; } /* HERO-2 */ .hero-2-txt p.p-xl { margin-top: 14px; margin-bottom: 5px; } /* HERO-3 */ .hero-3-txt p.p-xl { font-size: 1.2rem; margin-top: 15px; margin-bottom: 5px; } /* HERO-4 */ .hero-4-txt p.p-xl { padding: 0; margin-top: 15px; margin-bottom: 22px; } /* HERO-5 */ .hero-5-txt p.p-xl { margin-top: 13px; margin-bottom: 5px; } /* HERO-6 */ .hero-6-txt p.p-lg { padding: 0; margin-top: 12px; margin-bottom: 22px; } /* HERO-7 */ /* HERO-8 */ .hero-8-txt p.p-lg { margin-top: 12px; margin-bottom: 20px; } /* HERO-9 */ .hero-9-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } /* HERO-10 */ .hero-10-txt p.p-lg { padding: 0; margin-top: 14px; margin-bottom: 22px; } /* HERO-11 */ .hero-11-txt p.p-lg { margin-top: 12px; margin-bottom: 5px; } /* HERO-12 */ .hero-12-txt p.p-lg, .hero-12-txt p.p-xl { padding: 0; margin-top: 12px; margin-bottom: 20px; } /* HERO-13 */ .hero-13-txt p.p-lg, .hero-13-txt p.p-xl { margin-top: 12px; margin-bottom: 5px; } /* HERO-14 */ .hero-14-txt p.p-xl { margin-top: 12px; margin-bottom: 5px; } /* HERO-15 */ .hero-15-txt p.p-lg { margin-top: 12px; margin-bottom: 22px; } /* HERO-16 */ .hero-16-txt p.p-lg, .hero-16-txt p.p-xl { margin-top: 12px; margin-bottom: 20px; padding: 0; } /* HERO-17 */ .hero-17-txt { padding: 0 3%; } .hero-17-txt h1, .hero-17-txt h2 { font-size: 2.6rem; line-height: 1.3; } .hero-17-txt p.p-md { margin-top: 14px; margin-bottom: 5px; } /* HERO-18 */ .hero-18-txt p.p-xl { margin-top: 14px; margin-bottom: 20px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* ABOUT */ /* CAREERS */ .position-link.ico-25 [class*="flaticon-"]:before, .position-link.ico-25 [class*="flaticon-"]:after { font-size: 1.05rem; } /* JOB POSITION */ .job-position-title .position-data p.p-xl { font-size: 1.2rem; } /* FEATURES */ .features-4.pt-30, .features-5.pt-30 { margin-top: 30px; } .features-2 .section-title p.p-xl { font-size: 1.0625rem; } .row-cols-md-2 .fb-3 { margin-bottom: 30px; } .fbox-1 .fbox-ico.ico-60 { margin-bottom: 15px; } .fbox-2 .fbox-ico-wrap.ico-55 { margin-bottom: 13px; } .fbox-wrapper .ico-50 [class*="flaticon-"]:before, .fbox-wrapper .ico-50 [class*="flaticon-"]:after, .fbox-wrapper .ico-55 [class*="flaticon-"]:before, .fbox-wrapper .ico-55 [class*="flaticon-"]:after, .fbox-wrapper .ico-60 [class*="flaticon-"]:before, .fbox-wrapper .ico-60 [class*="flaticon-"]:after { font-size: 3.6rem; } .fbox-ico-wrap .ico-40 [class*="flaticon-"]:before, .fbox-ico-wrap .ico-40 [class*="flaticon-"]:after { font-size: 3rem; } .fbox-wrapper .row-cols-md-2 h6, .fbox-wrapper .row-cols-md-3 h6, .fbox-2 h5 { margin-bottom: 12px; } .features-2-download p.p-sm { font-size: 0.95rem; margin-top: 16px; } .features-2-download p.p-sm br { display: none; } /* CONTENT */ .bc-02.pt-30 .container, .bc-02.pb-30 .container { max-width: auto; } .bc-02.pt-30 .bc-02-wrapper, .bc-02.pb-30 .bc-02-wrapper { margin: 0; border-radius: 12px!important; } .bc-02.pt-30.ws-wrapper, .bc-02.pb-30.ws-wrapper { padding-top: 30px; } .bc-02.pt-30.bc-02-top { padding-top: 20px; margin-top: 40px; } .ct-05.pt-100, .ct-06 .section-overlay { margin-bottom: 30px; } .bc-02.pt-30 .section-overlay, .bc-02.pb-30 .section-overlay { padding: 30px 18px; } .ct-05 .section-title, .ct-06 .section-title { margin-bottom: 30px; } .ct-05 .section-title p { font-size: 1rem; } .txt-block-stat.mt-30, .txt-block-stat.mt-35 { margin-top: 18px; } .txt-block h3, .txt-block h2, .txt-block h5 { margin-bottom: 12px; } .txt-block .btn { margin-top: 20px; } .cbox-1 .ico-wrap { margin-right: 0.7rem; } .cbox-6-txt.mt-30 { margin-top: 20px; } .cbox-6-data.mt-25 { margin-top: 15px; } .cbox-7-ico.ico-15 [class*="flaticon-"]:before, .cbox-7-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.7rem; } /* Content Images */ .ct-02 .img-block, .ct-03 .img-block img { margin: 0 0 30px; } .ct-06 .img-block { margin-bottom: -30px; } /* STATISTIC */ .statistic-2.py-80 { padding: 60px 0; } /* RATING */ .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:before, .rbox-1 .star-rating.ico-15 [class*="flaticon-"]:after { font-size: 1rem; } /* TESTIMONIALS */ .review-ico.ico-45 { top: 10px; right: 16px; } .review-ico.ico-60 { top: 10px; left: 13px; } .review-4-txt .author-data.mb-15 { margin-top: 0; margin-bottom: 12px; } .review-author.mt-15 { margin-top: -2px; } /* TEAM */ /* PRICING */ .p-table, #pt-3-1, #pt-3-2 { margin-bottom: 30px; } .p-table p.btn-txt { margin: 10px 0 0 0; } /* Price */ .pt-btn { margin-top: 18px; } /* Pricing Features */ .pricing-features.mt-25 { margin-top: 15px; } /* Pricing Notice */ .pricing-notice.mb-40 { margin-bottom: 20px; } .col-lg-9 .pricing-notice p, .col-lg-10 .pricing-notice p { padding: 0; } /* Pricing Compare */ .table-responsive.mb-50 { margin-bottom: 30px; } .table>:not(caption)>*>* { padding: 9px 0; } .table-responsive .ico-15 [class*="flaticon-"]:before, .table-responsive .ico-15 [class*="flaticon-"]:after { font-size: 0.675rem; } .table-responsive .ico-20 [class*="flaticon-"]:before, .table-responsive .ico-20 [class*="flaticon-"]:after { font-size: 0.835rem; } /* INTEGRATIONS */ .integrations-2.pt-100.pb-70 { padding-bottom: 44px; } .integrations-section .more-btn.mt-30 { margin-top: 22px; } /* MORE APPS */ /* BRANDS */ /* CHANGELOG */ /* DOWNLOAD */ /* FAQs */ /* BANNER */ .banner-3 .banner-overlay.pt-80.pb-90 { padding: 50px 0 60px; } /* 24.5px */ /* 22px; */ .banner-1-txt p.p-md, .banner-1-txt p.p-lg { margin: 12px 0 3px; padding: 0 2%; } .banner-2-txt p.p-lg, .banner-2-txt p.p-xl { padding: 0 3%; margin: 15px 0 20px; } .banner-3-txt p.p-lg, .banner-3-txt p.p-xl { padding: 0 3%; margin-top: 14px; } .banner-5-txt p.p-md, .banner-5-txt p.p-lg { margin-top: 14px; margin-bottom: 18px; } .banner-3-txt .btn.mt-25 { width: auto; margin-top: 18px; } .banner-3-txt .btn.mt-35 { width: auto; margin-top: 20px; } /* NEWSLETTER */ /* BLOG */ .blog-1.pb-60 { padding-bottom: 25px; } /* BLOG LISTING */ #blog-page.pb-40 { padding-bottom: 25px; } /* SINGLE BLOG POST */ .blog-post-preview, .single-post-title { margin-bottom: 25px; } .single-post-title h2 { margin-bottom: 14px; } .share-social-icons.ico-25 [class*="flaticon-"]:before, .share-social-icons.ico-25 [class*="flaticon-"]:after { font-size: 1.525rem; } /* CONTACTS */ .contacts-1.pb-40 { padding-bottom: 20px; } .contact-form .form-control, .contact-form .form-select { height: 50px; font-size: 1.0625rem; padding: 0 15px;margin-bottom: 26px;} .contact-form textarea { min-height: 140px; } .contact-form textarea.form-control { padding: 15px; } .contact-form .form-btn .btn { font-size: 1.125rem; padding: 0.95rem 1.8rem; } /* FOOTER */ .footer { padding-bottom: 30px; } .footer-info { margin-bottom: 30px; } .footer-3 .footer-connect { margin-top: 10px; margin-bottom: 20px; } img.footer-logo { max-height: 28px; margin-bottom: 24px; } .footer h6 { font-size: 1.21428rem; margin-bottom: 20px; } /* 17px */ /* 15.5px */ .footer-mail-link.ico-20 [class*="flaticon-"]:before, .footer-mail-link.ico-20 [class*="flaticon-"]:after { font-size: 1.275rem; } .foo-links.ico-10 li span { top: 1px; right: 3px; } .footer-info-socials.ico-20 [class*="flaticon-"]:before, .footer-info-socials.ico-20 [class*="flaticon-"]:after, .footer-info-socials.ico-25 [class*="flaticon-"]:before, .footer-info-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.45rem; } .footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.5rem; } .footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after { font-size: 1.0625rem; line-height: 22px!important; } .footer-copyright p, .bottom-footer-list p.p-sm, .bottom-secondary-link p.p-sm { font-size: 1rem; } .footer-info-copyright.ico-15 [class*="flaticon-"]:before, .footer-info-copyright.ico-15 [class*="flaticon-"]:after { font-size: 0.815rem; } .footer-data-socials.ico-25 [class*="flaticon-"]:before, .footer-data-socials.ico-25 [class*="flaticon-"]:after { font-size: 1.55rem; } .bottom-foo-socials.ico-10 [class*="flaticon-"]:before, .bottom-foo-socials.ico-10 [class*="flaticon-"]:after { font-size: 1.125rem; } .bottom-footer-socials.ico-20 [class*="flaticon-"]:before, .bottom-footer-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.375rem; } /* INNER PAGE WRAPPER */ /* PAGE PAGINATION */ .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.75rem; } /* SIGN IN / SIGN UP */ .reset-form-title p.p-sm { font-size: 1.0625rem; margin-top: 10px; } /* COOKIES */ /* MODAL */ } /* ===== css/custom.css ===== */ /* ========================================================= CUSTOM.CSS - WATEAIR Ajustes específicos do Hero 17 sem alterar o CSS original --------------------------------------------------------- Ordem pensada para evitar conflitos: 1. Mobile geral 2. Mobile específico 3. Tablet 4. Notebook / Desktop 5. Telas grandes ========================================================= */ /* ========================================================= LOGO MOBILE - padrão comum ========================================================= */ .letter-spacing-normal { letter-spacing: 0 !important; } /* ------------------------------------------- PROCESSO - TECNOLOGIA --------------------------------------------- */ .processo-tecnologia-row { display: flex; align-items: flex-start; justify-content: center; gap: 50px; width: 100%; } .processo-tecnologia-col { flex: 0 1 120px; text-align: center; } .processo-tecnologia-col img { display: block; width: 100px; max-width: 100%; height: auto; margin: 0 auto 18px; } .processo-tecnologia-col p { font-size: 1rem; line-height: 1.35; color: #000; margin: 0; text-align: center; } .processo-tecnologia-arrow { padding-top: 38px; } .processo-tecnologia-arrow svg { display: block; } .processo-tecnologia-arrow path { fill: none; stroke: #135dff; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; } .processo-tecnologia-arrow-before-control { display: none; } .w-200 { font-weight: 200 !important; } .w-300 { font-weight: 300 !important; } .w-400 { font-weight: 400 !important; } /* ------------------------------------------- FLOATING SOCIAL MENU --------------------------------------------- */ .wateair-floating-social { position: fixed; top: 50%; right: 18px; z-index: 1040; display: flex; flex-direction: column; gap: 10px; padding: 9px; background: rgb(1 72 157 / 52%); border-radius: 999px; box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14); backdrop-filter: blur(14px); transform: translateY(-50%); transition: right 0.24s ease; } .wateair-floating-social__link { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; color: #111827; text-decoration: none; background: #fff; border-radius: 50%; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.1); transition: color 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease; will-change: transform; } .wateair-floating-social__link:hover, .wateair-floating-social__link:focus-visible { color: #fff; box-shadow: 0 14px 30px rgba(15, 23, 42, 0.18); } .wateair-floating-social__link:focus-visible { outline: 3px solid rgba(19, 93, 255, 0.28); outline-offset: 3px; } .wateair-floating-social__link--whatsapp:hover, .wateair-floating-social__link--whatsapp:focus-visible { background: #25d366; } .wateair-floating-social__link--instagram:hover, .wateair-floating-social__link--instagram:focus-visible { background: #e1306c; } .wateair-floating-social__link--youtube:hover, .wateair-floating-social__link--youtube:focus-visible { background: #ff0033; } .wateair-floating-social__icon { display: inline-flex; align-items: center; justify-content: center; font-size: 21px; line-height: 1; } @media (max-width: 767.98px) { .wateair-floating-social { top: 50%; right: 5px; bottom: auto; gap: 6px; padding: 6px; border-radius: 20px 20px 20px 20px; transform: translateY(-50%); } .wateair-floating-social:hover, .wateair-floating-social:focus-within { right: 10px; } .wateair-floating-social__link { width: 36px; height: 36px; } .wateair-floating-social__icon { font-size: 17px; } } .w-500 { font-weight: 500 !important; } .w-600 { font-weight: 600 !important; } .w-700 { font-weight: 700 !important; } .w-800 { font-weight: 800 !important; } .w-900 { font-weight: 900 !important; } /* ------------------------------------------- SOBRE NOS - NOSSA TECNOLOGIA --------------------------------------------- */ .nossa-tecnologia-css { display: grid; grid-template-columns: minmax(0, 1.15fr) 1px minmax(0, 0.85fr); align-items: stretch; gap: 30px; max-width: 617px; margin-top: 70px; font-family: 'Korbin', sans-serif; } .nossa-tecnologia-title { margin-bottom: 26px; color: var(--theme-color); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1; text-align: left; text-transform: uppercase; } .nossa-tecnologia-processos, .nossa-tecnologia-aplicacoes { margin: 0; padding: 0; list-style: none; } .nossa-tecnologia-processos { counter-reset: tecnologia-processo; } .nossa-tecnologia-processos li { counter-increment: tecnologia-processo; display: flex; align-items: center; min-height: 64px; } .nossa-tecnologia-processo-text { color: #000; font-size: 0.84rem; font-weight: 500; line-height: 1.2; text-align: left; } .nossa-tecnologia-processos li::before { content: counter(tecnologia-processo); display: inline-flex; width: 35px; height: 35px; flex: 0 0 35px; align-items: center; justify-content: center; margin-right: 26px; color: #0053ff; border: 2px solid #0053ff; border-radius: 50%; font-size: 1rem; font-weight: 700; line-height: 1; } .nossa-tecnologia-divider { width: 2px; min-height: 340px; background-color: #cfcfcf; } .nossa-tecnologia-aplicacoes li { display: flex; align-items: center; min-height: 96px; color: #000; font-size: 0.84rem; font-weight: 500; line-height: 1.2; text-align: left; } .nossa-tecnologia-aplicacoes img { display: block; width: 58px; height: 58px; flex: 0 0 58px; margin-right: 24px; object-fit: contain; } .nossa-tecnologia-comparacao { display: block; margin-top: 34px; } .nossa-tecnologia-imagem-principal { margin-top: 100px; } /* ------------------------------------------- SOBRE NOS - POLITICA --------------------------------------------- */ .sobrenos-politica { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; max-width: 1294px; margin: 0 auto; } .sobrenos-politica-card { display: flex; min-height: 428px; flex-direction: column; align-items: center; padding: 42px 18px 34px; background-color: #fff; border: 2px solid #d4d4d4; text-align: center; border-radius: 17px; } .sobrenos-politica-card img { display: block; width: 78px; height: 78px; margin-bottom: 48px; object-fit: contain; } .sobrenos-politica-card h3 { margin: 0 0 26px; color: #0053ff; font-family: 'Korbin', sans-serif; font-size: 1rem; font-weight: 700; line-height: 1; text-transform: uppercase; } .sobrenos-politica-card p, .sobrenos-politica-card li { color: #000; font-family: 'Korbin', sans-serif; font-size: 1rem; font-weight: 500; line-height: 1.45; } .sobrenos-politica-card p { margin: 0; } .sobrenos-politica-card ul { margin: 0; padding-left: 18px; text-align: left; list-style: disc; } .sobrenos-politica-card li { margin-bottom: 10px; padding-left: 4px; } .sobrenos-politica-card li::marker { color: #0053ff; } .sobrenos-politica-comparacao { display: block; margin-top: 36px; } @media (max-width: 767.98px) { .nossa-tecnologia-css { grid-template-columns: 1fr; gap: 30px; } .nossa-tecnologia-divider { width: 100%; min-height: 1px; height: 1px; } .nossa-tecnologia-processos li, .nossa-tecnologia-aplicacoes li { font-size: 1rem; } .nossa-tecnologia-processos li { min-height: 50px; } .nossa-tecnologia-aplicacoes li { min-height: 75px; } .nossa-tecnologia-aplicacoes img { width: 50px; height: 50px; flex-basis: 50px; } .nossa-tecnologia-imagem-principal { margin-top: 0; } .sobrenos-politica { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; } .sobrenos-politica-card { min-height: 0; padding: 24px 6px; } .sobrenos-politica-card img { width: 46px; height: 46px; margin-bottom: 18px; } .sobrenos-politica-card h3 { margin-bottom: 14px; font-size: 0.72rem; } .sobrenos-politica-card p, .sobrenos-politica-card li { font-size: 0.9rem; line-height: 1.25; } .sobrenos-politica-card ul { padding-left: 14px; } .sobrenos-politica-card li { margin-bottom: 6px; padding-left: 0; } .sobrenos-politica-card:nth-child(5) { grid-column: 1 / -1; justify-self: center; width: calc((100% - 12px) / 2); } } /* ------------------------------------------- SOLUCOES - APLICACOES --------------------------------------------- */ .aplicacoes-solucoes .single-post-title { margin-bottom: 30px; } .aplicacoes-solucoes .blog-post-preview { max-width: 1294px; margin: 34px auto 0; padding: 0 10%; } .aplicacoes-solucoes-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; max-width: 1294px; margin: 0 auto 40px; padding: 0 5%; } .aplicacoes-solucoes-card { overflow: hidden; min-width: 0; background: #fff; border: 2px solid #d7d7d7; border-radius: 12px; } .aplicacoes-solucoes-media { min-height: 0; aspect-ratio: 246 / 228; background: #eef2f7; } .aplicacoes-solucoes-media img { display: block; width: 100%; height: 100%; border-radius: 8px; object-fit: cover; } .aplicacoes-solucoes-body { padding: 22px 10px 28px; } .aplicacoes-solucoes-body h3 { margin: 0 0 14px; color: #1c3569; font-family: 'Korbin', sans-serif; font-size: 1.2rem; font-weight: 700; line-height: 1.45; } .aplicacoes-solucoes-body p { margin: 0; color: #000; font-family: 'Korbin', sans-serif; font-size: 0.7rem; font-weight: 400; line-height: 1.8; } .aplicacoes-solucoes .blog-post-preview picture, .aplicacoes-solucoes .blog-post-preview img { display: block; } .aplicacoes-solucoes .blog-post-preview img { width: 100%; height: auto; } /* ------------------------------------------- SOLUCOES - DIFERENCIAIS --------------------------------------------- */ .solucoes-deferenciais { display: grid; grid-template-columns: repeat(5, 1fr); align-items: start; max-width: 1293px; margin: 0 auto; } .solucoes-deferenciais-item { min-height: 132px; padding: 0 28px; text-align: center; border-right: 2px solid #d4d4d4; } .solucoes-deferenciais-item:last-child { border-right: 0; } .solucoes-deferenciais-item img { display: block; width: auto; height: 58px; margin: 0 auto 14px; object-fit: contain; } .solucoes-deferenciais-item p { margin: 0; color: #000; font-size: 19px; font-weight: 400; line-height: 1.65; } @media (max-width: 991.98px) { .solucoes-deferenciais { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 34px; } .solucoes-deferenciais-item { border-right: 0; } .solucoes-deferenciais-item:nth-child(n + 4) { transform: translateX(50%); } } @media (max-width: 575.98px) { .solucoes-deferenciais { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; row-gap: 28px; } .solucoes-deferenciais-item { min-height: 0; padding: 0 6px; } .solucoes-deferenciais-item img { height: 42px; margin-bottom: 10px; } .solucoes-deferenciais-item p { font-size: 13px; line-height: 1.35; } } @media (max-width: 767.98px) { .aplicacoes-solucoes .single-post-title { margin-bottom: 22px; } .aplicacoes-solucoes .blog-post-preview { padding: 0; } .aplicacoes-solucoes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: 0; } .aplicacoes-solucoes-card { grid-column: auto; } .aplicacoes-solucoes-card:nth-child(5) { grid-column: 1 / -1; justify-self: center; width: calc((100% - 18px) / 2); } .aplicacoes-solucoes-media { aspect-ratio: 246 / 228; } .aplicacoes-solucoes-media img { object-fit: cover; } .aplicacoes-solucoes-body { padding: 20px 18px 24px; } } /* ------------------------------------------- TESTE 2 - POR QUE --------------------------------------------- */ .porque-aplicacoes-copy { display: flex; align-items: flex-start; gap: 30px; max-width: 552px; margin-bottom: 24px; } .porque-aplicacoes-icon { width: 70px; min-width: 70px; height: 70px; border: 2px solid #2458ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .porque-aplicacoes-icon img { display: block; width: 48px; height: 48px; } .porque-aplicacoes-text { font-family: 'Korbin', sans-serif; padding-top: 38px; } .porque-aplicacoes-text h3 { font-size: 1.5rem; line-height: 1.25; color: #000; margin: 0 0 12px; } .porque-aplicacoes-text p { font-size: 0.9rem; line-height: 1.55; color: #000; margin: 0; } @media (max-width: 575.98px) { .porque-aplicacoes-copy { gap: 16px; } .porque-aplicacoes-icon { width: 64px; min-width: 64px; height: 64px; } .porque-aplicacoes-icon img { width: 40px; height: 40px; } .porque-aplicacoes-text { padding-top: 22px; } .porque-aplicacoes-text h3 { font-size: 1.25rem; } .porque-aplicacoes-text p { font-size: 14px; } } /* ------------------------------------------- TESTE 2 - DIFERENCIAIS --------------------------------------------- */ .aplicacoes-tecnologia-row { align-items: flex-start; corner-shape: superellipse(0.5); margin-top: 70px; } .aplicacoes-tecnologia-col { text-align: center; } .aplicacoes-tecnologia-icon { display: flex; align-items: center; justify-content: center; min-height: 64px; margin-bottom: 14px; } .aplicacoes-tecnologia-icon img { display: block; max-width: 68px; height: auto; } .aplicacoes-tecnologia-col p { font-size: 0.76rem; margin: 0; text-align: center; } @media (max-width: 575.98px) { .processo-tecnologia-row { flex-wrap: wrap; justify-content: center; gap: 18px 0; overflow-x: visible; padding-bottom: 0; } .processo-tecnologia-title { text-align: center; } .processo-tecnologia-col { flex: 0 0 25%; max-width: 25%; min-width: 0; } .processo-tecnologia-col img { width: 78px; margin-bottom: 12px; } .processo-tecnologia-col p { font-size: 0.85rem; } .processo-tecnologia-arrow { display: flex; flex: 0 0 8%; max-width: 8%; align-items: flex-start; justify-content: center; padding-top: 30px; } .processo-tecnologia-arrow-before-control { display: flex; } .processo-tecnologia-arrow svg { width: 18px; height: 18px; } .aplicacoes-tecnologia-title { text-align: center; } .porque-aplicacoes-title { text-align: center; } .aplicacoes-tecnologia-row { margin-top: 40px; row-gap: 22px; } .aplicacoes-tecnologia-col { flex: 0 0 33.333333%; max-width: 33.333333%; margin-bottom: 10px; } .aplicacoes-tecnologia-col:nth-child(n + 4) { flex-basis: 50%; max-width: 50%; } } @media (min-width: 1300px) and (max-width: 1399.98px) and (max-height: 800px) { .porque-aplicacoes-text h3 { font-size: 1.2rem; } .porque-aplicacoes-text p { font-size: 0.7rem; } .aplicacoes-tecnologia-col p { font-size: 0.65rem; } } .letter-spacing-05 { letter-spacing: 0.5px !important; } .letter-spacing-1 { letter-spacing: 1px !important; } .letter-spacing-5 { letter-spacing: 5px !important; } .letter-spacing-minus-05 { letter-spacing: -0.5px !important; } .contact-info-list .fbox-2:not(:last-child) { border-bottom: 1px solid rgba(31, 70, 86, 0.18); } .wsmenu > .wsmenu-list > li.language-links { display: flex; align-items: center; justify-content: center; height: 90px; padding: 0; } .language-links-inner { display: flex; align-items: center; gap: 4px; padding: 4px 6px; border-radius: 999px; } .language-links-inner a { display: block; line-height: 1; } .language-links-inner img { display: block; width: 32px; height: 32px; } @media (min-width: 992px) { .wsmenu { display: flex; align-items: center; width: calc(100% - 350px); } .wsmenu > .wsmenu-list { width: auto; margin: 0; } .wsmenu > .wsmenu-list > li.language-links { display: flex; align-items: center; margin-left: auto; } } @media (max-width: 991.98px) { .wsmenu > .wsmenu-list > li.language-links { width: 100%; height: auto; justify-content: flex-start; padding: 14px 17px; } } .contact-info-list .fbox-ico-wrap > div { display: flex; width: 60px; height: 60px; align-items: center; justify-content: center; border: 1.5px solid var(--theme-color-secondary); border-radius: 50%; } .contact-info-list .fbox-ico-wrap [class*='flaticon-'] { display: flex; align-items: center; justify-content: center; color: var(--white) !important; line-height: 1; } .contato-form { width: 100%; } .contato-form-intro { display: flex; align-items: flex-start; justify-content: flex-start; gap: 20px; margin-bottom: 50px; } .contato-form-intro-icon { display: flex; width: 90px; height: 90px; flex: 0 0 90px; align-items: center; justify-content: center; transform: translateY(-14px); background-color: #ecf4fa; border-radius: 50%; } .contato-form-intro-icon [class*='flaticon-'] { display: flex; align-items: center; justify-content: center; line-height: 1; } .contato-form-intro-icon [class*='flaticon-']:before, .contato-form-intro-icon [class*='flaticon-']:after { font-size: 2.35rem; } .contato-form-intro h2, .contato-form-intro h4 { margin-bottom: 10px; } .seo-section-title { font-size: 1.875rem; } @media (max-width: 767.98px) { .nossas-solucoes-section .seo-section-title { font-size: 1.5rem; } } /* ------------------------------------------- SOLUCOES - COMPARATIVO --------------------------------------------- */ .solucoes-comparativo-card { position: relative; overflow: hidden; width: 100%; aspect-ratio: 636 / 322; background-position: center; background-repeat: no-repeat; background-size: cover; } .solucoes-comparativo-card--tradicional { background-image: url('../images/solucoes-wateair-comparativo-tradicional.jpg'); background-image: image-set( url('../images/solucoes-wateair-comparativo-tradicional.webp') type('image/webp'), url('../images/solucoes-wateair-comparativo-tradicional.jpg') type('image/jpeg') ); } .solucoes-comparativo-card--wateair { margin-bottom: 5px; background-image: url('../images/solucoes-wateair-comparativo-wateair.jpg'); background-image: image-set( url('../images/solucoes-wateair-comparativo-wateair.webp') type('image/webp'), url('../images/solucoes-wateair-comparativo-wateair.jpg') type('image/jpeg') ); } .solucoes-comparativo-content { position: absolute; top: 34px; left: 62px; max-width: 330px; } .solucoes-comparativo-heading { display: flex; align-items: center; gap: 26px; margin-bottom: 5px; } .solucoes-comparativo-heading h3 { margin: 0; color: #12234a; font-family: 'Korbin', sans-serif; font-size: 1.85rem; font-weight: 700; line-height: 1; } .solucoes-comparativo-card--wateair .solucoes-comparativo-heading h3, .solucoes-comparativo-card--wateair .solucoes-comparativo-content p { color: #fff; } .solucoes-comparativo-icon { position: relative; display: inline-flex; flex: 0 0 44px; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 50%; } .solucoes-comparativo-icon::before, .solucoes-comparativo-icon::after { content: ''; position: absolute; display: block; } .solucoes-comparativo-icon--negative { background-color: #77797d; } .solucoes-comparativo-icon--negative::before, .solucoes-comparativo-icon--negative::after { width: 24px; height: 5px; border-radius: 999px; background-color: #fff; } .solucoes-comparativo-icon--negative::before { transform: rotate(45deg); } .solucoes-comparativo-icon--negative::after { transform: rotate(-45deg); } .solucoes-comparativo-icon--positive { background-color: #001f74; } .solucoes-comparativo-icon--positive::before { width: 22px; height: 12px; border-bottom: 5px solid #fff; border-left: 5px solid #fff; transform: translateY(-2px) rotate(-45deg); } .solucoes-comparativo-content p { margin: 0; color: #000; font-family: 'Korbin', sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.58; } @media (max-width: 767.98px) { .solucoes-comparativo-col + .solucoes-comparativo-col { margin-top: 24px !important; } .solucoes-comparativo-content { top: 20px; left: 28px; max-width: 70%; } .solucoes-comparativo-heading { gap: 14px; margin-bottom: 12px; } .solucoes-comparativo-heading h3 { font-size: 1.35rem; } .solucoes-comparativo-icon { flex-basis: 32px; width: 32px; height: 32px; } .solucoes-comparativo-icon--negative::before, .solucoes-comparativo-icon--negative::after { width: 18px; height: 4px; } .solucoes-comparativo-icon--positive::before { width: 16px; height: 9px; border-bottom-width: 4px; border-left-width: 4px; } .solucoes-comparativo-content p { font-size: 0.95rem; line-height: 1.45; } } .tecnologia-aplicacoes-divider { border-right: 2px solid var(--bs-border-color); } @media (max-width: 767.98px) { .tecnologia-aplicacoes-grid { row-gap: 28px; } .tecnologia-aplicacoes-divider { border-right: 0; } .tecnologia-aplicacoes-grid > [class*='col-']:nth-child(odd) { border-right: 2px solid var(--bs-border-color); } .tecnologia-aplicacoes-grid > [class*='col-']:nth-child(-n + 2) { padding-bottom: 28px; } .tecnologia-aplicacoes-title { text-align: center; } } .contato-form-intro p { color: #3a4a56; margin-bottom: 0; } @media (min-width: 768px) { .contact-form-column { border-left: 0.5px solid rgba(31, 70, 86, 0.18); padding-left: 28px; animation: dividerFadeIn 5.5s ease-out both; } } @keyframes dividerFadeIn { from { border-left-color: rgba(31, 70, 86, 0); } to { border-left-color: rgba(31, 70, 86, 0.18); } } .hero-17-txt .letter-spacing-normal { letter-spacing: 0 !important; } .hero-17-txt .letter-spacing-05 { letter-spacing: 0.5px !important; } .hero-17-txt .letter-spacing-1 { letter-spacing: 1px !important; } .hero-17-txt .letter-spacing-5 { letter-spacing: 5px !important; } .hero-17-txt .letter-spacing-minus-05 { letter-spacing: -0.5px !important; } .contato-hero-logo { display: block; width: min(360px, 80vw); height: auto; margin: 8px 0 28px; } .hero-17-txt .hero-title-line { display: block; } .hero-17-txt p { font-family: 'Korbin', sans-serif; } .hero-17-txt h1 { line-height: 1 !important; } @media (max-width: 575.98px) { .contato-hero-logo { width: min(280px, 72vw); margin-bottom: 22px; } } .contato-form .form-control, .contato-form .form-select { margin-bottom: 18px; } .contato-form .form-select { height: 52px; cursor: pointer; background-color: #fdfdfe; border-color: #d5d5d5; color: #3a4a56; font-size: 0.935rem; padding: 0 42px 0 16px; transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; } .contato-form .form-select option { font-size: 0.9rem; line-height: 1.35; } .contato-form .form-select:focus { background-color: var(--white); border-color: var(--theme-color-secondary); box-shadow: 0 0 0 0.18rem rgba(12, 75, 178, 0.12); } .contato-form textarea.form-control { min-height: 150px; } .solution-radio-group { display: flex; flex-wrap: wrap; column-gap: 18px; row-gap: 10px; margin-bottom: 18px; padding: 4px 0 2px; } .solution-radio-group p { width: 100%; color: var(--header-color); font-size: 0.95rem; font-weight: 700; line-height: 1.2; margin-bottom: 2px; } .solution-field-title { color: var(--header-color); font-weight: 700 !important; margin-bottom: 10px; } .solution-radio-option { display: flex; align-items: center; gap: 10px; margin-bottom: 0; color: #3a4a56; font-size: 1rem; line-height: 1.3; white-space: nowrap; } .solution-radio-option input { width: 16px; height: 16px; margin: 0; accent-color: var(--theme-color); } .contato-form .form-btn { margin-top: 2px; } @media (max-width: 991.98px) { .contact-info-list .fbox-ico-wrap { display: flex !important; justify-content: center; margin-right: 0 !important; margin-bottom: 16px; } .wsmobileheader .smllogo { display: block !important; margin-top: 10px !important; padding-left: 16px !important; } .smllogo img { width: auto !important; max-width: inherit !important; max-height: 60px !important; } .section-id { margin-top: 22px !important; } .section-title.divider-final::after { display: none; } .img-fluid_2 { max-width: 100%; height: auto; } /* ============== FOOTER ============= */ .footer, footer.footer { text-align: center !important; } .footer .row { justify-content: center !important; } .footer .footer-info, .footer .footer-connect, .footer .btns-group, .footer .footer-copyright { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } .footer img.footer-logo { display: block !important; max-height: 80px !important; margin-bottom: 0px; } .footer .btn { margin: 0 auto 30px auto !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; } .footer .bottom-footer-socials { display: flex !important; justify-content: center !important; align-items: center !important; gap: 10px !important; padding-left: 0 !important; margin: 22px auto 0 !important; list-style: none !important; } .footer h4 { font-size: 1.5rem; line-height: 1.25; } /* ============== FIM FOOTER ============= */ } /* ========================================================= MOBILE GERAL - até 767px ========================================================= */ #hero-17.tecnologia-bg-en { --hero-bg: url('../images/home-wateair-banner-en.jpg'); --hero-bg: image-set( url('../images/home-wateair-banner-en.webp') type('image/webp'), url('../images/home-wateair-banner-en.jpg') type('image/jpeg') ); } #hero-17.tecnologia-bg-es { --hero-bg: url('../images/home-wateair-banner-es.jpg'); --hero-bg: image-set( url('../images/home-wateair-banner-es.webp') type('image/webp'), url('../images/home-wateair-banner-es.jpg') type('image/jpeg') ); } @media (max-width: 767px) { #hero-17 { background-image: var(--hero-bg) !important; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; padding-top: 20px !important; padding-bottom: 40px !important; } #hero-17.tecnologia-bg { --hero-bg: url('../images/home-whateair-banner-mobile.jpg'); --hero-bg: image-set( url('../images/home-whateair-banner-mobile.webp') type('image/webp'), url('../images/home-whateair-banner-mobile.jpg') type('image/jpeg') ); } #hero-17.tecnologia-bg-en { --hero-bg: url('../images/home-whateair-banner-mobile-en.jpg'); --hero-bg: image-set( url('../images/home-whateair-banner-mobile-en.webp') type('image/webp'), url('../images/home-whateair-banner-mobile-en.jpg') type('image/jpeg') ); } #hero-17.tecnologia-bg-es { --hero-bg: url('../images/home-whateair-banner-mobile-es.jpg'); --hero-bg: image-set( url('../images/home-whateair-banner-mobile-es.webp') type('image/webp'), url('../images/home-whateair-banner-mobile-es.jpg') type('image/jpeg') ); } #hero-17.sobrenos-bg { --hero-bg: url('../images/sobre-nos-wateair-banner-mobile.jpg'); --hero-bg: image-set( url('../images/sobre-nos-wateair-banner-mobile.webp') type('image/webp'), url('../images/sobre-nos-wateair-banner-mobile.jpg') type('image/jpeg') ); } #hero-17.solucoes-bg { --hero-bg: url('../images/solucoes-whateair-banner-mobile.jpg'); --hero-bg: image-set( url('../images/solucoes-whateair-banner-mobile.webp') type('image/webp'), url('../images/solucoes-whateair-banner-mobile.jpg') type('image/jpeg') ); } #hero-17.contato-bg { --hero-bg: url('../images/contato-wateair-banner-mobile.jpg'); --hero-bg: image-set( url('../images/contato-wateair-banner-mobile.webp') type('image/webp'), url('../images/contato-wateair-banner-mobile.jpg') type('image/jpeg') ); } .hero-17-txt h1, .hero-17-txt h2 { font-size: 2.2rem !important; line-height: 1.08 !important; letter-spacing: -0.5px !important; } .hero-17-txt.h2-sobrenos h2 { font-size: 1.8rem !important; } .hero-17-txt.h2-sobrenos h1 { font-size: 2.2rem !important; } .hero-17-txt p { margin-top: 20px !important; font-size: 1rem !important; line-height: 1.5 !important; } } /* ========================================================= MOBILE 414px até 479px ========================================================= */ @media (min-width: 414px) and (max-width: 479.98px) { .wsmobileheader .smllogo { padding-left: 16px !important; } } /* ========================================================= MOBILE 390px até 413px ========================================================= */ @media (min-width: 390px) and (max-width: 413.98px) { .hero-17-txt .btn { font-size: 1rem !important; } } /* ========================================================= MOBILE 321px até 389px ========================================================= */ @media (min-width: 321px) and (max-width: 389.98px) { .hero-17-txt .btn { font-size: 1rem !important; padding: 12px 24px !important; } } /* ========================================================= MOBILE até 320px ========================================================= */ @media (max-width: 320.98px) { #hero-17 { background-size: 130% auto !important; background-position: center 70% !important; } .hero-17-txt .btn { font-size: 1rem !important; padding: 12px 24px !important; } } /* ========================================================= TABLET / iPAD - 768px até 991px ========================================================= */ @media (min-width: 768px) and (max-width: 991.98px) { .wsmobileheader .smllogo { padding-left: 22px !important; } #hero-17 { padding-top: 65px !important; padding-bottom: 5px !important; min-height: auto !important; background-position: right top !important; background-size: cover !important; } #hero-17 .row { transform: translateY(-60px) !important; } .hero-17-txt { margin-top: 40px !important; padding-left: 20px !important; padding-right: 20px !important; } .hero-17-txt h1, .hero-17-txt h2 { font-size: 2.6rem !important; line-height: 1.15 !important; letter-spacing: -0.3px !important; } .hero-17-txt p { font-size: 1rem !important; line-height: 1.5 !important; margin-top: 20px !important; } .hero-17-txt h4 { font-size: 1.3rem !important; line-height: 1.3 !important; margin-bottom: 15px !important; } .hero-17-txt .btn { font-size: 1rem !important; padding: 12px 24px !important; } /* ------------------------------------------- IMAGEM - BANNER - NOSSA TECNOLOGIA - DIREITA --------------------------------------------- */ .img-fluid_2 { max-width: 120%; height: auto; } } /* ========================================================= NOTEBOOK / DESKTOP MÉDIO - 992px até 1199px ========================================================= */ @media (min-width: 992px) and (max-width: 1199.95px) { .desktoplogo img { max-height: 80px !important; } #hero-17 { min-height: 550px !important; padding-top: 90px !important; padding-bottom: 0 !important; background-size: 100% auto !important; background-position: center top !important; background-repeat: no-repeat !important; background-color: #ffffff !important; } .hero-17-txt { margin-top: 50px !important; } .hero-17-txt h1, .hero-17-txt h2 { font-size: 3.15rem !important; line-height: 1.05 !important; letter-spacing: -0.5px !important; margin-bottom: 0 !important; } .hero-17-txt p { margin-top: 25px !important; font-size: 1rem !important; line-height: 1.5 !important; max-width: 620px !important; } .hero-17-txt h4 { font-size: 1.3rem !important; line-height: 1.25 !important; margin-top: 10px !important; margin-block-start: 10px !important; } .hero-17-txt h4.mb-50 { margin-bottom: 15px !important; } .hero-17-txt .btns-group { margin-top: 10px !important; } /* ------------------------------------------- IMAGEM - BANNER - NOSSA TECNOLOGIA - DIREITA --------------------------------------------- */ .img-fluid_2 { max-width: 110%; height: auto; } } /* ========================================================= NOTEBOOK 1360x768 / 1366x768 ========================================================= */ @media (min-width: 1200px) and (max-width: 1399.98px) and (max-height: 800px) { #hero-17 { padding-top: 160px !important; padding-bottom: 40px !important; } .hero-17-txt h1, .hero-17-txt h2 { font-size: 3.2rem !important; line-height: 1.08 !important; letter-spacing: -0.5px !important; } .hero-17-txt p { margin-top: 20px; font-size: 1.1rem !important; line-height: 1.5 !important; } .hero-17-txt h4 { font-size: 1.3rem !important; line-height: 1.25 !important; margin-top: 25px !important; } /* ------------------------------------------- IMAGEM - BANNER - NOSSA TECNOLOGIA - DIREITA --------------------------------------------- */ .img-fluid_2 { max-width: 120%; height: auto; } } /* ========================================================= NOTEBOOK 1440x900 ========================================================= */ @media (min-width: 1400px) and (max-width: 1499.98px) and (max-height: 950px) { #hero-17 { padding-top: 70px !important; padding-bottom: 40px !important; min-height: 760px !important; background-position: center center !important; } .hero-17-txt { margin-top: 110px !important; } .hero-17-txt h1, .hero-17-txt h2 { font-size: 3.15rem !important; line-height: 1.05 !important; letter-spacing: -0.5px !important; margin-bottom: 0 !important; } .hero-17-txt p { margin-top: 25px !important; font-size: 1rem !important; line-height: 1.5 !important; max-width: 620px !important; } .hero-17-txt h4 { font-size: 1.3rem !important; line-height: 1.25 !important; margin-top: 25px !important; } .hero-17-txt .btns-group { margin-top: 28px !important; } /* ------------------------------------------- IMAGEM - BANNER - NOSSA TECNOLOGIA - DIREITA --------------------------------------------- */ .img-fluid_2 { max-width: 110%; height: auto; } } /* ========================================================= TELAS GRANDES / ULTRAWIDE - 1800px+ Observação: o bloco 1920x1080 vem depois para sobrescrever ========================================================= */ @media (min-width: 1800px) { #hero-17 { min-height: 1500px !important; padding-top: 90px !important; padding-bottom: 60px !important; background-size: 100% auto !important; background-position: center top !important; background-repeat: no-repeat !important; background-color: #ffffff !important; } .hero-17-txt { margin-top: 300px !important; } .hero-17-txt h1, .hero-17-txt h2 { font-size: 4rem !important; line-height: 1.08 !important; letter-spacing: -0.5px !important; } .hero-17-txt p { font-size: 1.4rem !important; line-height: 1.55 !important; max-width: 680px !important; } .hero-17-txt h4 { font-size: 1.7rem !important; line-height: 1.25 !important; } .hero-17-txt .btn { font-size: 1.5rem !important; padding: 16px 32px !important; } .hero-17-txt .btns-group { margin-top: 28px !important; } /* ------------------------------------------- IMAGEM - BANNER - NOSSA TECNOLOGIA - DIREITA --------------------------------------------- */ .img-fluid_2 { max-width: 120%; height: auto; } } /* ========================================================= FULL HD - 1920x1080 Precisa ficar depois do bloco 1800px+ para ter prioridade ========================================================= */ @media (min-width: 1900px) and (max-width: 1999.98px) and (max-height: 1100px) { #hero-17 { padding-top: 120px !important; min-height: 1024px !important; background-size: 100% auto !important; background-position: center top !important; background-repeat: no-repeat !important; } .hero-17-txt { margin-top: 150px !important; } .hero-17-txt h2 { font-size: 4rem !important; line-height: 0.8 !important; margin-bottom: 20px !important; } .hero-17-txt h1 { font-size: 4rem !important; line-height: 1 !important; margin-bottom: 20px !important; } .hero-17-txt.h2-sobrenos h2 { font-size: 3.7rem !important; } .hero-17-txt.h2-sobrenos h1 { font-size: 3.7rem !important; } .hero-17-txt p { margin-top: 50px !important; font-size: 1.05rem !important; line-height: 1.5 !important; max-width: 650px !important; } .hero-17-txt h4 { font-size: 1.6rem !important; line-height: 1.25 !important; margin-bottom: 40px !important; } .hero-17-txt .btn { font-size: 1.5rem !important; padding: 15px 30px !important; } /* ------------------------------------------- IMAGEM - BANNER - NOSSA TECNOLOGIA - DIREITA --------------------------------------------- */ .img-fluid_2 { max-width: 120%; height: auto; } }