@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNovaLight.eot');
    src: url('../fonts/ProximaNovaLight.eot') format('embedded-opentype'), url('../fonts/ProximaNovaLight.woff2') format('woff2'), url('../fonts/ProximaNovaLight.woff') format('woff'), url('../fonts/ProximaNovaLight.ttf') format('truetype'), url('../fonts/ProximaNovaLight.svg#ProximaNovaLight') format('svg');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNovaLightItalic.eot');
    src: url('../fonts/ProximaNovaLightItalic.eot') format('embedded-opentype'), url('../fonts/ProximaNovaLightItalic.woff2') format('woff2'), url('../fonts/ProximaNovaLightItalic.woff') format('woff'), url('../fonts/ProximaNovaLightItalic.ttf') format('truetype'), url('../fonts/ProximaNovaLightItalic.svg#ProximaNovaLightItalic') format('svg');
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNovaRegular.eot');
    src: url('../fonts/ProximaNovaRegular.eot') format('embedded-opentype'), url('../fonts/ProximaNovaRegular.woff2') format('woff2'), url('../fonts/ProximaNovaRegular.woff') format('woff'), url('../fonts/ProximaNovaRegular.ttf') format('truetype'), url('../fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNovaRegularItalic.eot');
    src: url('../fonts/ProximaNovaRegularItalic.eot') format('embedded-opentype'), url('../fonts/ProximaNovaRegularItalic.woff2') format('woff2'), url('../fonts/ProximaNovaRegularItalic.woff') format('woff'), url('../fonts/ProximaNovaRegularItalic.ttf') format('truetype'), url('../fonts/ProximaNovaRegularItalic.svg#ProximaNovaRegularItalic') format('svg');
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNovaSemibold.eot');
    src: url('../fonts/ProximaNovaSemibold.eot') format('embedded-opentype'), url('../fonts/ProximaNovaSemibold.woff2') format('woff2'), url('../fonts/ProximaNovaSemibold.woff') format('woff'), url('../fonts/ProximaNovaSemibold.ttf') format('truetype'), url('../fonts/ProximaNovaSemibold.svg#ProximaNovaSemibold') format('svg');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNovaSemiboldItalic.eot');
    src: url('../fonts/ProximaNovaSemiboldItalic.eot') format('embedded-opentype'), url('../fonts/ProximaNovaSemiboldItalic.woff2') format('woff2'), url('../fonts/ProximaNovaSemiboldItalic.woff') format('woff'), url('../fonts/ProximaNovaSemiboldItalic.ttf') format('truetype'), url('../fonts/ProximaNovaSemiboldItalic.svg#ProximaNovaSemiboldItalic') format('svg');
    font-style: italic;
    font-weight: 600;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNovaBold.eot');
    src: url('../fonts/ProximaNovaBold.eot') format('embedded-opentype'), url('../fonts/ProximaNovaBold.woff2') format('woff2'), url('../fonts/ProximaNovaBold.woff') format('woff'), url('../fonts/ProximaNovaBold.ttf') format('truetype'), url('../fonts/ProximaNovaBold.svg#ProximaNovaBold') format('svg');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNovaBoldIt.eot');
    src: url('../fonts/ProximaNovaBoldIt.eot') format('embedded-opentype'), url('../fonts/ProximaNovaBoldIt.woff2') format('woff2'), url('../fonts/ProximaNovaBoldIt.woff') format('woff'), url('../fonts/ProximaNovaBoldIt.ttf') format('truetype'), url('../fonts/ProximaNovaBoldIt.svg#ProximaNovaBoldIt') format('svg');
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNovaExtrabold.eot');
    src: url('../fonts/ProximaNovaExtrabold.eot') format('embedded-opentype'), url('../fonts/ProximaNovaExtrabold.woff2') format('woff2'), url('../fonts/ProximaNovaExtrabold.woff') format('woff'), url('../fonts/ProximaNovaExtrabold.ttf') format('truetype'), url('../fonts/ProximaNovaExtrabold.svg#ProximaNovaExtrabold') format('svg');
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNovaBlack.eot');
    src: url('../fonts/ProximaNovaBlack.eot') format('embedded-opentype'), url('../fonts/ProximaNovaBlack.woff2') format('woff2'), url('../fonts/ProximaNovaBlack.woff') format('woff'), url('../fonts/ProximaNovaBlack.ttf') format('truetype'), url('../fonts/ProximaNovaBlack.svg#ProximaNovaBlack') format('svg');
    font-style: normal;
    font-weight: 900;
}

.fonts {
    font-family: 'Proxima Nova', sans-serif;
    font-family: 'Open Sans', sans-serif;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.8;
    background: #fff;
    color: #000943;
    /*overflow:hidden;*/
}

img {
    max-width: 100%;
    height: auto;
}

b, strong {
    font-weight: bold;
}

a {
    color: #ff6200;
}

button:focus {
    outline: 0;
}

a:hover {
    color: #ff721a;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 600;
    margin-bottom: 1rem;
}

h1, .h1, h2, .h2, .title {
    font-size: 16px;
}

h3, .h3 {
    font-size: 15px;
}

h4, .h4 {
    font-size: 14px;
}

h5, .h5 {
    font-size: 12px;
}

html.login, html.login body {
    height: 100%;
}

html.login body {
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-bottom: 40px;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}

.form-signin {
    width: 100%;
    max-width: 604px;
    padding: 26px;
    margin: 0 auto;
}

.form-label-group {
    position: relative;
    margin-bottom: 2.5rem;
}

label {
    color: #8b8b8b;
}

label[for] {
    cursor: pointer;
}

.form-control:focus, .custom-select:focus {
    border-color: #10a6ad;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(16 166 173 / 0%);
}

.input-group-text, .form-control {
    font-size: 1em;
    border-color: #E4E4E4;
}

.form-control-sm {
    font-size: 0.8em;
}

.form-control-lg, .custom-select.form-control-lg {
    font-size: 14px;
    height: 42px;
}

.form-control-bb {
    padding: .75rem 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #ee7209;
    position: relative;
    transition: border-color 0.3s;
}

.form-control-bb:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ee7209;
    border-width: 2px;
    outline: 0;
    top: 1px;
    box-shadow: none;
}

.form-label-group input::-webkit-input-placeholder {
    color: #b3b3b3;
}

.form-label-group input:-ms-input-placeholder {
    color: #b3b3b3;
}

.form-label-group input::-ms-input-placeholder {
    color: #b3b3b3;
}

.form-label-group input::-moz-placeholder {
    color: #b3b3b3;
}

.form-label-group input::placeholder {
    color: #b3b3b3;
}

.btn {
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 600;
    font-size: 14px;
    border-radius: 6px;
    padding: .375rem 0.75rem;
    min-width: 120px;
    text-align: center;
    box-shadow: 2px 2px 8px rgb(0 0 0 / 32%);
}

.btn-link {
    padding: .375rem;
}

.btn-shadow {
    box-shadow: 0 2px 2px 0 #e2e2e2;
}

.btn-primary {
    color: #fff;
    background-color: #FF6200;
    border-color: #FF6200;
}

.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-outline-dark:hover, .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle, .btn-outline-dark.active {
    color: #fff;
    background-color: #ff721a;
    border-color: #ff721a;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus, .btn-outline-dark.focus, .btn-outline-dark:focus {
    box-shadow: 0 2px 5px 0 #BDBDBD;
    outline: 0;
}

.btn-warning {
    color: #3c3c3c;
    background-color: #e4b936;
    border-color: #e4b936;
}

.btn-success {
    color: #3c3c3c;
    background-color: #70ff2d;
    border-color: #70ff2d;
}

.btn-success:hover, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle, .btn-success.focus, .btn-success:focus {
    color: #3c3c3c;
    background-color: #56f30c;
    border-color: #56f30c;
}

.btn-success.focus, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(86, 243, 12, 0.5);
}

.btn-success-yellow {
    color: #3c3c3c;
    background-color: #d2e436;
    border-color: #d2e436;
}

.btn-success-yellow:hover, .btn-success-yellow:not(:disabled):not(.disabled).active, .btn-success-yellow:not(:disabled):not(.disabled):active, .show>.btn-success-yellow.dropdown-toggle, .btn-success-yellow.focus, .btn-success-yellow:focus {
    color: #3c3c3c;
    background-color: #cfe412;
    border-color: #cfe412;
}

.btn-success-yellow.focus, .btn-success-yellow:focus, .btn-success-yellow:not(:disabled):not(.disabled).active:focus, .btn-success-yellow:not(:disabled):not(.disabled):active:focus, .show>.btn-success-yellow.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(207, 228, 18, 0.5);
}

.btn-success-tild {
    color: #3c3c3c;
    background-color: #36e493;
    border-color: #36e493;
}

.btn-success-tild:hover, .btn-success-tild:not(:disabled):not(.disabled).active, .btn-success-tild:not(:disabled):not(.disabled):active, .show>.btn-success-tild.dropdown-toggle, .btn-success-tild.focus, .btn-success-tild:focus {
    color: #3c3c3c;
    background-color: #0cde7c;
    border-color: #0cde7c;
}

.btn-success-tild.focus, .btn-success-tild:focus, .btn-success-tild:not(:disabled):not(.disabled).active:focus, .btn-success-tild:not(:disabled):not(.disabled):active:focus, .show>.btn-success-tild.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(12, 222, 124, 0.5);
}

.btn-secondary {
    color: #fff;
    background-color: #5a5a5a;
    border-color: #5a5a5a;
}

.btn-group-lg>.btn, .btn-lg {
    padding: .25rem 1rem;
    font-size: 1.25rem;
    border-radius: 5px;
    font-weight: 400;
}

.bg-light {
    background-color: #FEF4EE !important;
}

.bg-light-2 {
    background-color: #FBE4D6 !important;
}

.bg-dark {
    background-color: #1F1F1F !important;
}

.bg-primary {
    background-color: #ff841c !important;
    color: #fff;
}

.bg-success {
    background-color: #61A12E !important;
}

.text-red {
    color: #FF0000 !important;
}

.text-success, .valid-feedback {
    color: #61A12E !important;
}

.text-primary {
    color: #ff841c !important;
}

.text-dark {
    color: #3C3C3C !important;
}

.btn-link {
    color: #ff841c;
    box-shadow: none;
}

.btn-link:hover {
    color: #333;
    box-shadow: none;
}

.bg-primary a {
    color: #fff;
}

.header {
    font-size: 14px;
    font-weight: 700;
    font-family: 'Proxima Nova', sans-serif;
    box-shadow: 0 5px 4px rgb(0 0 0 / 16%);
    position: relative;
    z-index: 90;
}

.brand-info {
    margin: 0 0 0 0px;
    display: block;
    font-size: 12px;
}

.brand-info .brand-name {
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 6px;
}

.navbar-light .navbar-toggler {
    border: 0;
    color: #000;
    outline: 0;
}

.navbar-light .navbar-toggler-icon {
    background: inherit;
}

.navbar-toggler-bar {
    content: '';
    width: 18px;
    height: 2px;
    border-radius: 0px;
    display: block;
    background-color: #303030;
    margin: 4px 0;
}

.navbar-light .navbar-toggler:hover .navbar-toggler-bar {
    background-color: #000;
}

.navbar-toggler .fa-times:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/cross.svg) no-repeat 50% 50%;
}

.navigation .navbar-toggler:hover .fa-times:before {
    opacity: 0.8
}

.navbar-toggler {
    position: relative;
}

.navbar-toggler .icon-close {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fef4ee;
    padding: 3px 0 0;
    opacity: 0;
    visibility: hidden;
}

.navbar-toggler[aria-expanded="true"] .icon-close {
    opacity: 1;
    visibility: visible;
}

.navigation ul:before {
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='16.5' viewBox='0 0 63 16.5'%3E%3Cpath id='Triangle' d='M31.5,0,63,16.5H0Z' fill='%23fef4ee'/%3E%3C/svg%3E%0A");
    position: relative;
    width: 63px;
    height: 17px;
    display: block;
    margin: 0 auto -1px;
}

.bg-overlay {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 61%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
    width: 100%;
    height: 100%;
}

body.has-responsive-active .bg-overlay {
    z-index: 89;
    opacity: 1;
    visibility: visible;
}

.brand-phone {
    color: #3c3c3c;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    display: inline-block;
    line-height: 1;
    position: relative;
    top: 4px;
}

.brand-phone:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin: 4px 0 0;
    background-color: #ff841c;
    transition: all 0.3s;
    transform: scaleX(0);
    transform-origin: 0 0;
}

.brand-phone:hover {
    color: #3c3c3c;
    text-decoration: none;
}

.brand-phone:hover:after {
    transform: scaleX(1);
}

.navbar-light .navbar-nav .nav-link .fa-cog:before, .navbar-light .navbar-nav .nav-link .fa-search-dollar:before, .navbar-light .navbar-nav .nav-link .fa-chart-bar:before {
    content: '';
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.navbar-light .navbar-nav .nav-link .fa-cog:before {
    background-image: url(../images/Icons-settings-light.svg);
    width: 33px;
    height: 34px;
}

.navbar-light .navbar-nav .nav-link .fa-search-dollar:before {
    background-image: url(../images/Icons-imprest-stock-light.svg);
    width: 31px;
    height: 31px;
}

.navbar-light .navbar-nav .nav-link .fa-chart-bar:before {
    background-image: url(../images/Icons-analysis-light.svg);
    width: 34px;
    height: 24px;
}

.navigation {
    top: 46px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0;
    font-size: 16px;
    z-index: 999;
    position: absolute;
    box-shadow: 0 5px 4px rgb(0 0 0 / 16%);
}

.navigation .navbar-nav {
    padding: 0;
    text-align: center;
}

.navigation .navbar-nav li > a {
    background: #FEF4EE;
}

.navigation .navbar-nav li:nth-child(2n) > a {
    background: #FFE7D9;
}

.navbar-light .navbar-nav .nav-link {
    color: #2A2A2A;
    border-color: #2A2A2A;
    position: relative;
}

.navbar-light .navbar-nav .nav-link [class*="fa"] {
    font-size: 185%;
    vertical-align: middle;
    margin: 0 10px 0 0;
    width: 34px;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav a:not(.btn):hover, .navbar-light .navbar-nav .nav-link:hover [class*="fa"], .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #ff6200;
    border-color: #ff6200;
}

.navbar-nav > li:not(:last-child) {
}

.navbar-nav > li {
    padding: 0 0 0px;
}

.header a.brand-logo {
    border: 0;
}

.header a.brand-logo:after {
    visibility: hidden;
    opacity: 0;
}

.branding-bar {
    /* box-shadow: 0 5px 4px rgb(0 0 0 / 16%); */
    position: relative;
    z-index: 9;
    padding: 0.25rem 0rem;
}

.b-0 {
    border: 0 !important;
}

.br-0 {
    border-right: 0 !important;
}

.bl-0 {
    border-left: 0 !important;
}

.bt-0 {
    border-top: 0 !important;
}

.bb-0 {
    border-bottom: 0 !important;
}

.w10px {
    width: 10px !important;
}

.w20px {
    width: 20px !important;
}

.w30px {
    width: 30px !important;
}

.w40px {
    width: 40px !important;
}

.w50px {
    width: 50px !important;
}

.w60px {
    width: 60px !important;
}

.w70px {
    width: 70px !important;
}

.w80px {
    width: 80px !important;
}

.w90px {
    width: 90px !important;
}

.w100px {
    width: 100px !important;
}

.w120px {
    width: 120px !important;
}

.w140px {
    width: 140px !important;
}

.w160px {
    width: 160px !important;
}

.w180px {
    width: 180px !important;
}

.w200px {
    width: 200px !important;
}

.w250px {
    width: 250px !important;
}

.w300px {
    width: 300px !important;
}

.btn-size-sm {
    min-width: 110px;
}

.btn-size-md {
    min-width: 160px;
}

.modal-footer {
    border: 0;
    padding-top: 0;
}

.modal-content {
    border: 0;
    border-radius: 0;
}

.modal-header {
    background: #ee7209;
    color: #fff;
    border-radius: 0;
}

.modal-title {
    font-size: 16px;
    line-height: 1.3;
    padding: 3px 0;
}

.modal-header .close {
    color: #fff;
    opacity: 1;
    font-size: 40px;
    height: 58px;
    width: 58px;
    line-height: 1;
    padding: 0;
    margin: -1rem -1rem -1rem auto;
    text-align: center;
    outline: 0;
}

.modal-backdrop {
    background: #232323;
}

.modal-backdrop.show {
    opacity: 0.82;
}

.action-navbar .btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0;
    background: transparent;
    text-align: center;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #ee7209;
    font-weight: normal;
    color: #fff;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    background: #fff5ed;
    color: #ee7209;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #fffa90;
    color: #ee7209;
}

.ui-widget-header {
    border: 0;
    background: transparent;
}

.ui-widget.ui-widget-content {
    border: 0;
    border-radius: 0;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
    padding: 15px;
}

.input-group-text {
    background: #fff;
}

.input-group-append .input-group-text {
    border-left: 0;
    margin-left: 0px;
    position: relative;
    left: -1px;
}

.input-group-append .input-group-text:before {
    content: '';
    top: 20%;
    bottom: 20%;
    border-left: 1px solid #303030;
    display: inline-block;
    position: absolute;
    left: -1px;
}

body .ui-datepicker {
    z-index: 9999 !important;
}

.height-auto {
    height: auto !important;
}

.font-16 {
    font-size: 16px;
}

.font-15 {
    font-size: 15px;
}

.font-14 {
    font-size: 14px;
}

.font-13 {
    font-size: 13px;
}

.font-12 {
    font-size: 12px;
}

.font-11 {
    font-size: 11px;
}

.font-10 {
    font-size: 10px;
}

.font-9 {
    font-size: 9px;
}

.brand-logo img {
    width: 90px;
}

.banner {
    padding: 60px 0 20px;
}

.has-banner-bg {
    background: url(../images/banner-bg.svg) no-repeat 50% 0;
    background-size: 1200px;
}

.logo-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.logo-list li {
    padding: 0 10px;
    width: 50%;
    margin: 0 0 1rem;
}

.logo-list .logo-holder {
    background: #fff;
    padding: 1.5rem;
    border: 5px solid #D3D3D3;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    flex-grow: 1;
    border-radius: 40px;
    transform: scale(1);
    transition: transform 0.2s ease;
    transform-origin: center center;
}



.footer-menu a {
    color: #fff;
    text-decoration: none;
}

.footer-menu a:hover {
    color: #FF6200;
}

.go-to-top {
    color: #FF0000;
    text-decoration: none;
}

.go-to-top:hover {
    color: #fff;
}

.slide figure, .slick-slide > div {
    margin: 10px;
}

.slick-slide {
    outline: 0;
}

.form-cont {
    background: #fff;
    box-shadow: 0 11px 0 rgb(0 0 0 / 17%);
    padding: 1.5rem;
    border: 1px solid #F0F0F0;
    border-radius: 25px 25px 6px 6px;
}

.form-cont .form-header {
    background: #10A6AD;
    color: #fff;
    text-align: center;
    border-bottom: 5px solid #084C4A;
    padding: 1.285rem 1.5rem;
    border-radius: 25px 25px 0 0;
    margin: -1.5rem -1.5rem 1.5rem;
    font-size: 25px;
}

.form-control-holder {
    position: relative;
    padding: 16px 0 0;
}

.form-control-holder label {
    color: #3C3C3C;
    background: #fff;
    padding: 1px 8px;
    margin: 0 0 -26px 10px;
    z-index: 1;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 9px;
    line-height: 1;
    border-radius: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.form-control {
    height: 52px;
    border-radius: 6px;
	padding-left:1.125rem;
}

textarea.form-control {
    padding: 1rem .75rem 1rem 1.125rem;
    min-height: 190px;
}

.testimonial figure {
    min-height: 100px;
}

.testimonial figure img {
    display: block;
    margin: 0 auto;
}

.quote {
    border: 5px solid #03022F;
    border-radius: 10px;
    padding: 20px;
    font-weight: 400;
    background: #fff;
}

.quote p {
    min-height: 275px;
}

.quote .author {
    display: block;
    background: #03022F;
    color: #fff;
    font-style: normal;
    font-weight: bold;
    padding: 15px;
    margin: 0 -22px -20px;
    border-radius: 0 0 5px 5px;
}

.quote.ets {
    border-color: #E82C30;
}

.quote.ets .author {
    background: #E82C30;
}

.quote.milestone {
    border-color: #E82C30;
}

.quote.milestone .author {
    background: #E82C30;
}

.partners-slides img {
    margin: 0 auto;
    display: block;
}

.slick-prev, .slick-next {
    width: 20px;
    height: 28px;
}

.slick-prev:before, .slick-next:before {
    color: #707070;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17' height='28.333' viewBox='0 0 17 28.333'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Mask' d='M3.329,0,14.167,10.507,25,0l3.329,3.235L14.167,17,0,3.235Z' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect id='Black' width='116.233' height='117.867' transform='translate(0 0)' fill='%23aeaeae'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='ic_keyboard_arrow_down_copy_3' data-name='ic_keyboard_arrow_down copy 3' transform='translate(0 28.333) rotate(-90)'%3E%3Cpath id='Mask-2' data-name='Mask' d='M3.329,0,14.167,10.507,25,0l3.329,3.235L14.167,17,0,3.235Z' fill='none'/%3E%3Cg id='ic_keyboard_arrow_down_copy_3-2' data-name='ic_keyboard_arrow_down copy 3' clip-path='url(%23clip-path)'%3E%3Cg id='_Color' data-name='🎨 Color' transform='translate(-44.2 -51)'%3E%3Crect id='Black-2' data-name='Black' width='116.233' height='117.867' transform='translate(0 0)' fill='%23aeaeae'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    font-size: 0;
    width: 20px;
    height: 28px;
    display: block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.slick-prev:before {
    transform: rotate(180deg);
}

.slick-dots li button:before {
    font-size: 14px;
}

main.contents {
    overflow: hidden;
}

.sec2, .banner, .sec3 {
    position: relative;
}

.bg-circle {
    position: absolute;
    z-index: -1;
}

.banner .bg-circle {
    bottom: -16vw;
    right: -28vw;
    max-width: 45vw;
}

.sec2 .bg-circle {
    top: -16vw;
    left: -9vw;
    max-width: 60vw;
}

.sec3 .bg-circle {
    bottom: -10vw;
    bottom: -45vw;
    right: -15vw;
    max-width: 45vw;
}

.dropdown-toggle:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_keyboard_arrow_down_copy' data-name='ic_keyboard_arrow_down copy' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11.667' height='7' viewBox='0 0 11.667 7'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Mask' d='M1.371,0,5.833,4.327,10.3,0l1.371,1.332L5.833,7,0,1.332Z' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect id='Black' width='47.86' height='48.533' fill='%232a2a2a'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='Mask-2' data-name='Mask' d='M1.371,0,5.833,4.327,10.3,0l1.371,1.332L5.833,7,0,1.332Z' fill='none'/%3E%3Cg id='ic_keyboard_arrow_down_copy-2' data-name='ic_keyboard_arrow_down copy' clip-path='url(%23clip-path)'%3E%3Cg id='_Color' data-name='🎨 Color' transform='translate(-18.2 -21)'%3E%3Crect id='Black-2' data-name='Black' width='47.86' height='48.533' fill='%232a2a2a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    border: 0;
    width: 12px;
    height: 7px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: middle;
}

.dropdown-menu {
    border: 0;
    background: #FEF4EE;
    margin: 0;
    border-radius: 0;
    text-align: left;
    padding: 1.5rem;
}

.dropdown-item:focus, .dropdown-item:hover {
    background: transparent;
}

.dropdown-toggle[aria-expanded="true"] {
    box-shadow: 0 5px 4px rgb(0 0 0 / 16%);
}

.dropdown-menu h3 {
    font-size: 16px;
    font-weight: 600;
}

.products {
    padding: 0;
}

.products .figure {
    width: 95px;
    min-width: 95px;
    border-right: 2px solid #333;
    min-height: 50px;
    display: flex;
    align-items: center;
    padding-right: 20px;
}

.products .figure a:hover img {
    opacity: .9;
}

.products .content {
    padding-left: 20px;
    font-weight: normal;
}

.figure img {
}

.product-item .figure img {
    width: 50px;
    height: auto;
}

.products .product-item {
    display: flex;
    width: 100%;
    margin: 0 0 0rem;
    text-align: left;
    align-items: flex-start;
    font-size: 14px;
}
.products .product-item:last-child, .products .product-item:last-child .figure, .products .product-item:last-child .content{
	margin-bottom:0;
	
}
.page-title {
    padding: 20px 0;
    font-weight: 700;
    font-size: 8px;
    background-image: url('../images/bg-page-title.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}


.page-title h1 {
    margin: 0;
}

.accordion .accordion-title {
    content: "";
    background: #FDE7D9;
    box-shadow: 0 2px 6px rgb(0 0 0 / 14%);
    padding: 0px 60px 0px 0px;
    border-radius: 67px;
    max-width: 980px;
    position: relative;
    align-items: center;
    display: flex;
    cursor: pointer;
    z-index: 3;
    width: 100%;
}

.accordion h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px;
}

.accordion .accordion-title h3 {
    margin: 0 0 0px;
}

.accordion .accordion-title-content {
    flex-grow: 1;
    padding: 0 15px;
}

.accordion .accordion-title .accordion-title-content > :last-child {
    margin-bottom: 0;
}

.icon-holder {
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px;
    display: block;
    border: 3px solid #000;
    border-radius: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 60%;
}

.icon-trycat {
    background-image: url(../images/tyre-cat.png);
    background-size: 44px;
}

.icon-stock-control {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='mdi:chart-line_copy' data-name='mdi:chart-line copy' width='70.853' height='70.853' viewBox='0 0 70.853 70.853'%3E%3Crect id='ViewBox' width='70.853' height='70.853' fill='none'/%3E%3Cpath id='Path' d='M41.331,25.92,53.848,4.281l5.107,2.952L43.516,33.95,24.3,22.88,10.215,47.235h48.83v5.9H0V0H5.9V42.925L22.142,14.761Z' transform='translate(5.904 8.857)' fill='%23eb9b9b'/%3E%3C/svg%3E");
    border-color: #D36C6C;
    background-size: 34px;
}
.icon-accounts{
	background-image: url("data:image/svg+xml,%0A%3Csvg id='mdi:briefcase-account_copy' data-name='mdi:briefcase-account copy' xmlns='http://www.w3.org/2000/svg' width='71' height='71' viewBox='0 0 71 71'%3E%3Crect id='ViewBox' width='71' height='71' fill='none'/%3E%3Cpath id='Shape' d='M53.25,56.208H5.917A5.923,5.923,0,0,1,0,50.291V17.75a5.9,5.9,0,0,1,5.916-5.917H17.75V5.917A5.9,5.9,0,0,1,23.667,0H35.5a5.924,5.924,0,0,1,5.917,5.917v5.916H53.25a5.924,5.924,0,0,1,5.917,5.917V50.291A5.924,5.924,0,0,1,53.25,56.208ZM29.583,39.2c-8.155,0-14.791,3.318-14.791,7.4v3.7H44.376v-3.7C44.376,42.516,37.74,39.2,29.583,39.2Zm0-18.49a7.4,7.4,0,1,0,7.4,7.4A7.4,7.4,0,0,0,29.583,20.709ZM23.667,5.917v5.916H35.5V5.917Z' transform='translate(5.917 5.917)' fill='%23f6bc50'/%3E%3C/svg%3E%0A");
	border-color:#C08B27;
	background-size: 34px;
}
.icon-vehicle-management{
	background-image: url("data:image/svg+xml,%0A%3Csvg id='mdi:car_copy' data-name='mdi:car copy' xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Crect id='ViewBox' width='84' height='84' fill='none'/%3E%3Cpath id='Shape' d='M59.5,56H56a3.5,3.5,0,0,1-3.5-3.5V49h-42v3.5A3.5,3.5,0,0,1,7,56H3.5A3.5,3.5,0,0,1,0,52.5v-28l7.28-21A5.238,5.238,0,0,1,12.25,0h38.5a5.238,5.238,0,0,1,4.97,3.5L63,24.5v28A3.5,3.5,0,0,1,59.5,56ZM50.75,28A5.25,5.25,0,1,0,56,33.25,5.256,5.256,0,0,0,50.75,28Zm-38.5,0A5.25,5.25,0,1,0,17.5,33.25,5.256,5.256,0,0,0,12.25,28Zm0-22.75h0L7,21H56L50.75,5.25Z' transform='translate(10.5 17.5)' fill='%236cc198'/%3E%3C/svg%3E%0A");
	border-color:#379366;
	background-size: 35px;
}
.icon-purchasing{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='56.209' height='59.167' viewBox='0 0 56.209 59.167'%3E%3Cpath id='Shape' d='M13.313,59.167a5.951,5.951,0,0,1-5.3-3.254L.3,33.844l-.3-1.3a2.959,2.959,0,0,1,2.958-2.958H50.292a2.959,2.959,0,0,1,2.958,2.958l-.119.859-7.9,22.513a5.951,5.951,0,0,1-5.3,3.254ZM26.625,11.833H35.5V0H47.334V11.833h8.875L41.417,26.625ZM8.875,23.666V14.792H17.75v8.875ZM14.792,8.875V0h8.875V8.875ZM0,8.875V0H8.875V8.875Z' fill='%2380c567'/%3E%3C/svg%3E%0A");
	border-color:#398F19;
	background-size: 27px;
}
.icon-sales{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='61.971' height='61.971' viewBox='0 0 61.971 61.971'%3E%3Cpath id='Shape' d='M41.314,61.971A20.662,20.662,0,0,1,30.72,59.02H5.9a5.909,5.909,0,0,1-5.9-5.9V5.9A5.882,5.882,0,0,1,5.9,0H29.51L47.216,17.706v3.836a20.644,20.644,0,0,1-5.9,40.429Zm0-35.412A14.755,14.755,0,1,0,56.069,41.314,14.772,14.772,0,0,0,41.314,26.559ZM26.559,4.427V20.657H42.79L26.559,4.427ZM49.017,50.639h0L38.364,44.265V29.51H42.79V42.051l8.44,4.988-2.212,3.6Z' transform='translate(0 0)' fill='%23e46986'/%3E%3C/svg%3E%0A");
	border-color:#B7435E;
	background-size: 34px;
}
.icon-workshop-diary{
	background-image: url("data:image/svg+xml,%0A%3Csvg id='mdi:book-open-page-variant_copy_2' data-name='mdi:book-open-page-variant copy 2' xmlns='http://www.w3.org/2000/svg' width='71' height='71' viewBox='0 0 71 71'%3E%3Crect id='ViewBox' width='71' height='71' fill='none'/%3E%3Cpath id='Shape' d='M16.271,54.729A36.064,36.064,0,0,0,2.219,57.954c-.3,0-.444.207-.739.207A1.591,1.591,0,0,1,0,56.682V13.313c4.289-3.254,10.5-4.438,16.271-4.438s11.981,1.184,16.27,4.438V53.25c3.994-2.515,11.242-4.438,16.271-4.438a34.363,34.363,0,0,1,10.354,1.48V10.354a20.143,20.143,0,0,1,5.917,2.958V56.475a1.591,1.591,0,0,1-1.48,1.479,1.28,1.28,0,0,1-.739-.089,30.136,30.136,0,0,0-14.053-3.136c-5.029,0-12.277,1.923-16.271,4.438C28.252,55.913,22.039,54.729,16.271,54.729ZM38.458,13.313,53.25,0V32.541L38.458,45.854Z' transform='translate(2.958 5.917)' fill='%233f90d2'/%3E%3C/svg%3E%0A");
	border-color:#286393;
	background-size: 30px;
}
.icon-marketing{
	background-image: url("data:image/svg+xml,%0A%3Csvg id='mdi:share-variant_copy_2' data-name='mdi:share-variant copy 2' xmlns='http://www.w3.org/2000/svg' width='70.594' height='70.594' viewBox='0 0 70.594 70.594'%3E%3Crect id='ViewBox' width='70.594' height='70.594' fill='none'/%3E%3Cpath id='Path' d='M44.121,41.415a8.565,8.565,0,0,0-5.765,2.265L17.384,31.473a9.629,9.629,0,0,0,.265-2.059,9.629,9.629,0,0,0-.265-2.059L38.121,15.266A8.8,8.8,0,1,0,35.3,8.824a9.629,9.629,0,0,0,.265,2.059L14.825,22.972a8.824,8.824,0,1,0,0,12.883L35.767,48.063A8.354,8.354,0,0,0,35.532,50a8.589,8.589,0,1,0,8.589-8.589Z' transform='translate(8.824 5.883)' fill='%2357c1cc'/%3E%3C/svg%3E%0A");
	border-color:#35868E;
	background-size: 34px;
}
.icon-integration{
	background-image: url("data:image/svg+xml,%0A%3Csvg id='mdi:arrow-collapse-all' xmlns='http://www.w3.org/2000/svg' width='71' height='71' viewBox='0 0 71 71'%3E%3Crect id='ViewBox' width='71' height='71' fill='none'/%3E%3Cpath id='Shape' d='M35.234,39.4V50.026H29.318V29.318H50.026v5.917H39.4L52.718,48.546l-4.172,4.172ZM0,48.546,13.313,35.234H2.692V29.318H23.4V50.026H17.483V39.4L4.172,52.718ZM29.318,23.4V2.692h5.917V13.313L48.546,0l4.172,4.172L39.4,17.483H50.026V23.4Zm-26.626,0V17.483H13.313L0,4.172,4.172,0,17.483,13.313V2.692H23.4V23.4Z' transform='translate(9.141 9.141)' fill='%23b61cd7'/%3E%3C/svg%3E%0A");
	border-color:#8E1DA7;
	background-size: 35px;
}

.accordion .accordion-title:after {
    content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%0A%3Csvg id='mdi:plus_copy_5' data-name='mdi:plus copy 5' xmlns='http://www.w3.org/2000/svg' width='47' height='47' viewBox='0 0 47 47'%3E%3Crect id='ViewBox' width='47' height='47' fill='none'/%3E%3Cpath id='Path' d='M27.417,15.667H15.667v11.75H11.75V15.667H0V11.75H11.75V0h3.917V11.75h11.75Z' transform='translate(9.792 9.792)'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.accordion [aria-expanded="true"].accordion-title:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='mdi:minus' xmlns='http://www.w3.org/2000/svg' width='43' height='43' viewBox='0 0 43 43'%3E%3Crect id='ViewBox' width='43' height='43' fill='none'/%3E%3Cpath id='Path' d='M25.083,3.583H0V0H25.083Z' transform='translate(8.958 19.708)'/%3E%3C/svg%3E%0A");
}


.accordion .accordion-title .icon-holder {
    margin: 0 0px 0 -2px;
}

.accordion .accordion-title-content .snippet {
    max-height: 50px;
    overflow: hidden;
}

.accordion .accordion-content {
    position: relative;
    z-index: 1;
    /* top: -60px; */
    clear: both;
    /* margin-bottom: -60px; */
}
.accordion-content-outer {
	top: -55px;
	position: relative;
	margin-bottom: -55px;
	min-height: 55px;
	clear: both;
}
.accordion .accordion-content.show{
	/* margin-bottom: -60px; */
}

.accordion .accordion-content-in {
    background: #FBD5BA;
    border-radius: 50px;
    padding: 80px 20px 20px 20px;
}
.accordion .accordion-content-in {
    background: #FBD5BA;
    border-radius: 50px;
    padding: 80px 20px 20px 20px;
}

.accordion .accordion-item:nth-child(2n) .accordion-title {
    padding: 0px 0px 0px 60px;
    float: right;
}

.accordion .accordion-item:nth-child(2n) .accordion-title .icon-holder {
    order: 2;
    margin: 0 -2px 0 0px;
}

.accordion .accordion-item:nth-child(2n) .accordion-title .accordion-title-content {
    order: 1;
}

.accordion .accordion-item:nth-child(2n) .accordion-title:after {
    right: auto;
    left: 20px;
}
.accordion .accordion-stock-control .accordion-title {
    background: #FBC8C8;
}

.accordion .accordion-stock-control .accordion-content-in {
    background: #F1AAAA;
}
.accordion .accordion-accounts .accordion-title {
    background: #FAF1E1;
}

.accordion .accordion-accounts .accordion-content-in {
    background: #FBE6C2;
}
.accordion .accordion-vehicle-management .accordion-title {
    background: #D0F8E5;
}

.accordion .accordion-vehicle-management .accordion-content-in {
    background: #B1EACE;
}
.accordion .accordion-purchasing .accordion-title {
    background: #DDF3D6;
}

.accordion .accordion-purchasing .accordion-content-in {
    background: #C0E0B4;
}
.accordion .accordion-sales .accordion-title {
    background: #F6DBE2;
}

.accordion .accordion-sales .accordion-content-in {
    background: #F3B6C5;
}
.accordion .accordion-workshop-diary .accordion-title {
    background: #D0E0EC;
}

.accordion .accordion-workshop-diary .accordion-content-in {
    background: #B6D5EB;
}
.accordion .accordion-marketing .accordion-title {
    background: #D2E6E8;
}

.accordion .accordion-marketing .accordion-content-in {
    background: #B4D9DD;
}
.accordion .accordion-integration .accordion-title {
    background: #EFDCF3;
}

.accordion .accordion-integration .accordion-content-in {
    background: #E1BCE8;
}
.bullet {
    padding: 0;
    list-style: none;
}

.bullet li {
    position: relative;
    padding: 0 0 0 15px;
    margin: 0 0 8px;
    font-weight: 700;
}

.bullet li:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #000;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}
.bullet-check {
    padding: 0;
    list-style: none;
}

.bullet-check li {
    position: relative;
    padding: 0 0 0 50px;
    margin: 40px 0 0;
    font-weight: 600;
    min-height: 32px;
}
.bullet-check li:last-child {
    margin-bottom:0;
}

.bullet-check li:before {
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.505' height='31.505' viewBox='0 0 31.505 31.505'%3E%3Cpath id='Fill_1' data-name='Fill 1' d='M15.753,31.5A15.75,15.75,0,0,1,4.615,4.615,15.751,15.751,0,1,1,15.753,31.5Zm-8.8-17.974h0L4.726,15.753,12.6,23.629,26.78,9.452,24.557,7.214,12.6,19.172,6.948,13.531Z' transform='translate(0 0)' fill='%23000943'/%3E%3C/svg%3E%0A");
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -2px;
}
.sec-features{
	background-color:#FBE4D6;
}
.sec-features .container {
    padding-right: 30px;
    padding-left: 30px;
    max-width: 1000px;
}
.sec-cta .form-cont .form-header{
	font-size:20px;
	padding: 1.285rem 1.5rem;
}
 .page-web-retail .page-title{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1919.477' height='80.651' viewBox='0 0 1919.477 80.651'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Mask' width='1919.477' height='80.651' transform='translate(0 0.167)' fill='%23ffc4be'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask' data-name='Fill 1 + Fill 1 + Fill 1 Mask' transform='translate(0 -0.167)'%3E%3Crect id='Mask-2' data-name='Mask' width='1919.477' height='80.651' transform='translate(0 0.167)' fill='%23ffc4be'/%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask-2' data-name='Fill 1 + Fill 1 + Fill 1 Mask' clip-path='url(%23clip-path)'%3E%3Cpath id='Fill_1' data-name='Fill 1' d='M.808,0H1922.661s196.557,101.479-401.328,73.62c-607.241-28.3-282.625,84.361-938.317,128.9C-17.156,243.287,406.981,324.084,0,346.091Z' transform='translate(0 -0.669)' fill='%23ff9388'/%3E%3Cpath id='Fill_1-2' data-name='Fill 1' d='M0,0H1178.574s-71.891,111.041-565.324,110.2S180.816,209.463,0,253.627Z' transform='translate(0 -0.384)' fill='%23d1342c'/%3E%3Cpath id='Fill_1-3' data-name='Fill 1' d='M0,0H819.777S704.808,59.077,433.882,72.686,113.969,88.77,0,145.372Z' transform='translate(0.247 -0.384)' fill='%23a31f1f'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-sales-app .page-title{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920' height='82.642' viewBox='0 0 1920 82.642'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Mask' width='1920' height='82.642' transform='translate(0 0.171)' fill='%23a7d8ae'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask_Copy' data-name='Fill 1 + Fill 1 + Fill 1 Mask Copy' transform='translate(0 -0.171)'%3E%3Crect id='Mask-2' data-name='Mask' width='1920' height='82.642' transform='translate(0 0.171)' fill='%23a7d8ae'/%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask_Copy-2' data-name='Fill 1 + Fill 1 + Fill 1 Mask Copy' clip-path='url(%23clip-path)'%3E%3Cpath id='Fill_1' data-name='Fill 1' d='M.808,0H1923.185S2119.8,103.984,1521.747,75.437c-607.407-28.994-282.7,86.444-938.572,132.083C-17.161,249.294,407.092,332.086,0,354.636Z' transform='translate(0 -0.686)' fill='%238ab792'/%3E%3Cpath id='Fill_1-2' data-name='Fill 1' d='M0,0H1178.9s-71.91,113.783-565.478,112.921S180.866,214.635,0,259.89Z' transform='translate(0 -0.394)' fill='%235fa06b'/%3E%3Cpath id='Fill_1-3' data-name='Fill 1' d='M0,0H820S705,60.535,434,74.481,114,90.961,0,148.961Z' transform='translate(0.247 -0.394)' fill='%23405944'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-stock-app .page-title{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920' height='80.651' viewBox='0 0 1920 80.651'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Mask' d='M0,0H1920V80.651H0Z' transform='translate(0 0.167)' fill='%235acef2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask_Copy' data-name='Fill 1 + Fill 1 + Fill 1 Mask Copy' transform='translate(0 -0.167)'%3E%3Cpath id='Mask-2' data-name='Mask' d='M0,0H1920V80.651H0Z' transform='translate(0 0.167)' fill='%235acef2'/%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask_Copy-2' data-name='Fill 1 + Fill 1 + Fill 1 Mask Copy' clip-path='url(%23clip-path)'%3E%3Cpath id='Fill_1' data-name='Fill 1' d='M.808,0H1923.185S2119.8,101.479,1521.747,73.62c-607.407-28.3-282.7,84.361-938.572,128.9C-17.161,243.287,407.092,324.084,0,346.091Z' transform='translate(0 -0.669)' fill='%2310abe8'/%3E%3Cpath id='Fill_1-2' data-name='Fill 1' d='M0,0H1178.9s-71.91,111.041-565.478,110.2S180.866,209.463,0,253.627Z' transform='translate(0 -0.384)' fill='%23095c85'/%3E%3Cpath id='Fill_1-3' data-name='Fill 1' d='M0,0H820S705,59.077,434,72.686,114,88.77,0,145.372Z' transform='translate(0.247 -0.384)' fill='%23073b4f'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-vehicle-inspection-app .page-title{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920' height='80.651' viewBox='0 0 1920 80.651'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Mask' width='1920' height='80.651' transform='translate(0 0.167)' fill='%23c734e0'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask_Copy' data-name='Fill 1 + Fill 1 + Fill 1 Mask Copy' transform='translate(0 -0.167)'%3E%3Crect id='Mask-2' data-name='Mask' width='1920' height='80.651' transform='translate(0 0.167)' fill='%23c734e0'/%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask_Copy-2' data-name='Fill 1 + Fill 1 + Fill 1 Mask Copy' clip-path='url(%23clip-path)'%3E%3Cpath id='Fill_1' data-name='Fill 1' d='M.808,0H1923.185S2119.8,101.479,1521.747,73.62c-607.407-28.3-282.7,84.361-938.572,128.9C-17.161,243.287,407.092,324.084,0,346.091Z' transform='translate(0 -0.669)' fill='%239216c5'/%3E%3Cpath id='Fill_1-2' data-name='Fill 1' d='M0,0H1178.9s-71.91,111.041-565.478,110.2S180.866,209.463,0,253.627Z' transform='translate(0 -0.384)' fill='%238d239b'/%3E%3Cpath id='Fill_1-3' data-name='Fill 1' d='M0,0H820S705,59.077,434,72.686,114,88.77,0,145.372Z' transform='translate(0.247 -0.384)' fill='%234b1c60'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
} 
.page-proof-delivery-app .page-title{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920' height='80.153' viewBox='0 0 1920 80.153'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Mask' width='1920' height='80.153' transform='translate(0 0.166)' fill='%23f06da8'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask_Copy' data-name='Fill 1 + Fill 1 + Fill 1 Mask Copy' transform='translate(0 -0.166)'%3E%3Crect id='Mask-2' data-name='Mask' width='1920' height='80.153' transform='translate(0 0.166)' fill='%23f06da8'/%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask_Copy-2' data-name='Fill 1 + Fill 1 + Fill 1 Mask Copy' clip-path='url(%23clip-path)'%3E%3Cpath id='Fill_1' data-name='Fill 1' d='M.808,0H1923.185S2119.8,100.852,1521.747,73.165c-607.407-28.12-282.7,83.841-938.572,128.1C-17.161,241.785,407.092,322.083,0,343.955Z' transform='translate(0 -0.665)' fill='%23e5076c'/%3E%3Cpath id='Fill_1-2' data-name='Fill 1' d='M0,0H1178.9s-71.91,110.355-565.478,109.519S180.866,208.17,0,252.062Z' transform='translate(0 -0.382)' fill='%23c40059'/%3E%3Cpath id='Fill_1-3' data-name='Fill 1' d='M0,0H820S705,58.712,434,72.237,114,88.222,0,144.474Z' transform='translate(0.247 -0.382)' fill='%238c003a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-job-sheet-app .page-title{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920' height='79.655' viewBox='0 0 1920 79.655'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Mask' width='1920' height='79.655' transform='translate(0 0.165)' fill='%23bdfdff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask_Copy' data-name='Fill 1 + Fill 1 + Fill 1 Mask Copy' transform='translate(0 -0.165)'%3E%3Crect id='Mask-2' data-name='Mask' width='1920' height='79.655' transform='translate(0 0.165)' fill='%23bdfdff'/%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask_Copy-2' data-name='Fill 1 + Fill 1 + Fill 1 Mask Copy' clip-path='url(%23clip-path)'%3E%3Cpath id='Fill_1' data-name='Fill 1' d='M.808,0H1923.185S2119.8,100.226,1521.747,72.711c-607.407-27.946-282.7,83.32-938.572,127.309C-17.161,240.283,407.092,320.083,0,341.818Z' transform='translate(0 -0.661)' fill='%2310a6ad'/%3E%3Cpath id='Fill_1-2' data-name='Fill 1' d='M0,0H1178.9s-71.91,109.67-565.478,108.839S180.866,206.877,0,250.5Z' transform='translate(0 -0.38)' fill='%230c6868'/%3E%3Cpath id='Fill_1-3' data-name='Fill 1' d='M0,0H820S705,58.347,434,71.789,114,87.674,0,143.577Z' transform='translate(0.247 -0.38)' fill='%23084c4a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-careers .page-title{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920' height='79.655' viewBox='0 0 1920 79.655'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Mask' width='1920' height='79.655' transform='translate(0 0.165)' fill='%23bdfdff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask_Copy' data-name='Fill 1 + Fill 1 + Fill 1 Mask Copy' transform='translate(0 -0.165)'%3E%3Crect id='Mask-2' data-name='Mask' width='1920' height='79.655' transform='translate(0 0.165)' fill='%23bdfdff'/%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask_Copy-2' data-name='Fill 1 + Fill 1 + Fill 1 Mask Copy' clip-path='url(%23clip-path)'%3E%3Cpath id='Fill_1' data-name='Fill 1' d='M.808,0H1923.185S2119.8,100.226,1521.747,72.711c-607.407-27.946-282.7,83.32-938.572,127.309C-17.161,240.283,407.092,320.083,0,341.818Z' transform='translate(0 -0.661)' fill='%2310a6ad'/%3E%3Cpath id='Fill_1-2' data-name='Fill 1' d='M0,0H1178.9s-71.91,109.67-565.478,108.839S180.866,206.877,0,250.5Z' transform='translate(0 -0.38)' fill='%230c6868'/%3E%3Cpath id='Fill_1-3' data-name='Fill 1' d='M0,0H820S705,58.347,434,71.789,114,87.674,0,143.577Z' transform='translate(0.247 -0.38)' fill='%23084c4a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-contact-us .page-title{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920' height='80.651' viewBox='0 0 1920 80.651'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Mask' width='1920' height='80.651' transform='translate(0 0.167)' fill='%23c3f9fc'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask' data-name='Fill 1 + Fill 1 + Fill 1 Mask' transform='translate(0 -0.167)'%3E%3Crect id='Mask-2' data-name='Mask' width='1920' height='80.651' transform='translate(0 0.167)' fill='%23c3f9fc'/%3E%3Cg id='Fill_1_Fill_1_Fill_1_Mask-2' data-name='Fill 1 + Fill 1 + Fill 1 Mask' clip-path='url(%23clip-path)'%3E%3Cpath id='Fill_1' data-name='Fill 1' d='M.808,0H1923.185S2119.8,101.479,1521.747,73.62c-607.407-28.3-282.7,84.361-938.572,128.9C-17.161,243.287,407.092,324.084,0,346.091Z' transform='translate(0 -0.669)' fill='%23a9f7ff'/%3E%3Cpath id='Fill_1-2' data-name='Fill 1' d='M0,0H1178.9s-71.91,111.041-565.478,110.2S180.866,209.463,0,253.627Z' transform='translate(0 -0.384)' fill='%2374e8f4'/%3E%3Cpath id='Fill_1-3' data-name='Fill 1' d='M0,0H820S705,59.077,434,72.686,114,88.77,0,145.372Z' transform='translate(0.247 -0.384)' fill='%234dbdc8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	
}
.page-contact-us .form-cont .form-header{
	background: #10A6AD;
    border-bottom-color: #165654;
	font-size:25px;
	padding: 1rem 1.5rem;
}
.page-web-retail .sec-features{
	background-color:#FFC4BE;
}
.page-web-retail .form-cont .form-header{
	background: #D1342C;
    border-bottom-color: #A31F1F;
}
.page-sales-app .sec-features{
	background-color:#D6F7DB;
}
.page-sales-app .form-cont .form-header{
	background: #8AB792;
    border-bottom-color: #405944;
}
.page-stock-app .sec-features{
	background-color:#B6E9F9;
}
.page-stock-app .form-cont .form-header{
	background: #10ABE8;
    border-bottom-color: #073B4F;
}

.page-vehicle-inspection-app .sec-features{
	background-color:#F7C5FF;
}
.page-vehicle-inspection-app .form-cont .form-header{
	background: #9216c5;
    border-bottom-color: #4b1c60;
}
.page-proof-delivery-app .sec-features{
	background-color:#FCDAE9;
}
.page-proof-delivery-app .form-cont .form-header{
	background: #C40059;
    border-bottom-color: #8C003A;
}
.page-job-sheet-app .sec-features{
	background-color:#CEFDFE;
}
.sec-contact textarea.form-control {
    min-height: 305px;
}

.map{
	border-radius:25px;
	
}
.contact-info a{
	color:#000;
}
.contact-info a:hover{
	text-decoration:none;
	color:#ff6200;
}
.contact-phone,.contact-email {
	padding:0 0 0 30px;
    position: relative;
}

.contact-phone:before, .contact-email:before {
    content: '';
    display: block;
    background: url;
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_call_copy' data-name='ic_call copy' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20.93' height='20.233' viewBox='0 0 20.93 20.233'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Mask' d='M4.209,8.756a17.333,17.333,0,0,0,7.663,7.407l2.558-2.473a1.185,1.185,0,0,1,1.186-.27,13.682,13.682,0,0,0,4.151.641,1.147,1.147,0,0,1,1.163,1.124v3.923a1.147,1.147,0,0,1-1.163,1.124C8.849,20.233,0,11.679,0,1.124A1.147,1.147,0,0,1,1.163,0h4.07A1.147,1.147,0,0,1,6.4,1.124a12.382,12.382,0,0,0,.663,4.013,1.1,1.1,0,0,1-.291,1.147L4.209,8.756Z' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect id='Black' width='57.907' height='55.814' fill='%23131b51'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='Mask-2' data-name='Mask' d='M4.209,8.756a17.333,17.333,0,0,0,7.663,7.407l2.558-2.473a1.185,1.185,0,0,1,1.186-.27,13.682,13.682,0,0,0,4.151.641,1.147,1.147,0,0,1,1.163,1.124v3.923a1.147,1.147,0,0,1-1.163,1.124C8.849,20.233,0,11.679,0,1.124A1.147,1.147,0,0,1,1.163,0h4.07A1.147,1.147,0,0,1,6.4,1.124a12.382,12.382,0,0,0,.663,4.013,1.1,1.1,0,0,1-.291,1.147L4.209,8.756Z' fill='none'/%3E%3Cg id='ic_call_copy-2' data-name='ic_call copy' clip-path='url(%23clip-path)'%3E%3Cg id='_Color' data-name='🎨 Color' transform='translate(-18.14 -17.442)'%3E%3Crect id='Black-2' data-name='Black' width='57.907' height='55.814' fill='%23131b51'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    position: absolute;
    width: 21px;
    height: 20px;
    background-repeat: no-repeat;
    left:0;
	top:2px;
}

.contact-email:before {

    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20.93' height='16.745' viewBox='0 0 20.93 16.745'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Mask' d='M18.837,16.745H2.093A2.1,2.1,0,0,1,0,14.651L.011,2.093A2.09,2.09,0,0,1,2.093,0H18.837A2.1,2.1,0,0,1,20.93,2.093V14.651A2.1,2.1,0,0,1,18.837,16.745ZM2.093,4.186V14.651H18.837V4.186L10.465,9.419Zm0-2.093,8.372,5.233,8.372-5.233Z' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect id='Black' width='52.326' height='52.326' fill='%23131b51'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='ic_mail_outline' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cg id='_Color' data-name='🎨 Color' transform='translate(-15.349 -17.442)'%3E%3Crect id='Black-2' data-name='Black' width='52.326' height='52.326' fill='%23131b51'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");

}
.intro {
    max-width: 1000px;
    margin: 0 auto;
}

.page-careers .role-bg h2{
    margin-bottom: 0;
}
.page-careers .role-bg a{
    color: #000000;
}
.page-careers .role-bg a:hover{
    color: #000000;
    text-decoration: none;
}
.page-careers .media-text{
    position: relative;
    /*height: 233px;*/
    margin-bottom: 10px;
}
.page-careers .header-text{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 21;
    color: #FFFFFF;
    background: rgba(0,0,0,0.5);
    font-weight: 600;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* .page-careers .header-img{
    z-index: 20;
    position: absolute;
    width: 100%;
} */
.page-careers .role-bg-first{
    width: 100%;
    background: #ffe89a;
    border: 1px solid #b5b3ad;
    border-radius: 10px;
    padding: 15px 50px;
    background: linear-gradient(to right,  #ffe89a 0%,#fffaeb 100%);
    margin-bottom: 20px;
}
.page-careers .role-bg-second{
    width: 100%;
    background: #ffe89a;
    border: 1px solid #b5b3ad;
    border-radius: 10px;
    padding: 15px 50px;
    background: linear-gradient(to right,  #9ae6fe 0%,#f2fff4 100%);
    margin-bottom: 20px;
}

.page-careers .role-bg-third{
    width: 100%;
    background: #ffe89a;
    border: 1px solid #b5b3ad;
    border-radius: 10px;
    padding: 15px 50px;
    background: linear-gradient(to right,  #ef9bfe 0%,#f8f2f9 100%);
    margin-bottom: 100px;
}

/* @media START */
@media (min-width: 320px) {
    .logo-list .logo-holder {
        width: 125px;
        height: 125px;
        margin: 0 auto;
    }
}

@media (min-width: 375px) {
    .quote p {
        min-height: 200px;
    }

    .logo-list .logo-holder {
        width: 152px;
        height: 152px;
    }
}

@media (min-width: 410px) {
    .quote p {
        min-height: 180px;
    }

    .logo-list .logo-holder {
        width: 172px;
        height: 172px;
    }
}

@media (min-width: 480px) {
}

@media (min-width: 576px) {
    .logo-list li {
        width: 33.3333%;
    }

    .logo-list .logo-holder {
        width: 149px;
        height: 149px;
    }
	.sec-features .bullet-check {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.sec-features .bullet-check li {
		width: calc(50% - 20px);
	}

	.sec-features .bullet-check li:nth-child(2n) {
		margin-left: 20px;
	}
}

@media (min-width: 768px) {
    h1, .h1, h2, .h2, .title {
        font-size: 25px;
    }

    .logo-list li {
        width: 25%
    }

    .logo-list .logo-holder {
        width: 152px;
        height: 152px;
    }

    .quote p {
        min-height: 225px;
    }
	.sec-features .bullet-check li {
		width: calc(33.333% - 20px);
	}

	.sec-features .bullet-check li:nth-child(2n), .sec-features .bullet-check li:nth-child(n+2) {
		margin-left: 20px;
	}
	.sec-features .bullet-check li:nth-child(4n){
		margin-left: 0px;
	}

}

@media (min-width: 992px) {
    body.has-responsive-active .bg-overlay {
        opacity:0;
        visibility: hidden;
        width: 0;
        height: 0;
        z-index: -1;
    }

    .header {
        box-shadow: none;
    }

    .branding-bar {
        box-shadow: 0 5px 4px rgb(0 0 0 / 16%);
    }

    .navbar-expand-lg .navbar-nav > .nav-item {
        padding-right: .85rem;
        padding-left: .85rem;
    }

    .navbar-nav > li:not(:last-child) {
        border-bottom: 0;
    }

    .navbar-nav > li {
        padding: 0 0 0px;
        margin: 0 0 0px;
    }

    .navigation {
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
        bottom: inherit;
        width: auto;
        height: auto !important;
        background: inherit;
        padding: 0rem;
        font-size: 14px;
        z-index: 999;
        overflow: initial;
        max-height: inherit;
        box-shadow: none;
    }

    .navigation .navbar-nav {
        padding-right: 0rem;
        padding-top: 0px;
    }

    .navigation ul:before {
        visibility: hidden;
        opacity: 0;
        width: 0;
        height: 0;
    }

    .navbar {
        padding: 0.375rem 1rem;
    }

    .navigation .navbar-nav li:nth-child(2n) > a, .navigation .navbar-nav li > a {
        background: transparent;
    }

    .navbar-light .navbar-nav .nav-link [class*="fa"] {
        color: #303030;
        font-size: 120%;
        margin: 0 0.2rem 0 0;
        width: auto;
    }

    .navbar-light .navbar-nav .nav-link, .navbar-light a:not(.btn) {
        color: #3c3c3c;
        font-weight: 600;
        text-decoration: none;
        display: inline-block;
    }

    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav a:not(.btn):hover, .navbar-light .navbar-nav .nav-link:hover [class*="fa"], .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        /* color:#3c3c3c; */
        /*border-color:#ff841c;*/
    }

    .navbar-light .navbar-nav .nav-link:hover:after, .navbar-light a:not(.btn):hover:after, .navbar-light .navbar-nav .active>.nav-link:after, .navbar-light .navbar-nav .nav-link.active:after, .navbar-light .navbar-nav .nav-link.show:after, .navbar-light .navbar-nav .show>.nav-link:after {
        transform: scaleX(1);
    }

    .navbar-light .navbar-nav .nav-link .fa-cog:before, .navbar-light .navbar-nav .nav-link .fa-search-dollar:before, .navbar-light .navbar-nav .nav-link .fa-chart-bar:before {
        content: '';
        width: 12px;
        height: 12px;
        display: inline-block;
        vertical-align: middle;
    }

    .dropdown-menu {
        margin: 25px 0 0;
        box-shadow: 0 5px 4px rgb(0 0 0 / 16%);
        text-align: left;
        left: -24px;
    }

    .dropdown-menu:before {
        content: '';
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='24' viewBox='0 0 63 24'%3E%3Cpath id='Triangle' d='M31.5,0,63,24H0Z' fill='%23fef4ee'/%3E%3C/svg%3E%0A");
        position: absolute;
        width: 63px;
        height: 24px;
        display: block;
        top: -23px;
        left: 80px;
    }

    .navigation .dropdown-menu .dropdown-item {
        font-size: 14px;
    }

    .banner {
        min-height: 810px;
        padding: 60px 0;
    }

    .has-banner-bg {
        background-size: 1920px;
    }

    .btn {
        font-size: 20px;
        padding: .5rem 1.5rem;
    }

    .brand-phone {
        font-size: 20px;
    }

    .quote p {
        min-height: 270px;
    }

    .logo-list {
        display: block;
        position: relative;
        min-height: 800px;
        margin-bottom: 120px;
    }

    .logo-list:before {
        content: '';
        width: 1263px;
        height: 958px;
        display: block;
        background: url('../images/bg-flowers.png') no-repeat center center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 60px 0 0;
    }

    .logo-list li {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        margin: 0;
        width: 250px;
        height: 250px;
    }

    .logo-list .logo-holder {
        width: 250px;
        height: 250px;
        border-radius: 70px;
    }
	.logo-list .logo-holder:hover {
		transform: scale(1.15);
	}

    .logo-list .logo-holder img {
        width: 145px;
        height: auto;
    }

    .logo-list li:first-child {
        z-index: 9;
    }

    .logo-list li:first-child, .logo-list li:first-child .logo-holder {
        width: 385px;
        height: 385px;
    }

    .logo-list li:first-child .logo-holder img {
        width: 282px;
    }

    .logo-list li:nth-child(2) {
        margin: -220px 0 0 265px;
        z-index: 3;
    }

    .logo-list li:nth-child(3) {
        margin: -220px 0 0 -260px;
        z-index: 2;
    }

    .logo-list li:nth-child(4) {
        margin: 0px 0 0 -300px;
        z-index: 1;
    }

    .logo-list li:nth-child(4) .logo-holder {
        justify-content: left;
    }

    .logo-list li:nth-child(5) {
        margin: 217px 0 0 -265px;
        z-index: 1;
    }

    .logo-list li:nth-child(6) {
        margin: 0px 0 0 297px;
        z-index: 1;
    }

    .logo-list li:nth-child(6) .logo-holder {
        justify-content: flex-end;
    }

    .logo-list li:nth-child(7) {
        margin: 217px 0 0 265px;
        z-index: 1;
    }

    .logo-list li:nth-child(8) {
        margin: 285px 0 0 0px;
        z-index: 1;
    }

    .dropdown-menu {
        padding: 2rem;
    }

    .dropdown-toggle[aria-expanded="true"] {
        box-shadow: none;
    }

    .dropdown-menu h3 {
        font-size: 18px;
    }

    .products .product-item {
        width: 400px;
    }

    .icon-holder {
        width: 134px;
        height: 134px;
        min-width: 134px;
        min-height: 134px;
        border-width: 6px;
    }

    .icon-trycat {
        background-size: 94px;
    }

    .icon-stock-control {
        background-size: 71px;
    }
	.icon-accounts {
		background-size: 71px;
	}

	.icon-vehicle-management {
		background-size: 63px;
	}

	.icon-purchasing {
		background-size: 56px;
	}

	.icon-sales {
		background-size: 62px;
	}

	.icon-workshop-diary {
		background-size: 71px;
	}

	.icon-marketing {
		background-size: 71px;
	}

	.icon-integration {
		background-size: 71px;
	}
    .accordion .accordion-title h3 {
        margin: 0 0 8px;
    }

    .accordion .accordion-title-content {
        padding: 20px 30px;
    }

    .accordion .accordion-title {
        padding: 0px 115px 0px 0px;
	}
	
    
    .accordion .accordion-title:after {
        width: 47px;
        height: 47px;
        right: 40px;
    }

    .accordion .accordion-content-in {
        padding: 90px 40px 40px;
    }
    .accordion .accordion-item:nth-child(2n) .accordion-title{
        padding: 0px 0px 0px 115px;
	}
	 
    .accordion .accordion-item:nth-child(2n) .accordion-title:after{
        right: auto;
        left: 40px
    }
	.accordion .accordion-item {
		position: relative;
		padding-bottom: 0px !important;
		margin: 0 0 55px !important;
	}
	.accordion .accordion-item:before {
		content: '';
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='62.471' height='54.5' viewBox='0 0 62.471 54.5'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='0.975' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fbd5ba'/%3E%3Cstop offset='1' stop-color='%23fbc8c8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Combined_Shape' data-name='Combined Shape' d='M62.472,54.5H0A52.609,52.609,0,0,0,7.584,27.251,52.612,52.612,0,0,0,0,0H62.472a52.75,52.75,0,0,0,0,54.5v0h0Z' transform='translate(-0.001 -0.001)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		width: 62px;
		height: 55px;
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
	}
	
	.accordion .accordion-item:nth-child(2n):before {
		left: 40%;
		bottom: -55px;
	}
	.accordion .accordion-item:last-child:before{
		display:none;
	}
	.accordion .accordion-item.accordion-stock-control:before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='62.471' height='54.5' viewBox='0 0 62.471 54.5'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' y1='0.029' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fbc8c8'/%3E%3Cstop offset='1' stop-color='%23faf1e1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Combined_Shape_Copy' data-name='Combined Shape Copy' d='M62.472,54.5H0A52.609,52.609,0,0,0,7.584,27.251,52.612,52.612,0,0,0,0,0H62.472a52.75,52.75,0,0,0,0,54.5v0h0Z' transform='translate(-0.001 -0.001)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
	}
	.accordion .accordion-item.accordion-accounts:before{ 
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='62.471' height='54.5' viewBox='0 0 62.471 54.5'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23faf1e1'/%3E%3Cstop offset='1' stop-color='%23dcece4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Combined_Shape_Copy_2' data-name='Combined Shape Copy 2' d='M62.472,54.5H0A52.609,52.609,0,0,0,7.584,27.251,52.612,52.612,0,0,0,0,0H62.472a52.75,52.75,0,0,0,0,54.5v0h0Z' transform='translate(-0.001 -0.001)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
	}
	.accordion .accordion-item.accordion-vehicle-management:before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='62.471' height='54.5' viewBox='0 0 62.471 54.5'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23dcece4'/%3E%3Cstop offset='1' stop-color='%23f2f2f2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Combined_Shape_Copy_3' data-name='Combined Shape Copy 3' d='M62.472,54.5H0A52.609,52.609,0,0,0,7.584,27.251,52.612,52.612,0,0,0,0,0H62.472a52.75,52.75,0,0,0,0,54.5v0h0Z' transform='translate(-0.001 -0.001)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
	}
	.accordion .accordion-item.accordion-purchasing:before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='62.471' height='54.5' viewBox='0 0 62.471 54.5'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f2f2f2'/%3E%3Cstop offset='1' stop-color='%23f6dbe2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Combined_Shape_Copy_4' data-name='Combined Shape Copy 4' d='M62.472,54.5H0A52.609,52.609,0,0,0,7.584,27.251,52.612,52.612,0,0,0,0,0H62.472a52.75,52.75,0,0,0,0,54.5v0h0Z' transform='translate(-0.001 -0.001)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
	}
	.accordion .accordion-item.accordion-sales:before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='62.471' height='54.5' viewBox='0 0 62.471 54.5'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f6dbe2'/%3E%3Cstop offset='1' stop-color='%23d0e0ec'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Combined_Shape_Copy_5' data-name='Combined Shape Copy 5' d='M62.472,54.5H0A52.609,52.609,0,0,0,7.584,27.251,52.612,52.612,0,0,0,0,0H62.472a52.75,52.75,0,0,0,0,54.5v0h0Z' transform='translate(-0.001 -0.001)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
	}
	.accordion .accordion-item.accordion-workshop-diary:before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='62.471' height='54.5' viewBox='0 0 62.471 54.5'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23d0e0ec'/%3E%3Cstop offset='1' stop-color='%23d2e6e8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Combined_Shape_Copy_7' data-name='Combined Shape Copy 7' d='M62.472,54.5H0A52.609,52.609,0,0,0,7.584,27.251,52.612,52.612,0,0,0,0,0H62.472a52.75,52.75,0,0,0,0,54.5v0h0Z' transform='translate(-0.001 -0.001)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
	}
	.accordion .accordion-item.accordion-marketing:before{
		background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='62.471' height='54.5' viewBox='0 0 62.471 54.5'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23d2e6e8'/%3E%3Cstop offset='1' stop-color='%23efdcf3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Combined_Shape_Copy_8' data-name='Combined Shape Copy 8' d='M62.472,54.5H0A52.609,52.609,0,0,0,7.584,27.251,52.612,52.612,0,0,0,0,0H62.472a52.75,52.75,0,0,0,0,54.5v0h0Z' transform='translate(-0.001 -0.001)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
	}
	.media-text .figure{
		position:relative;
		z-index:2;
		
		
	}
	.media-text .content {
		background: #fbe4d6;
		background: -moz-linear-gradient(left,  #fbe4d6 0%, #fdf3ed 100%);
		background: -webkit-linear-gradient(left,  #fbe4d6 0%,#fdf3ed 100%);
		background: linear-gradient(to right,  #fbe4d6 0%,#fdf3ed 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe4d6', endColorstr='#fdf3ed',GradientType=1 );
		padding: 30px 50px 30px 165px;
		border-radius: 88px;
		margin: -15px 0 0 -150px;
		position: relative;
		z-index: 1;
	}
	.media-text .content > :last-child{
		margin-bottom:0;
	}
	
	.page-web-retail .media-text .content{
		background: #fbdbd8;
		background: -moz-linear-gradient(left,  #fbdbd8 0%, #fef5f4 100%);
		background: -webkit-linear-gradient(left,  #fbdbd8 0%,#fef5f4 100%);
		background: linear-gradient(to right,  #fbdbd8 0%,#fef5f4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdbd8', endColorstr='#fef5f4',GradientType=1 );
	}
	.page-sales-app .media-text .content{
		background: #d6f7db;
		background: -moz-linear-gradient(left,  #d6f7db 0%, #f2fff4 100%);
		background: -webkit-linear-gradient(left,  #d6f7db 0%,#f2fff4 100%);
		background: linear-gradient(to right,  #d6f7db 0%,#f2fff4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f7db', endColorstr='#f2fff4',GradientType=1 );

	}
	.page-stock-app .media-text .content{
		background: #b6e9f9;
		background: -moz-linear-gradient(left,  #b6e9f9 0%, #e7f4f8 100%);
		background: -webkit-linear-gradient(left,  #b6e9f9 0%,#e7f4f8 100%);
		background: linear-gradient(to right,  #b6e9f9 0%,#e7f4f8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e9f9', endColorstr='#e7f4f8',GradientType=1 );
	}
	.page-proof-delivery-app .media-text .content{
		background: #fcdae9;
		background: -moz-linear-gradient(left,  #fcdae9 0%, #fff5f9 100%);
		background: -webkit-linear-gradient(left,  #fcdae9 0%,#fff5f9 100%);
		background: linear-gradient(to right,  #fcdae9 0%,#fff5f9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdae9', endColorstr='#fff5f9',GradientType=1 );

    }
    .page-job-sheet-app .media-text .content{
		background: #bdfdff;
		background: -moz-linear-gradient(left, #bdfdff 0%, #f2fff4 100%);
		background: -webkit-linear-gradient(left,  #bdfdff 0%,#f2fff4 100%);
		background: linear-gradient(to right,  #bdfdff 0%,#f2fff4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdae9', endColorstr='#fff5f9',GradientType=1 );
    }

    .media-text .content
	.sec-features .container {
		padding-right: 15px;
		padding-left: 15px;
	}
	.sec-features .bullet-check li {
		width: calc(28% - 20px);
	}
	.content_images{
		max-width:517px;
	}
	.web_content_images{
		max-width:575px;
	}
	.img-proof-app{
		max-width:511px;
	}

}

@media (min-width: 1200px) {
    .branding-bar {
        padding: 0.75rem 0rem;
    }

    .brand-logo img {
        width: 125px;
    }

    .navbar-expand-xl .navbar-nav > .nav-item {
        padding-right: .85rem;
        padding-left: .85rem;
    }

    .has-banner-bg {
        background-size: 100%;
    }

    .quote p {
        min-height: 225px;
    }

    .row.expanded {
        margin-left: -30px;
        margin-right: -30px;
    }

    .row.expanded > [class*="col"] {
        padding-left: 30px;
        padding-right: 30px;
    }

    .products .product-item {
        width: 550px;
    }

    .dropdown-menu h3 {
        font-size: 20px;
    }

    .products .figure {
        min-width: 115px;
        width: 115px;
    }

    .products .content {
        padding-left: 25px;
    }

    .product-item .figure img.tyresoft {
        width: 90px;
    }

    .product-item .figure img.mikogo {
        width: 100px;
    }

    .accordion .accordion-content {
        max-width: 980px;
        margin-left:auto;
        margin-right:auto;
    }
	.accordion .accordion-item:nth-child(2n) .accordion-title{
        right: -60px;
        left: auto;
    }
	.accordion .accordion-title{
        left: -60px;
    }
    .bullet-check li{
        margin: 23px 0;
    }
}

@media (min-width: 1360px) {
}

@media (min-width: 1400px) {
}

@media (min-width: 1680px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1280px;
	}
	.sec-testimonials .slick-slide {
		padding: 0 55px;
	}
   .products .product-item {
        width: 790px;
    }

    .products .figure {
        min-width: 145px;
        width: 145px;
    }

    .product-item .figure img.tyresoft {
        width: 90px;
    }

    .product-item .figure img.mikogo {
        width: 125px;
    }
	.sec-contact .col-xl-3 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.sec-contact .col-xl-4 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.page-sales-app .media-text .content, .page-stock-app .media-text .content, .page-job-sheet-app  .media-text .content {
		margin: -15px 0 0 -230px;
	    padding: 30px 80px 30px 165px;
	}
	.row.expanded {
        margin-left: -50px;
        margin-right: -50px;
    }

    .row.expanded > [class*="col"] {
        padding-left: 50px;
        padding-right: 50px;
    }
	
}

@media (min-width: 1900px) {
}

@media (max-width: 767px) {
	.slick-prev, .slick-next{
		display: none !important;
		opacity:0;
		visibility: hidden;
	}
}