:root {
    --primary: #19a888;
    --primary-pets: #ffca05;
    --primary-cars: #0071a2;
    --secondary: #e1e2e2;
    --secondary-pets: #e99326;
    --black: #151619;
    --sblue: #2f3f4f;
    --purple: #b8539a;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #4d4d4d;
}
header, footer {
    background-color: var(--black);
    color: #fff;
}
header img, footer img, .cs-w-220 {
    width: 220px;
}
footer a {
    color: #fff;
}
footer a:hover {
    text-decoration: none;
}
.cs-w-50 {
    width: 50px;
}
hr {
    border-top: 1.5px solid #7e0000;
    margin-left: 0;
    text-align: left;
    width: 120px;
}
a:hover, .text-primary {
    color: var(--primary) !important;
}
.text-primary-pets {
    color: var(--primary-pets) !important;
}
.text-secondary-pets {
    color: var(--secondary-pets) !important;
}
.text-primary-cars {
    color: var(--primary-cars) !important;
}
#banner hr {
    border-top: 1.5px solid #ffffff;
}
.cs-bg-primary {
    background-color: var(--primary);
}
.cs-bg-primary-pets {
    background-color: var(--primary-pets);
}
.cs-bg-primary-cars {
    background-color: var(--primary-cars);
}
.cs-bg-secondary {
    background-color: var(--secondary);
}
.cs-color-black {
    color: var(--black);
}
.cs-color-sblue {
    color: var(--sblue);
}
.btn {
    font-family: 'Lato', sans-serif;
    font-size: 1.2rem;
    line-height: 1.6;
    border-radius: 0;
}
.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--primary);
    border-color: #009271;
}
.btn-primary:hover {
    background-color: #009271;
    border-color: #007259;
    color: #ffffff !important;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(25, 169, 137,.5);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: #009271;
    border-color: #007259;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(25, 169, 137,.5);
}
.btn-primary-pets {
    background-color: var(--primary-pets);
    border-color: #C89D00;
    color: #fff;
}
.btn-primary-pets:hover {
    background-color: #e99326;
    border-color: #9D7C00;
    color: #ffffff !important;
}
.btn-primary-pets.focus, .btn-primary-pets:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 202, 5,.5);
}
.btn-primary-pets:not(:disabled):not(.disabled).active, .btn-primary-pets:not(:disabled):not(.disabled):active, .show > .btn-primary-pets.dropdown-toggle {
    background-color: #e99326;
    border-color: #9D7C00;
}
.btn-primary-pets:not(:disabled):not(.disabled).active:focus, .btn-primary-pets:not(:disabled):not(.disabled):active:focus, .show > .btn-primary-pets.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 202, 5,.5);
}
.btn-primary-cars {
    background-color: var(--primary-cars);
    border-color: #005B83;
    color: #fff;
}
.btn-primary-cars:hover {
    background-color: #005B83;
    border-color: #004664;
    color: #ffffff !important;
}
.btn-primary-cars.focus, .btn-primary-cars:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 113, 162,.5);
}
.btn-primary-cars:not(:disabled):not(.disabled).active, .btn-primary-cars:not(:disabled):not(.disabled):active, .show > .btn-primary-cars.dropdown-toggle {
    background-color: #005B83;
    border-color: #004664;
}
.btn-primary-cars:not(:disabled):not(.disabled).active:focus, .btn-primary-cars:not(:disabled):not(.disabled):active:focus, .show > .btn-primary-cars.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 113, 162,.5);
}
.btn-info {
    color: #fff;
    background-color: #2F3F4F;
    border-color: #1D3043;
}
.btn-info:hover {
    background-color: #1D3043;
    border-color: #0F2133;
    color: #ffffff !important;
}
.btn-info.focus, .btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(47, 63, 79,.5);
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    background-color: #1D3043;
    border-color: #0F2133;
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(47, 63, 79,.5);
}
.btn-primary-purple {
    color: #fff;
    background-color: var(--purple);
    border-color: #9F347F;
    border-radius: .25rem;
}
.btn-primary-purple:hover {
    background-color: #9F347F;
    border-color: #851B65;
    color: #ffffff !important;
}
.btn-primary-purple.focus, .btn-primary-purple:focus {
    box-shadow: 0 0 0 .2rem rgba(184, 83, 154,.5);
}
.btn-primary-purple:not(:disabled):not(.disabled).active, .btn-primary-purple:not(:disabled):not(.disabled):active, .show > .btn-primary-purple.dropdown-toggle {
    background-color: #9F347F;
    border-color: #851B65;
}
.btn-primary-purple:not(:disabled):not(.disabled).active:focus, .btn-primary-purple:not(:disabled):not(.disabled):active:focus, .show > .btn-primary-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(184, 83, 154,.5);
}
.btn-cs-login {
    right: 0;
    border-radius: 2px;
}
.text-decoration-none {
    text-decoration: none !important;
}
a.text-primary:focus, a.text-primary:hover {
    color: #009171 !important;
}
.btn-link {
  color: inherit;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
  color: #1ab394;
  text-decoration: none;
}
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
  background-image: none;
  box-shadow: none;
}
.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled]:active,
.btn-link.active[disabled],
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
  color: #cacaca;
}
.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
  box-shadow: none;
}
.form-control,
.single-line {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}
.form-control:focus,
.single-line:focus {
  border-color: #1ab394;
}
.has-success .form-control,
.has-success .form-control:focus {
  border-color: #1ab394;
}
.has-warning .form-control,
.has-warning .form-control:focus {
  border-color: #f8ac59;
}
.has-error .form-control,
.has-error .form-control:focus {
  border-color: #ed5565;
}
.has-success .control-label {
  color: #1ab394;
}
.has-warning .control-label {
  color: #f8ac59;
}
.has-error .control-label {
  color: #ed5565;
}
.bg-dark {
    background-color: var(--black) !important;
}
.navbar {
    padding-bottom: .9rem;
    padding-top: .9rem;
}
.navbar-brand-center {
    position: initial;
    transform: initial;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
@media(min-width: 992px) {
    .navbar-brand-center {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}