/*----------------------------------------------------------------------
* TAT - Responsive Website Template version v3.0
* Copyright 2026 3W TECH
------------------------------------------------------------------------*/
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.w-15 {
width: 15% !important;
}
.w-20 {
width: 20% !important;
}
.w-30 {
width: 30% !important;
}
.w-35 {
width: 35% !important;
}
.w-40 {
width: 40% !important;
}
.w-60 {
width: 60% !important;
}
.w-65 {
width: 65% !important;
}
.w-80 {
width: 80% !important;
}
.w-85 {
width: 85% !important;
}
.w-90 {
width: 90% !important;
}
@media (min-width: 576px) {
.w-sm-25 {
width: 25% !important;
}
.w-sm-50 {
width: 50% !important;
}
.w-sm-75 {
width: 75% !important;
}
.w-sm-100 {
width: 100% !important;
}
.w-sm-auto {
width: auto !important;
}
.w-sm-15 {
width: 15% !important;
}
.w-sm-20 {
width: 20% !important;
}
.w-sm-30 {
width: 30% !important;
}
.w-sm-35 {
width: 35% !important;
}
.w-sm-40 {
width: 40% !important;
}
.w-sm-60 {
width: 60% !important;
}
.w-sm-65 {
width: 65% !important;
}
.w-sm-80 {
width: 80% !important;
}
.w-sm-85 {
width: 85% !important;
}
.w-sm-90 {
width: 90% !important;
}
}
@media (min-width: 768px) {
.w-md-25 {
width: 25% !important;
}
.w-md-50 {
width: 50% !important;
}
.w-md-75 {
width: 75% !important;
}
.w-md-100 {
width: 100% !important;
}
.w-md-auto {
width: auto !important;
}
.w-md-15 {
width: 15% !important;
}
.w-md-20 {
width: 20% !important;
}
.w-md-30 {
width: 30% !important;
}
.w-md-35 {
width: 35% !important;
}
.w-md-40 {
width: 40% !important;
}
.w-md-60 {
width: 60% !important;
}
.w-md-65 {
width: 65% !important;
}
.w-md-80 {
width: 80% !important;
}
.w-md-85 {
width: 85% !important;
}
.w-md-90 {
width: 90% !important;
}
}
@media (min-width: 992px) {
.w-lg-25 {
width: 25% !important;
}
.w-lg-50 {
width: 50% !important;
}
.w-lg-75 {
width: 75% !important;
}
.w-lg-100 {
width: 100% !important;
}
.w-lg-auto {
width: auto !important;
}
.w-lg-15 {
width: 15% !important;
}
.w-lg-20 {
width: 20% !important;
}
.w-lg-30 {
width: 30% !important;
}
.w-lg-35 {
width: 35% !important;
}
.w-lg-40 {
width: 40% !important;
}
.w-lg-60 {
width: 60% !important;
}
.w-lg-65 {
width: 65% !important;
}
.w-lg-80 {
width: 80% !important;
}
.w-lg-85 {
width: 85% !important;
}
.w-lg-90 {
width: 90% !important;
}
}
@media (min-width: 1200px) {
.w-xl-25 {
width: 25% !important;
}
.w-xl-50 {
width: 50% !important;
}
.w-xl-75 {
width: 75% !important;
}
.w-xl-100 {
width: 100% !important;
}
.w-xl-auto {
width: auto !important;
}
.w-xl-15 {
width: 15% !important;
}
.w-xl-20 {
width: 20% !important;
}
.w-xl-30 {
width: 30% !important;
}
.w-xl-35 {
width: 35% !important;
}
.w-xl-40 {
width: 40% !important;
}
.w-xl-60 {
width: 60% !important;
}
.w-xl-65 {
width: 65% !important;
}
.w-xl-80 {
width: 80% !important;
}
.w-xl-85 {
width: 85% !important;
}
.w-xl-90 {
width: 90% !important;
}
}
@media (min-width: 1480px) {
.w-wd-25 {
width: 25% !important;
}
.w-wd-50 {
width: 50% !important;
}
.w-wd-75 {
width: 75% !important;
}
.w-wd-100 {
width: 100% !important;
}
.w-wd-auto {
width: auto !important;
}
.w-wd-15 {
width: 15% !important;
}
.w-wd-20 {
width: 20% !important;
}
.w-wd-30 {
width: 30% !important;
}
.w-wd-35 {
width: 35% !important;
}
.w-wd-40 {
width: 40% !important;
}
.w-wd-60 {
width: 60% !important;
}
.w-wd-65 {
width: 65% !important;
}
.w-wd-80 {
width: 80% !important;
}
.w-wd-85 {
width: 85% !important;
}
.w-wd-90 {
width: 90% !important;
}
}
.space-0,
.space-top-0 {
padding-top: 0 !important;
}
.space-0,
.space-bottom-0 {
padding-bottom: 0 !important;
}
.space-1,
.space-top-1 {
padding-top: 2rem !important;
}
.space-1,
.space-bottom-1 {
padding-bottom: 2rem !important;
}
.space-2,
.space-top-2 {
padding-top: 4rem !important;
}
.space-2,
.space-bottom-2 {
padding-bottom: 4rem !important;
}
.space-3,
.space-top-3 {
padding-top: 8rem !important;
}
.space-3,
.space-bottom-3 {
padding-bottom: 8rem !important;
}
.space-4,
.space-top-4 {
padding-top: 12.5rem !important;
}
.space-4,
.space-bottom-4 {
padding-bottom: 12.5rem !important;
}
.space-5,
.space-top-5 {
padding-top: 15rem !important;
}
.space-5,
.space-bottom-5 {
padding-bottom: 15rem !important;
}
@media (min-width: 576px) {
.space-sm-0,
.space-top-sm-0 {
padding-top: 0 !important;
}
.space-sm-0,
.space-bottom-sm-0 {
padding-bottom: 0 !important;
}
.space-sm-1,
.space-top-sm-1 {
padding-top: 2rem !important;
}
.space-sm-1,
.space-bottom-sm-1 {
padding-bottom: 2rem !important;
}
.space-sm-2,
.space-top-sm-2 {
padding-top: 4rem !important;
}
.space-sm-2,
.space-bottom-sm-2 {
padding-bottom: 4rem !important;
}
.space-sm-3,
.space-top-sm-3 {
padding-top: 8rem !important;
}
.space-sm-3,
.space-bottom-sm-3 {
padding-bottom: 8rem !important;
}
.space-sm-4,
.space-top-sm-4 {
padding-top: 12.5rem !important;
}
.space-sm-4,
.space-bottom-sm-4 {
padding-bottom: 12.5rem !important;
}
.space-sm-5,
.space-top-sm-5 {
padding-top: 15rem !important;
}
.space-sm-5,
.space-bottom-sm-5 {
padding-bottom: 15rem !important;
}
}
@media (min-width: 768px) {
.space-md-0,
.space-top-md-0 {
padding-top: 0 !important;
}
.space-md-0,
.space-bottom-md-0 {
padding-bottom: 0 !important;
}
.space-md-1,
.space-top-md-1 {
padding-top: 2rem !important;
}
.space-md-1,
.space-bottom-md-1 {
padding-bottom: 2rem !important;
}
.space-md-2,
.space-top-md-2 {
padding-top: 4rem !important;
}
.space-md-2,
.space-bottom-md-2 {
padding-bottom: 4rem !important;
}
.space-md-3,
.space-top-md-3 {
padding-top: 8rem !important;
}
.space-md-3,
.space-bottom-md-3 {
padding-bottom: 8rem !important;
}
.space-md-4,
.space-top-md-4 {
padding-top: 12.5rem !important;
}
.space-md-4,
.space-bottom-md-4 {
padding-bottom: 12.5rem !important;
}
.space-md-5,
.space-top-md-5 {
padding-top: 15rem !important;
}
.space-md-5,
.space-bottom-md-5 {
padding-bottom: 15rem !important;
}
}
@media (min-width: 992px) {
.space-lg-0,
.space-top-lg-0 {
padding-top: 0 !important;
}
.space-lg-0,
.space-bottom-lg-0 {
padding-bottom: 0 !important;
}
.space-lg-1,
.space-top-lg-1 {
padding-top: 2rem !important;
}
.space-lg-1,
.space-bottom-lg-1 {
padding-bottom: 2rem !important;
}
.space-lg-2,
.space-top-lg-2 {
padding-top: 4rem !important;
}
.space-lg-2,
.space-bottom-lg-2 {
padding-bottom: 4rem !important;
}
.space-lg-3,
.space-top-lg-3 {
padding-top: 8rem !important;
}
.space-lg-3,
.space-bottom-lg-3 {
padding-bottom: 8rem !important;
}
.space-lg-4,
.space-top-lg-4 {
padding-top: 12.5rem !important;
}
.space-lg-4,
.space-bottom-lg-4 {
padding-bottom: 12.5rem !important;
}
.space-lg-5,
.space-top-lg-5 {
padding-top: 15rem !important;
}
.space-lg-5,
.space-bottom-lg-5 {
padding-bottom: 15rem !important;
}
}
@media (min-width: 1200px) {
.space-xl-0,
.space-top-xl-0 {
padding-top: 0 !important;
}
.space-xl-0,
.space-bottom-xl-0 {
padding-bottom: 0 !important;
}
.space-xl-1,
.space-top-xl-1 {
padding-top: 2rem !important;
}
.space-xl-1,
.space-bottom-xl-1 {
padding-bottom: 2rem !important;
}
.space-xl-2,
.space-top-xl-2 {
padding-top: 4rem !important;
}
.space-xl-2,
.space-bottom-xl-2 {
padding-bottom: 4rem !important;
}
.space-xl-3,
.space-top-xl-3 {
padding-top: 8rem !important;
}
.space-xl-3,
.space-bottom-xl-3 {
padding-bottom: 8rem !important;
}
.space-xl-4,
.space-top-xl-4 {
padding-top: 12.5rem !important;
}
.space-xl-4,
.space-bottom-xl-4 {
padding-bottom: 12.5rem !important;
}
.space-xl-5,
.space-top-xl-5 {
padding-top: 15rem !important;
}
.space-xl-5,
.space-bottom-xl-5 {
padding-bottom: 15rem !important;
}
}
@media (min-width: 1480px) {
.space-wd-0,
.space-top-wd-0 {
padding-top: 0 !important;
}
.space-wd-0,
.space-bottom-wd-0 {
padding-bottom: 0 !important;
}
.space-wd-1,
.space-top-wd-1 {
padding-top: 2rem !important;
}
.space-wd-1,
.space-bottom-wd-1 {
padding-bottom: 2rem !important;
}
.space-wd-2,
.space-top-wd-2 {
padding-top: 4rem !important;
}
.space-wd-2,
.space-bottom-wd-2 {
padding-bottom: 4rem !important;
}
.space-wd-3,
.space-top-wd-3 {
padding-top: 8rem !important;
}
.space-wd-3,
.space-bottom-wd-3 {
padding-bottom: 8rem !important;
}
.space-wd-4,
.space-top-wd-4 {
padding-top: 12.5rem !important;
}
.space-wd-4,
.space-bottom-wd-4 {
padding-bottom: 12.5rem !important;
}
.space-wd-5,
.space-top-wd-5 {
padding-top: 15rem !important;
}
.space-wd-5,
.space-bottom-wd-5 {
padding-bottom: 15rem !important;
}
}
/*------------------------------------
Default Styles
------------------------------------*/
main {
position: relative;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
color: #000000;
font-family: "Open Sans", sans-serif;
}
figure {
margin-bottom: 0;
}
svg {
margin-bottom: 0;
vertical-align: baseline;
}
sup {
right: -.5rem;
}
table th {
font-weight: 700;
}
body {
-webkit-font-smoothing: antialiased;
}
iframe {
border: 0 !important;
}
/*------------------------------------
Highlight Color
------------------------------------*/
::-moz-selection {
color: #fff;
background-color: #e42522;
}
::selection {
color: #fff;
background-color: #e42522;
}
.bg-primary ::-moz-selection {
color: #e42522;
background-color: #fff;
}
.bg-primary ::selection {
color: #e42522;
background-color: #fff;
}
.object-fit-cover {
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1200px) {
.home-v5 .container,
.home-v5 .container-fluid,
.home-v5 .container-sm,
.home-v5 .container-md,
.home-v5 .container-lg,
.home-v5 .container-xl,
.home-v5 .container-wd {
max-width: 1776px;
}
}
@media (min-width: 1200px) {
.fluid-header.container, .fluid-header.container-fluid, .fluid-header.container-sm, .fluid-header.container-md, .fluid-header.container-lg, .fluid-header.container-xl, .fluid-header.container-wd {
max-width: 1776px;
}
}
/*------------------------------------
Accessibility
------------------------------------*/
:focus,
a:focus,
button:focus {
outline: 0;
}
.form-control:focus {
box-shadow: 0 0 0 0 transparent;
}
.btn:focus, .btn.focus, .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
box-shadow: 0 0 0 0 transparent;
}
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus,
.show > .btn.dropdown-toggle:focus {
box-shadow: 0 0 0 0 transparent;
}
.custom-select:focus,
.page-link:focus {
box-shadow: 0 0 0 0 transparent;
}
.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:focus ~ .custom-control-label::before,
.custom-control-input:active ~ .custom-control-label::before {
box-shadow: 0 0 0 0 transparent;
}
.custom-file-input:focus ~ .custom-file-label {
box-shadow: 0 0 0 0 transparent;
}
.bootstrap-select .dropdown-toggle:focus {
outline: 0 !important;
}
/*------------------------------------
Print styles
------------------------------------*/
@media print {
header, footer, .btn {
display: none;
}
}
/*------------------------------------
Skippy
------------------------------------*/
.skippy {
display: none;
}
/*------------------------------------
List Article
------------------------------------*/
.list-article > li:not(:last-child) {
padding-bottom: 1rem;
}
.list-article .list-article > li:first-child {
padding-top: 1rem;
}
.list-article .list-article > li:last-child {
padding-bottom: 0;
}
.list-sm-article > li:not(:last-child) {
padding-bottom: 0.5rem;
}
.list-sm-article .list-sm-article > li:first-child {
padding-top: 0.5rem;
}
.list-sm-article .list-sm-article > li:last-child {
padding-bottom: 0;
}
.list-lg-article > li:not(:last-child) {
padding-bottom: 2rem;
}
.list-lg-article .list-lg-article > li:first-child {
padding-top: 2rem;
}
.list-lg-article .list-lg-article > li:last-child {
padding-bottom: 0;
}
.list-counter {
list-style: none;
counter-reset: my-awesome-counter;
}
.list-counter li {
counter-increment: my-awesome-counter;
}
.list-counter li::before {
content: counter(my-awesome-counter) " ";
color: #fff;
font-weight: 700;
font-family: "Open Sans", sans-serif;
font-size: 2.25rem;
margin-right: 25px;
}
.list-counter-v1 {
list-style: none;
counter-reset: my-awesome-counter;
}
.list-counter-v1 li {
counter-increment: my-awesome-counter;
}
.list-counter-v1 li::before {
content: counter(my-awesome-counter) " ";
color: #19272e;
font-weight: 700;
font-family: "Open Sans", sans-serif;
font-size: 2.25rem;
margin-right: 25px;
}
.column-count-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
list-style-type: none;
}
.column-count-2.v1 {
-webkit-column-rule: solid 1px #2c3346;
-moz-column-rule: solid 1px #2c3346;
column-rule: solid 1px #2c3346;
}
.column-count-2.v1 li:nth-child(4n) .product {
border-width: 0 !important;
}
@media (min-width: 992px) {
.column-count-2.v1 li:nth-child(n+5) {
margin-left: 27px;
}
}
@media (min-width: 1200px) {
.column-count-2.v1 li:nth-child(n+5) {
margin-left: 40px;
}
}
/*------------------------------------
Links
------------------------------------*/
.link {
display: -ms-flexbox;
display: flex;
}
.link-icon {
position: relative;
line-height: 1;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
vertical-align: middle;
text-align: center;
width: 1.28838rem;
height: 1.28838rem;
font-size: 0.937rem;
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
border-radius: 50%;
transition: 0.3s;
}
.link:hover .link-icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/* Collapse */
.link-collapse[aria-expanded="false"] .link-collapse-default {
display: inline-block;
}
.link-collapse[aria-expanded="false"] .link-collapse-active {
display: none;
}
.link-collapse[aria-expanded="true"] .link-collapse-default {
display: none;
}
.link-collapse[aria-expanded="true"] .link-collapse-active {
display: inline-block;
}
/* Link Underline */
.link-underline {
color: #8c98a4;
border-bottom: 0.0625rem dashed #97a4af;
}
.link-underline:hover {
border-color: #0e8cb9;
}
.link-underline-toggle-default {
display: inline-block;
}
.link-underline-toggle-toggled {
display: none;
}
.link-underline.toggled .link-underline-toggle-default {
display: none;
}
.link-underline.toggled .link-underline-toggle-toggled {
display: inline-block;
}
/* Link Underline Light */
.link-underline-light {
color: rgba(255, 255, 255, 0.7);
border-bottom: 0.0625rem dashed rgba(255, 255, 255, 0.7);
}
.link-underline-light:hover {
color: #fff;
border-color: rgba(255, 255, 255, 0.7);
}
.link-collapse[aria-expanded="false"] .link-collapse__active {
display: none;
}
/*------------------------------------
Header Default
------------------------------------*/
.header {
position: relative;
right: 0;
left: 0;
width: 100%;
z-index: 1001;
}
.header-section {
position: relative;
z-index: 1;
background-color: #fff;
}
.header-section-divider {
border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
}
.header-box-shadow .header-section {
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
}
.header-box-shadow-on-scroll.scrolled .header-section {
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
}
/* Navbar Brand */
.navbar-brand,
.navbar-brand > img {
width: 8.5rem;
}
.navbar-brand .vodi-gr {
fill: url(#vodi-gr);
}
/* Navbar Toggler */
.navbar-toggler {
background-color: #f8fafd;
}
.navbar-toggler .navbar-toggler-default {
display: -ms-flexbox;
display: flex;
}
.navbar-toggler .navbar-toggler-toggled {
display: none;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-default {
display: none;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-toggled {
display: -ms-flexbox;
display: flex;
}
/* Nav Item */
.header .navbar-nav-item:first-child .nav-link {
padding-left: 0;
}
.navbar-nav-item:hover .nav-link, .navbar-nav-item:focus .nav-link {
color: #e42522;
}
/* Nav Link */
.header .active > .nav-link {
color: #e42522;
}
.nav-link {
color: #121a21;
}
.nav-link-toggle {
position: relative;
}
.nav-link-toggle::after {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-size: 0.75rem;
font-weight: 900;
margin-left: 0.5rem;
margin-right: 0.625rem;
content: "";
transition: 0.3s ease;
}
/* Dropdown */
.header .navbar-nav .dropdown-menu {
margin-top: -0.125rem;
}
.header .navbar-nav .dropdown-menu.hs-mega-menu {
padding-top: 0;
padding-bottom: 0;
}
.header .navbar-nav .dropdown-item {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.header .dropdown-item-toggle {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.header .dropdown-item-toggle::after {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-size: 0.75rem;
font-weight: 900;
content: "";
margin-left: auto;
transition: 0.3s ease;
}
.header .hs-mega-menu .dropdown-item {
padding-right: 0;
padding-left: 0;
}
/* Promo */
.navbar-promo {
background-color: #f8fafd;
}
.navbar-promo-inner {
color: inherit;
padding: 2rem 2rem;
}
.navbar-promo-item {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.navbar-promo-item ~ .navbar-promo-item {
border-top: 0.0625rem solid #d0d0d2;
}
.navbar-promo-link {
display: block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.navbar-promo-link.disabled {
opacity: .7;
pointer-events: none;
}
.navbar-promo-link:hover .navbar-promo-title {
color: #e42522;
}
.navbar-promo-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
}
.navbar-promo-card-deck {
display: block;
}
.navbar-promo-card-deck:not(:last-child) .navbar-promo-item {
border-bottom: 0.0625rem solid #d0d0d2;
}
.navbar-promo-card-deck .navbar-promo-item {
border-top: none;
}
.navbar-promo-card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.navbar-promo-icon {
width: 100%;
max-width: 2.75rem;
margin-right: 1rem;
}
.navbar-promo-title {
display: block;
color: #19272e;
font-size: 0.937rem;
font-weight: 700;
}
.navbar-promo-text {
display: block;
font-size: 0.87516rem;
color: #121a21;
}
.navbar-promo-footer {
background-color: #f8fafd;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.navbar-promo-footer-item {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.navbar-promo-footer-text {
display: block;
font-size: 0.8125rem;
}
.navbar-promo-footer-ver-divider {
position: relative;
}
.navbar-promo-footer-ver-divider::before {
position: absolute;
top: 0;
left: 0;
height: 100%;
border-right: 0.0625rem solid #d0d0d2;
content: "";
}
/* Banner */
.navbar-banner {
position: relative;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
border-bottom-left-radius: 0.3125rem;
}
.navbar-banner::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(25, 39, 46, 0.5);
border-bottom-left-radius: 0.3125rem;
content: "";
}
.navbar-banner-content {
z-index: 1;
width: 100%;
text-align: center;
padding: 2rem 2rem;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
/* Product Banner */
.navbar-product-banner {
background-color: #f8fafd;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
padding-right: 1.5rem;
}
.navbar-product-banner-content {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
/*------------------------------------
Header Helpers
------------------------------------*/
.header-invisible {
display: none;
}
.header-moved-up {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.header-moved-up.header-hide-topbar {
-webkit-transform: translate3d(0, -36px, 0);
transform: translate3d(0, -36px, 0);
}
.header-faded {
opacity: 0;
visibility: hidden;
}
.header-section-hidden {
position: relative;
}
.header[data-hs-header-options*="fixMoment"] {
transition: 0.3s ease;
}
.header.header-untransitioned {
transition: none;
}
.header.js-header-fix-moment {
position: fixed;
top: 0;
bottom: auto;
}
.header.js-header-fix-moment .header-hide-content {
display: none;
}
.header-fix-top {
position: fixed;
}
.header.header-fix-top[data-hs-header-options*="effectCompensation"] {
transition: none;
}
/*------------------------------------
Nav Alignments
------------------------------------*/
@media (min-width: 992px) {
.header .navbar-body,
.header .navbar-nav {
margin-left: auto;
}
.left-aligned-navbar .navbar-body,
.left-aligned-navbar .navbar-nav {
width: 100%;
margin-left: 0;
margin-right: auto;
}
.left-aligned-navbar .navbar-brand {
margin-left: 0;
margin-right: 3rem;
}
.left-aligned-navbar .navbar-nav-last-item {
margin-left: auto;
}
.center-aligned-navbar .navbar-body,
.center-aligned-navbar .navbar-nav {
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 768px) {
.center-aligned-navbar.header-abs-top-sm .navbar-body,
.center-aligned-navbar.header-abs-top-sm .navbar-nav {
margin-left: auto;
margin-right: auto;
}
}
/*------------------------------------
Header Default
------------------------------------*/
.navbar-nav-scroll {
max-width: 100%;
height: 4.625rem;
overflow: hidden;
}
.navbar-nav-scroll .navbar-nav {
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
/*------------------------------------
Nav Wrap
------------------------------------*/
.navbar-nav-wrap {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand .navbar-nav-wrap {
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar-expand .navbar-nav-wrap-content {
-ms-flex-order: 3;
order: 3;
}
.navbar-expand .navbar-nav-wrap-toggler {
-ms-flex-order: 3;
order: 3;
text-align: right;
}
.navbar-expand .navbar-nav-wrap-collapse {
-ms-flex-order: 2;
order: 2;
}
@media (min-width: 576px) {
.navbar-expand-sm .navbar-nav-wrap {
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar-expand-sm .navbar-nav-wrap-content {
-ms-flex-order: 3;
order: 3;
}
.navbar-expand-sm .navbar-nav-wrap-toggler {
-ms-flex-order: 3;
order: 3;
text-align: right;
}
.navbar-expand-sm .navbar-nav-wrap-collapse {
-ms-flex-order: 2;
order: 2;
}
}
@media (min-width: 768px) {
.navbar-expand-md .navbar-nav-wrap {
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar-expand-md .navbar-nav-wrap-content {
-ms-flex-order: 3;
order: 3;
}
.navbar-expand-md .navbar-nav-wrap-toggler {
-ms-flex-order: 3;
order: 3;
text-align: right;
}
.navbar-expand-md .navbar-nav-wrap-collapse {
-ms-flex-order: 2;
order: 2;
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav-wrap {
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar-expand-lg .navbar-nav-wrap-content {
-ms-flex-order: 3;
order: 3;
}
.navbar-expand-lg .navbar-nav-wrap-toggler {
-ms-flex-order: 3;
order: 3;
text-align: right;
}
.navbar-expand-lg .navbar-nav-wrap-collapse {
-ms-flex-order: 2;
order: 2;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl .navbar-nav-wrap {
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar-expand-xl .navbar-nav-wrap-content {
-ms-flex-order: 3;
order: 3;
}
.navbar-expand-xl .navbar-nav-wrap-toggler {
-ms-flex-order: 3;
order: 3;
text-align: right;
}
.navbar-expand-xl .navbar-nav-wrap-collapse {
-ms-flex-order: 2;
order: 2;
}
}
@media (min-width: 1480px) {
.navbar-expand-wd .navbar-nav-wrap {
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar-expand-wd .navbar-nav-wrap-content {
-ms-flex-order: 3;
order: 3;
}
.navbar-expand-wd .navbar-nav-wrap-toggler {
-ms-flex-order: 3;
order: 3;
text-align: right;
}
.navbar-expand-wd .navbar-nav-wrap-collapse {
-ms-flex-order: 2;
order: 2;
}
}
@media (max-width: 575.98px) {
.navbar-expand-sm .navbar-nav-wrap {
-ms-flex-pack: end;
justify-content: flex-end;
}
.navbar-expand-sm .navbar-nav-wrap-brand {
margin-right: auto;
}
.navbar-expand-sm .navbar-nav-wrap-content {
text-align: center;
margin-right: 0.5rem;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md .navbar-nav-wrap {
-ms-flex-pack: end;
justify-content: flex-end;
}
.navbar-expand-md .navbar-nav-wrap-brand {
margin-right: auto;
}
.navbar-expand-md .navbar-nav-wrap-content {
text-align: center;
margin-right: 0.5rem;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg .navbar-nav-wrap {
-ms-flex-pack: end;
justify-content: flex-end;
}
.navbar-expand-lg .navbar-nav-wrap-brand {
margin-right: auto;
}
.navbar-expand-lg .navbar-nav-wrap-content {
text-align: center;
margin-right: 0.5rem;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl .navbar-nav-wrap {
-ms-flex-pack: end;
justify-content: flex-end;
}
.navbar-expand-xl .navbar-nav-wrap-brand {
margin-right: auto;
}
.navbar-expand-xl .navbar-nav-wrap-content {
text-align: center;
margin-right: 0.5rem;
}
}
@media (max-width: 1479.98px) {
.navbar-expand-wd .navbar-nav-wrap {
-ms-flex-pack: end;
justify-content: flex-end;
}
.navbar-expand-wd .navbar-nav-wrap-brand {
margin-right: auto;
}
.navbar-expand-wd .navbar-nav-wrap-content {
text-align: center;
margin-right: 0.5rem;
}
}
.navbar-expand .navbar-nav-wrap {
-ms-flex-pack: end;
justify-content: flex-end;
}
.navbar-expand .navbar-nav-wrap-brand {
margin-right: auto;
}
.navbar-expand .navbar-nav-wrap-content {
text-align: center;
margin-right: 0.5rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.navbar-expand-md .navbar-nav-wrap-brand {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
/*------------------------------------
Fullscreen
------------------------------------*/
.fullscreen {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
}
.fullscreen-container, .fullscreen-overlay {
transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
.fullscreen-container {
position: relative;
z-index: 1000;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
visibility: hidden;
}
.fullscreen-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
opacity: 0;
visibility: hidden;
background-image: linear-gradient(to right, rgba(33, 50, 91, 0.9) 0%, rgba(33, 50, 91, 0.9) 100%);
background-repeat: repeat-x;
transition-delay: 0.5s;
}
.fullscreen-body {
max-height: 75vh;
overflow: hidden;
overflow-y: auto;
}
.fullscreen-body::-webkit-scrollbar {
width: 0.5rem;
}
.fullscreen-body::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
visibility: hidden;
}
.fullscreen-body:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
.fullscreen.fullscreen-showed {
visibility: visible;
}
.fullscreen.fullscreen-showed .fullscreen-container,
.fullscreen.fullscreen-showed .fullscreen-overlay {
opacity: 1;
visibility: visible;
}
.fullscreen.fullscreen-showed .fullscreen-overlay {
transition-delay: 0s;
}
.fullscreen.fullscreen-showed .fullscreen-container {
transition-delay: 0.5s;
}
.header .fullscreen-toggler.navbar-toggler {
display: -ms-inline-flexbox;
display: inline-flex;
z-index: 1001;
}
.header .fullscreen-toggler.navbar-toggler .navbar-toggler-default {
display: -ms-flexbox;
display: flex;
}
.header .fullscreen-toggler.navbar-toggler .navbar-toggler-toggled {
display: none;
}
.header .fullscreen-toggler.navbar-toggler[aria-pressed="true"] .navbar-toggler-default {
display: none;
}
.header .fullscreen-toggler.navbar-toggler[aria-pressed="true"] .navbar-toggler-toggled {
display: -ms-flexbox;
display: flex;
}
/*------------------------------------
Header Fullscreen Style
------------------------------------*/
.fullscreen-nav {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.fullscreen-nav-list {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.fullscreen-nav-link {
display: inline-block;
font-size: 1.28838rem;
color: #fff;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
@media (min-width: 992px) {
.fullscreen-nav-link {
font-size: 1.63975rem;
}
}
.fullscreen-nav-link:hover {
color: rgba(255, 255, 255, 0.7);
}
.fullscreen-submenu {
position: relative;
transition: 0.3s ease-in-out;
}
.fullscreen-submenu .fullscreen-submenu .fullscreen-submenu-list {
margin-left: 1rem;
}
.fullscreen-submenu .fullscreen-nav-list {
border-left: 0.125rem solid rgba(255, 255, 255, 0.6);
padding-left: 0;
}
.fullscreen-submenu-nav-link {
display: inline-block;
color: #fff;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-right: 1rem;
padding-left: 1rem;
}
.fullscreen-submenu-nav-link.disabled {
color: rgba(255, 255, 255, 0.7);
pointer-events: none;
}
.fullscreen-submenu-nav-link:hover {
color: rgba(255, 255, 255, 0.7);
}
.fullscreen-submenu-list {
list-style: none;
border-left: 0.125rem solid rgba(255, 255, 255, 0.6);
padding-left: 0;
margin-bottom: 0;
}
.fullscreen-submenu-list-link {
display: inline-block;
color: rgba(255, 255, 255, 0.7);
}
.fullscreen-submenu-list-link:hover {
color: #fff;
}
/*------------------------------------
Transparent Header
------------------------------------*/
.header-bg-transparent:not(.js-header-fix-moment) .search-push-top[style*="display: block"] + .header-section {
background-color: #fff;
}
.header-bg-transparent:not(.js-header-fix-moment) .header-section {
background-color: transparent;
}
.header-bg-transparent .navbar-brand-collapsed,
.header-bg-transparent .navbar-brand-on-scroll {
display: none;
}
.header-bg-transparent.js-header-fix-moment .navbar-brand-default {
display: none;
}
.header-bg-transparent.js-header-fix-moment .navbar-brand-on-scroll {
display: inline-block;
}
@media (min-width: 576px) and (min-width: 576px) {
.header-bg-transparent-sm:not(.js-header-fix-moment) .search-push-top[style*="display: block"] + .header-section {
background-color: #fff;
}
.header-bg-transparent-sm:not(.js-header-fix-moment) .header-section {
background-color: transparent;
}
}
@media (min-width: 576px) {
.header-bg-transparent-sm .navbar-brand-collapsed,
.header-bg-transparent-sm .navbar-brand-on-scroll {
display: none;
}
.header-bg-transparent-sm.js-header-fix-moment .navbar-brand-default {
display: none;
}
.header-bg-transparent-sm.js-header-fix-moment .navbar-brand-on-scroll {
display: inline-block;
}
}
@media (min-width: 768px) {
.header-bg-transparent-md:not(.js-header-fix-moment) .search-push-top[style*="display: block"] + .header-section {
background-color: #fff;
}
.header-bg-transparent-md:not(.js-header-fix-moment) .header-section {
background-color: transparent;
}
}
@media (min-width: 768px) {
.header-bg-transparent-md .navbar-brand-collapsed,
.header-bg-transparent-md .navbar-brand-on-scroll {
display: none;
}
.header-bg-transparent-md.js-header-fix-moment .navbar-brand-default {
display: none;
}
.header-bg-transparent-md.js-header-fix-moment .navbar-brand-on-scroll {
display: inline-block;
}
}
@media (min-width: 992px) and (min-width: 992px) {
.header-bg-transparent-lg:not(.js-header-fix-moment) .search-push-top[style*="display: block"] + .header-section {
background-color: #fff;
}
.header-bg-transparent-lg:not(.js-header-fix-moment) .header-section {
background-color: transparent;
}
}
@media (min-width: 992px) {
.header-bg-transparent-lg .navbar-brand-collapsed,
.header-bg-transparent-lg .navbar-brand-on-scroll {
display: none;
}
.header-bg-transparent-lg.js-header-fix-moment .navbar-brand-default {
display: none;
}
.header-bg-transparent-lg.js-header-fix-moment .navbar-brand-on-scroll {
display: inline-block;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.header-bg-transparent-xl:not(.js-header-fix-moment) .search-push-top[style*="display: block"] + .header-section {
background-color: #fff;
}
.header-bg-transparent-xl:not(.js-header-fix-moment) .header-section {
background-color: transparent;
}
}
@media (min-width: 1200px) {
.header-bg-transparent-xl .navbar-brand-collapsed,
.header-bg-transparent-xl .navbar-brand-on-scroll {
display: none;
}
.header-bg-transparent-xl.js-header-fix-moment .navbar-brand-default {
display: none;
}
.header-bg-transparent-xl.js-header-fix-moment .navbar-brand-on-scroll {
display: inline-block;
}
}
@media (min-width: 1480px) and (min-width: 1480px) {
.header-bg-transparent-wd:not(.js-header-fix-moment) .search-push-top[style*="display: block"] + .header-section {
background-color: #fff;
}
.header-bg-transparent-wd:not(.js-header-fix-moment) .header-section {
background-color: transparent;
}
}
@media (min-width: 1480px) {
.header-bg-transparent-wd .navbar-brand-collapsed,
.header-bg-transparent-wd .navbar-brand-on-scroll {
display: none;
}
.header-bg-transparent-wd.js-header-fix-moment .navbar-brand-default {
display: none;
}
.header-bg-transparent-wd.js-header-fix-moment .navbar-brand-on-scroll {
display: inline-block;
}
}
@media (max-width: 575.98px) {
.header-bg-transparent-sm .navbar-brand-default,
.header-bg-transparent-sm .navbar-brand-on-scroll {
display: none;
}
}
@media (max-width: 767.98px) {
.header-bg-transparent-md .navbar-brand-default,
.header-bg-transparent-md .navbar-brand-on-scroll {
display: none;
}
}
@media (max-width: 991.98px) {
.header-bg-transparent-lg .navbar-brand-default,
.header-bg-transparent-lg .navbar-brand-on-scroll {
display: none;
}
}
@media (max-width: 1199.98px) {
.header-bg-transparent-xl .navbar-brand-default,
.header-bg-transparent-xl .navbar-brand-on-scroll {
display: none;
}
}
@media (max-width: 1479.98px) {
.header-bg-transparent-wd .navbar-brand-default,
.header-bg-transparent-wd .navbar-brand-on-scroll {
display: none;
}
}
.header-bg-transparent .navbar-brand-default,
.header-bg-transparent .navbar-brand-on-scroll {
display: none;
}
.header-bg-transparent .navbar-brand-default {
display: -ms-flexbox;
display: flex;
}
@media (max-width: 991.98px) {
.header-bg-transparent .navbar-nav,
.header-bg-transparent-sm .navbar-nav,
.header-bg-transparent-md .navbar-nav,
.header-bg-transparent-lg .navbar-nav {
background-color: #fff;
padding: 0.875rem 1.5rem;
}
}
/*------------------------------------
Header On Scroll
------------------------------------*/
.header-white-bg-on-scroll.scrolled .header-section {
background-color: #fff;
}
/*------------------------------------
Header White Nav Links
------------------------------------*/
.header-white-nav-links:not(.bg-white):not(.js-header-fix-moment) .navbar-nav-item:hover .nav-link {
color: #fff;
}
.header-white-nav-links:not(.bg-white):not(.js-header-fix-moment) .nav-link {
color: rgba(255, 255, 255, 0.7);
}
.header-white-nav-links:not(.bg-white):not(.js-header-fix-moment) .nav-link:hover {
color: #fff;
}
.header-white-nav-links:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link,
.header-white-nav-links:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary {
color: rgba(255, 255, 255, 0.7);
}
.header-white-nav-links:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link:hover,
.header-white-nav-links:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary:hover {
color: #fff;
}
@media (min-width: 576px) {
.header-white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .navbar-nav-item:hover .nav-link {
color: #fff;
}
.header-white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .nav-link {
color: rgba(255, 255, 255, 0.7);
}
.header-white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .nav-link:hover {
color: #fff;
}
.header-white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link,
.header-white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary {
color: rgba(255, 255, 255, 0.7);
}
.header-white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link:hover,
.header-white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary:hover {
color: #fff;
}
}
@media (min-width: 768px) {
.header-white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .navbar-nav-item:hover .nav-link {
color: #fff;
}
.header-white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .nav-link {
color: rgba(255, 255, 255, 0.7);
}
.header-white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .nav-link:hover {
color: #fff;
}
.header-white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link,
.header-white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary {
color: rgba(255, 255, 255, 0.7);
}
.header-white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link:hover,
.header-white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary:hover {
color: #fff;
}
}
@media (min-width: 992px) {
.header-white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .navbar-nav-item:hover .nav-link {
color: #fff;
}
.header-white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .nav-link {
color: rgba(255, 255, 255, 0.7);
}
.header-white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .nav-link:hover {
color: #fff;
}
.header-white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link,
.header-white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary {
color: rgba(255, 255, 255, 0.7);
}
.header-white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link:hover,
.header-white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary:hover {
color: #fff;
}
}
@media (min-width: 1200px) {
.header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .navbar-nav-item:hover .nav-link {
color: #fff;
}
.header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .nav-link {
color: rgba(255, 255, 255, 0.7);
}
.header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .nav-link:hover {
color: #fff;
}
.header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link,
.header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary {
color: rgba(255, 255, 255, 0.7);
}
.header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link:hover,
.header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary:hover {
color: #fff;
}
}
@media (min-width: 1480px) {
.header-white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .navbar-nav-item:hover .nav-link {
color: #fff;
}
.header-white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .nav-link {
color: rgba(255, 255, 255, 0.7);
}
.header-white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .nav-link:hover {
color: #fff;
}
.header-white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link,
.header-white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary {
color: rgba(255, 255, 255, 0.7);
}
.header-white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link:hover,
.header-white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary:hover {
color: #fff;
}
}
/*------------------------------------
Navbar Expand
------------------------------------*/
.navbar-expand {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand .navbar-navbar-toggler {
display: none;
}
.navbar-expand .navbar-nav {
-ms-flex-align: center;
align-items: center;
}
.navbar-expand .navbar-nav .navbar-nav-last-item {
text-align: right;
padding-left: 1rem;
padding-right: 0;
}
.navbar-expand .navbar-nav .nav-link {
padding-top: 1.876rem;
padding-bottom: 1.876rem;
padding-right: 0.875rem;
padding-left: 0.875rem;
}
.navbar-expand .navbar-nav .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
background-color: #f6f7f9;
}
.navbar-expand .navbar-nav .dropdown-menu .hs-has-sub-menu .dropdown-menu {
margin-top: -1.1875rem;
}
.navbar-expand .mega-menu-position-right-fix.dropdown-menu, .navbar-expand .mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
right: 20%;
left: auto;
}
.navbar-expand .mega-menu-body {
padding: 2.5rem 2.5rem;
margin-left: 0;
margin-right: 0;
}
.navbar-expand .navbar-promo {
border-bottom-right-radius: 0.3125rem;
}
.navbar-expand .navbar-promo-card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}
.navbar-expand .navbar-promo-card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.navbar-expand .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link {
position: relative;
}
.navbar-expand .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link::after {
position: absolute;
top: 0;
right: 0;
margin-right: -1.5rem;
border-right: 0.0625rem solid #d0d0d2;
height: 100%;
content: "";
}
@media (min-width: 576px) {
.navbar-expand-sm {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-sm .navbar-navbar-toggler {
display: none;
}
.navbar-expand-sm .navbar-nav {
-ms-flex-align: center;
align-items: center;
}
.navbar-expand-sm .navbar-nav .navbar-nav-last-item {
text-align: right;
padding-left: 1rem;
padding-right: 0;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-top: 1.876rem;
padding-bottom: 1.876rem;
padding-right: 0.875rem;
padding-left: 0.875rem;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
background-color: #f6f7f9;
}
.navbar-expand-sm .navbar-nav .dropdown-menu .hs-has-sub-menu .dropdown-menu {
margin-top: -1.1875rem;
}
.navbar-expand-sm .mega-menu-position-right-fix.dropdown-menu, .navbar-expand-sm .mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
right: 20%;
left: auto;
}
.navbar-expand-sm .mega-menu-body {
padding: 2.5rem 2.5rem;
margin-left: 0;
margin-right: 0;
}
.navbar-expand-sm .navbar-promo {
border-bottom-right-radius: 0.3125rem;
}
.navbar-expand-sm .navbar-promo-card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}
.navbar-expand-sm .navbar-promo-card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.navbar-expand-sm .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link {
position: relative;
}
.navbar-expand-sm .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link::after {
position: absolute;
top: 0;
right: 0;
margin-right: -1.5rem;
border-right: 0.0625rem solid #d0d0d2;
height: 100%;
content: "";
}
}
@media (min-width: 768px) {
.navbar-expand-md {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-md .navbar-navbar-toggler {
display: none;
}
.navbar-expand-md .navbar-nav {
-ms-flex-align: center;
align-items: center;
}
.navbar-expand-md .navbar-nav .navbar-nav-last-item {
text-align: right;
padding-left: 1rem;
padding-right: 0;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-top: 1.876rem;
padding-bottom: 1.876rem;
padding-right: 0.875rem;
padding-left: 0.875rem;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
background-color: #f6f7f9;
}
.navbar-expand-md .navbar-nav .dropdown-menu .hs-has-sub-menu .dropdown-menu {
margin-top: -1.1875rem;
}
.navbar-expand-md .mega-menu-position-right-fix.dropdown-menu, .navbar-expand-md .mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
right: 20%;
left: auto;
}
.navbar-expand-md .mega-menu-body {
padding: 2.5rem 2.5rem;
margin-left: 0;
margin-right: 0;
}
.navbar-expand-md .navbar-promo {
border-bottom-right-radius: 0.3125rem;
}
.navbar-expand-md .navbar-promo-card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}
.navbar-expand-md .navbar-promo-card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.navbar-expand-md .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link {
position: relative;
}
.navbar-expand-md .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link::after {
position: absolute;
top: 0;
right: 0;
margin-right: -1.5rem;
border-right: 0.0625rem solid #d0d0d2;
height: 100%;
content: "";
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-lg .navbar-navbar-toggler {
display: none;
}
.navbar-expand-lg .navbar-nav {
-ms-flex-align: center;
align-items: center;
}
.navbar-expand-lg .navbar-nav .navbar-nav-last-item {
text-align: right;
padding-left: 1rem;
padding-right: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-top: 1.876rem;
padding-bottom: 1.876rem;
padding-right: 0.875rem;
padding-left: 0.875rem;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
background-color: #f6f7f9;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .hs-has-sub-menu .dropdown-menu {
margin-top: -1.1875rem;
}
.navbar-expand-lg .mega-menu-position-right-fix.dropdown-menu, .navbar-expand-lg .mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
right: 20%;
left: auto;
}
.navbar-expand-lg .mega-menu-body {
padding: 2.5rem 2.5rem;
margin-left: 0;
margin-right: 0;
}
.navbar-expand-lg .navbar-promo {
border-bottom-right-radius: 0.3125rem;
}
.navbar-expand-lg .navbar-promo-card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}
.navbar-expand-lg .navbar-promo-card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.navbar-expand-lg .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link {
position: relative;
}
.navbar-expand-lg .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link::after {
position: absolute;
top: 0;
right: 0;
margin-right: -1.5rem;
border-right: 0.0625rem solid #d0d0d2;
height: 100%;
content: "";
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-xl .navbar-navbar-toggler {
display: none;
}
.navbar-expand-xl .navbar-nav {
-ms-flex-align: center;
align-items: center;
}
.navbar-expand-xl .navbar-nav .navbar-nav-last-item {
text-align: right;
padding-left: 1rem;
padding-right: 0;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-top: 1.876rem;
padding-bottom: 1.876rem;
padding-right: 0.875rem;
padding-left: 0.875rem;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
background-color: #f6f7f9;
}
.navbar-expand-xl .navbar-nav .dropdown-menu .hs-has-sub-menu .dropdown-menu {
margin-top: -1.1875rem;
}
.navbar-expand-xl .mega-menu-position-right-fix.dropdown-menu, .navbar-expand-xl .mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
right: 20%;
left: auto;
}
.navbar-expand-xl .mega-menu-body {
padding: 2.5rem 2.5rem;
margin-left: 0;
margin-right: 0;
}
.navbar-expand-xl .navbar-promo {
border-bottom-right-radius: 0.3125rem;
}
.navbar-expand-xl .navbar-promo-card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}
.navbar-expand-xl .navbar-promo-card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.navbar-expand-xl .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link {
position: relative;
}
.navbar-expand-xl .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link::after {
position: absolute;
top: 0;
right: 0;
margin-right: -1.5rem;
border-right: 0.0625rem solid #d0d0d2;
height: 100%;
content: "";
}
}
@media (min-width: 1480px) {
.navbar-expand-wd {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-wd .navbar-navbar-toggler {
display: none;
}
.navbar-expand-wd .navbar-nav {
-ms-flex-align: center;
align-items: center;
}
.navbar-expand-wd .navbar-nav .navbar-nav-last-item {
text-align: right;
padding-left: 1rem;
padding-right: 0;
}
.navbar-expand-wd .navbar-nav .nav-link {
padding-top: 1.876rem;
padding-bottom: 1.876rem;
padding-right: 0.875rem;
padding-left: 0.875rem;
}
.navbar-expand-wd .navbar-nav .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
background-color: #f6f7f9;
}
.navbar-expand-wd .navbar-nav .dropdown-menu .hs-has-sub-menu .dropdown-menu {
margin-top: -1.1875rem;
}
.navbar-expand-wd .mega-menu-position-right-fix.dropdown-menu, .navbar-expand-wd .mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
right: 20%;
left: auto;
}
.navbar-expand-wd .mega-menu-body {
padding: 2.5rem 2.5rem;
margin-left: 0;
margin-right: 0;
}
.navbar-expand-wd .navbar-promo {
border-bottom-right-radius: 0.3125rem;
}
.navbar-expand-wd .navbar-promo-card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}
.navbar-expand-wd .navbar-promo-card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.navbar-expand-wd .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link {
position: relative;
}
.navbar-expand-wd .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link::after {
position: absolute;
top: 0;
right: 0;
margin-right: -1.5rem;
border-right: 0.0625rem solid #d0d0d2;
height: 100%;
content: "";
}
}
@media (max-width: 575.98px) {
.navbar-expand-sm.navbar {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-expand-sm .navbar-brand,
.navbar-expand-sm .navbar-brand > img {
width: 7rem;
}
.navbar-expand-sm .navbar-nav {
margin-top: 1rem;
margin-bottom: 1rem;
}
.navbar-expand-sm .navbar-nav-last-item {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.navbar-expand-sm .nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.navbar-expand-sm .nav-link-toggle::after {
margin-left: auto;
}
.navbar-expand-sm .hs-mega-menu {
max-width: 100% !important;
}
.navbar-expand-sm .hs-mega-menu-opened .nav-link-toggle::after,
.navbar-expand-sm .hs-sub-menu-opened .nav-link-toggle::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-sm .dropdown-item-toggle::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.navbar-expand-sm .hs-sub-menu-opened > .dropdown-item-toggle::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar-expand-sm .mega-menu-body {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.navbar-expand-sm .dropdown-menu {
box-shadow: none;
}
.navbar-expand-sm .dropdown-menu:not(.navbar-promo):not(.dropdown-menu-no-border-on-mobile) {
border-left: 0.1875rem solid #d0d0d2;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-expand-sm .dropdown-menu .mega-menu-body {
padding-left: 1.5rem;
}
.navbar-expand-sm .hs-has-sub-menu .hs-sub-menu .hs-sub-menu {
margin-left: 1.5rem;
}
.navbar-expand-sm .hs-has-sub-menu .hs-sub-menu .hs-has-sub-menu .dropdown-item-toggle {
padding-right: 0.6125rem;
}
.navbar-expand-sm .navbar-promo-card-deck:last-child .navbar-promo-item:not(:last-child) {
border-bottom: 0.0625rem solid #d0d0d2;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md.navbar {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-expand-md .navbar-brand,
.navbar-expand-md .navbar-brand > img {
width: 7rem;
}
.navbar-expand-md .navbar-nav {
margin-top: 1rem;
margin-bottom: 1rem;
}
.navbar-expand-md .navbar-nav-last-item {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.navbar-expand-md .nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.navbar-expand-md .nav-link-toggle::after {
margin-left: auto;
}
.navbar-expand-md .hs-mega-menu {
max-width: 100% !important;
}
.navbar-expand-md .hs-mega-menu-opened .nav-link-toggle::after,
.navbar-expand-md .hs-sub-menu-opened .nav-link-toggle::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-md .dropdown-item-toggle::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.navbar-expand-md .hs-sub-menu-opened > .dropdown-item-toggle::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar-expand-md .mega-menu-body {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.navbar-expand-md .dropdown-menu {
box-shadow: none;
}
.navbar-expand-md .dropdown-menu:not(.navbar-promo):not(.dropdown-menu-no-border-on-mobile) {
border-left: 0.1875rem solid #d0d0d2;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-expand-md .dropdown-menu .mega-menu-body {
padding-left: 1.5rem;
}
.navbar-expand-md .hs-has-sub-menu .hs-sub-menu .hs-sub-menu {
margin-left: 1.5rem;
}
.navbar-expand-md .hs-has-sub-menu .hs-sub-menu .hs-has-sub-menu .dropdown-item-toggle {
padding-right: 0.6125rem;
}
.navbar-expand-md .navbar-promo-card-deck:last-child .navbar-promo-item:not(:last-child) {
border-bottom: 0.0625rem solid #d0d0d2;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg.navbar {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-expand-lg .navbar-brand,
.navbar-expand-lg .navbar-brand > img {
width: 7rem;
}
.navbar-expand-lg .navbar-nav {
margin-top: 1rem;
margin-bottom: 1rem;
}
.navbar-expand-lg .navbar-nav-last-item {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.navbar-expand-lg .nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.navbar-expand-lg .nav-link-toggle::after {
margin-left: auto;
}
.navbar-expand-lg .hs-mega-menu {
max-width: 100% !important;
}
.navbar-expand-lg .hs-mega-menu-opened .nav-link-toggle::after,
.navbar-expand-lg .hs-sub-menu-opened .nav-link-toggle::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-lg .dropdown-item-toggle::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.navbar-expand-lg .hs-sub-menu-opened > .dropdown-item-toggle::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar-expand-lg .mega-menu-body {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.navbar-expand-lg .dropdown-menu {
box-shadow: none;
}
.navbar-expand-lg .dropdown-menu:not(.navbar-promo):not(.dropdown-menu-no-border-on-mobile) {
border-left: 0.1875rem solid #d0d0d2;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-expand-lg .dropdown-menu .mega-menu-body {
padding-left: 1.5rem;
}
.navbar-expand-lg .hs-has-sub-menu .hs-sub-menu .hs-sub-menu {
margin-left: 1.5rem;
}
.navbar-expand-lg .hs-has-sub-menu .hs-sub-menu .hs-has-sub-menu .dropdown-item-toggle {
padding-right: 0.6125rem;
}
.navbar-expand-lg .navbar-promo-card-deck:last-child .navbar-promo-item:not(:last-child) {
border-bottom: 0.0625rem solid #d0d0d2;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl.navbar {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-expand-xl .navbar-brand,
.navbar-expand-xl .navbar-brand > img {
width: 7rem;
}
.navbar-expand-xl .navbar-nav {
margin-top: 1rem;
margin-bottom: 1rem;
}
.navbar-expand-xl .navbar-nav-last-item {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.navbar-expand-xl .nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.navbar-expand-xl .nav-link-toggle::after {
margin-left: auto;
}
.navbar-expand-xl .hs-mega-menu {
max-width: 100% !important;
}
.navbar-expand-xl .hs-mega-menu-opened .nav-link-toggle::after,
.navbar-expand-xl .hs-sub-menu-opened .nav-link-toggle::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-xl .dropdown-item-toggle::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.navbar-expand-xl .hs-sub-menu-opened > .dropdown-item-toggle::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar-expand-xl .mega-menu-body {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.navbar-expand-xl .dropdown-menu {
box-shadow: none;
}
.navbar-expand-xl .dropdown-menu:not(.navbar-promo):not(.dropdown-menu-no-border-on-mobile) {
border-left: 0.1875rem solid #d0d0d2;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-expand-xl .dropdown-menu .mega-menu-body {
padding-left: 1.5rem;
}
.navbar-expand-xl .hs-has-sub-menu .hs-sub-menu .hs-sub-menu {
margin-left: 1.5rem;
}
.navbar-expand-xl .hs-has-sub-menu .hs-sub-menu .hs-has-sub-menu .dropdown-item-toggle {
padding-right: 0.6125rem;
}
.navbar-expand-xl .navbar-promo-card-deck:last-child .navbar-promo-item:not(:last-child) {
border-bottom: 0.0625rem solid #d0d0d2;
}
}
@media (max-width: 1479.98px) {
.navbar-expand-wd.navbar {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-expand-wd .navbar-brand,
.navbar-expand-wd .navbar-brand > img {
width: 7rem;
}
.navbar-expand-wd .navbar-nav {
margin-top: 1rem;
margin-bottom: 1rem;
}
.navbar-expand-wd .navbar-nav-last-item {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.navbar-expand-wd .nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.navbar-expand-wd .nav-link-toggle::after {
margin-left: auto;
}
.navbar-expand-wd .hs-mega-menu {
max-width: 100% !important;
}
.navbar-expand-wd .hs-mega-menu-opened .nav-link-toggle::after,
.navbar-expand-wd .hs-sub-menu-opened .nav-link-toggle::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-wd .dropdown-item-toggle::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.navbar-expand-wd .hs-sub-menu-opened > .dropdown-item-toggle::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar-expand-wd .mega-menu-body {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.navbar-expand-wd .dropdown-menu {
box-shadow: none;
}
.navbar-expand-wd .dropdown-menu:not(.navbar-promo):not(.dropdown-menu-no-border-on-mobile) {
border-left: 0.1875rem solid #d0d0d2;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-expand-wd .dropdown-menu .mega-menu-body {
padding-left: 1.5rem;
}
.navbar-expand-wd .hs-has-sub-menu .hs-sub-menu .hs-sub-menu {
margin-left: 1.5rem;
}
.navbar-expand-wd .hs-has-sub-menu .hs-sub-menu .hs-has-sub-menu .dropdown-item-toggle {
padding-right: 0.6125rem;
}
.navbar-expand-wd .navbar-promo-card-deck:last-child .navbar-promo-item:not(:last-child) {
border-bottom: 0.0625rem solid #d0d0d2;
}
}
.navbar-expand.navbar {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-expand .navbar-brand,
.navbar-expand .navbar-brand > img {
width: 7rem;
}
.navbar-expand .navbar-nav {
margin-top: 1rem;
margin-bottom: 1rem;
}
.navbar-expand .navbar-nav-last-item {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.navbar-expand .nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.navbar-expand .nav-link-toggle::after {
margin-left: auto;
}
.navbar-expand .hs-mega-menu {
max-width: 100% !important;
}
.navbar-expand .hs-mega-menu-opened .nav-link-toggle::after,
.navbar-expand .hs-sub-menu-opened .nav-link-toggle::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand .dropdown-item-toggle::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.navbar-expand .hs-sub-menu-opened > .dropdown-item-toggle::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar-expand .mega-menu-body {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.navbar-expand .dropdown-menu {
box-shadow: none;
}
.navbar-expand .dropdown-menu:not(.navbar-promo):not(.dropdown-menu-no-border-on-mobile) {
border-left: 0.1875rem solid #d0d0d2;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-expand .dropdown-menu .mega-menu-body {
padding-left: 1.5rem;
}
.navbar-expand .hs-has-sub-menu .hs-sub-menu .hs-sub-menu {
margin-left: 1.5rem;
}
.navbar-expand .hs-has-sub-menu .hs-sub-menu .hs-has-sub-menu .dropdown-item-toggle {
padding-right: 0.6125rem;
}
.navbar-expand .navbar-promo-card-deck:last-child .navbar-promo-item:not(:last-child) {
border-bottom: 0.0625rem solid #d0d0d2;
}
@media (max-width: 767.98px) {
.navbar-expand-sm .header-nav-last-item {
display: none;
}
}
@media (max-width: 991.98px) {
.navbar-expand-xs .navbar-banner,
.navbar-expand-xs .navbar-product-banner,
.navbar-expand-sm .navbar-banner,
.navbar-expand-sm .navbar-product-banner,
.navbar-expand-md .navbar-banner,
.navbar-expand-md .navbar-product-banner,
.navbar-expand-lg .navbar-banner,
.navbar-expand-lg .navbar-product-banner {
display: none;
}
.navbar-expand .navbar-brand {
padding-top: 0.5rem;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl .navbar-banner,
.navbar-expand-xl .navbar-product-banner {
display: none;
}
}
@media (min-width: 1200px) {
.header .mega-menu-position-right-fix-xl.hs-mega-menu.hs-position-right {
right: 20%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.navbar-expand-md .navbar-brand {
padding-top: 0.5rem;
}
.header .mega-menu-position-right-fix-md.hs-mega-menu.hs-position-right {
right: 20%;
}
}
@media (min-width: 992px) {
[class*="navbar-expand"]:not(.navbar-expand-xl) {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.navbar-expand-lg-collapse-block .navbar-collapse {
display: block !important;
}
}
/*------------------------------------
Header Floating
------------------------------------*/
.header-floating {
position: absolute;
right: 0;
left: 0;
margin-top: 2.5rem;
}
.header-floating.js-header-fix-moment {
position: fixed;
background-color: #fff;
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
margin-top: 0;
}
.header-floating.js-header-fix-moment .header-floating-inner {
box-shadow: none;
}
.header-floating-inner {
border-radius: 0.3125rem;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 576px) {
.header-floating-sm {
position: absolute;
right: 0;
left: 0;
margin-top: 2.5rem;
}
.header-floating-sm.js-header-fix-moment {
position: fixed;
background-color: #fff;
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
margin-top: 0;
}
.header-floating-sm.js-header-fix-moment .header-floating-inner {
box-shadow: none;
}
.header-floating-inner {
border-radius: 0.3125rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 768px) {
.header-floating-md {
position: absolute;
right: 0;
left: 0;
margin-top: 2.5rem;
}
.header-floating-md.js-header-fix-moment {
position: fixed;
background-color: #fff;
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
margin-top: 0;
}
.header-floating-md.js-header-fix-moment .header-floating-inner {
box-shadow: none;
}
.header-floating-inner {
border-radius: 0.3125rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 992px) {
.header-floating-lg {
position: absolute;
right: 0;
left: 0;
margin-top: 2.5rem;
}
.header-floating-lg.js-header-fix-moment {
position: fixed;
background-color: #fff;
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
margin-top: 0;
}
.header-floating-lg.js-header-fix-moment .header-floating-inner {
box-shadow: none;
}
.header-floating-inner {
border-radius: 0.3125rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 1200px) {
.header-floating-xl {
position: absolute;
right: 0;
left: 0;
margin-top: 2.5rem;
}
.header-floating-xl.js-header-fix-moment {
position: fixed;
background-color: #fff;
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
margin-top: 0;
}
.header-floating-xl.js-header-fix-moment .header-floating-inner {
box-shadow: none;
}
.header-floating-inner {
border-radius: 0.3125rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 1480px) {
.header-floating-wd {
position: absolute;
right: 0;
left: 0;
margin-top: 2.5rem;
}
.header-floating-wd.js-header-fix-moment {
position: fixed;
background-color: #fff;
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
margin-top: 0;
}
.header-floating-wd.js-header-fix-moment .header-floating-inner {
box-shadow: none;
}
.header-floating-inner {
border-radius: 0.3125rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (max-width: 575.98px) {
.header-floating-sm {
background-color: #fff;
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
}
.header-floating-sm.header-box-shadow .header-section,
.header-floating-sm.header-box-shadow-on-scroll.scrolled .header-section {
box-shadow: none;
}
}
@media (max-width: 767.98px) {
.header-floating-md {
background-color: #fff;
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
}
.header-floating-md.header-box-shadow .header-section,
.header-floating-md.header-box-shadow-on-scroll.scrolled .header-section {
box-shadow: none;
}
}
@media (max-width: 991.98px) {
.header-floating-lg {
background-color: #fff;
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
}
.header-floating-lg.header-box-shadow .header-section,
.header-floating-lg.header-box-shadow-on-scroll.scrolled .header-section {
box-shadow: none;
}
}
@media (max-width: 1199.98px) {
.header-floating-xl {
background-color: #fff;
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
}
.header-floating-xl.header-box-shadow .header-section,
.header-floating-xl.header-box-shadow-on-scroll.scrolled .header-section {
box-shadow: none;
}
}
@media (max-width: 1479.98px) {
.header-floating-wd {
background-color: #fff;
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
}
.header-floating-wd.header-box-shadow .header-section,
.header-floating-wd.header-box-shadow-on-scroll.scrolled .header-section {
box-shadow: none;
}
}
.header-floating {
background-color: #fff;
box-shadow: 0 1px 10px rgba(140, 152, 164, 0.125);
}
.header-floating.header-box-shadow .header-section,
.header-floating.header-box-shadow-on-scroll.scrolled .header-section {
box-shadow: none;
}
@media (max-width: 991.98px) {
.header-floating-inner {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 767.98px) {
.header-floating-md .header-floating-inner {
max-height: 75vh;
overflow: hidden;
overflow-y: auto;
}
.header-floating-md .header-floating-inner::-webkit-scrollbar {
width: 0.5rem;
}
.header-floating-md .header-floating-inner::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
visibility: hidden;
}
.header-floating-md .header-floating-inner:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}
@media (max-width: 991.98px) {
.header-floating .header-floating-inner,
.header-floating-sm .header-floating-inner,
.header-floating-lg .header-floating-inner {
max-height: 75vh;
overflow: hidden;
overflow-y: auto;
}
.header-floating .header-floating-inner::-webkit-scrollbar,
.header-floating-sm .header-floating-inner::-webkit-scrollbar,
.header-floating-lg .header-floating-inner::-webkit-scrollbar {
width: 0.5rem;
}
.header-floating .header-floating-inner::-webkit-scrollbar-thumb,
.header-floating-sm .header-floating-inner::-webkit-scrollbar-thumb,
.header-floating-lg .header-floating-inner::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
visibility: hidden;
}
.header-floating .header-floating-inner:hover::-webkit-scrollbar-thumb,
.header-floating-sm .header-floating-inner:hover::-webkit-scrollbar-thumb,
.header-floating-lg .header-floating-inner:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}
@media (max-width: 1199.98px) {
.header-floating-xl .header-floating-inner {
max-height: 75vh;
overflow: hidden;
overflow-y: auto;
}
.header-floating-xl .header-floating-inner::-webkit-scrollbar {
width: 0.5rem;
}
.header-floating-xl .header-floating-inner::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
visibility: hidden;
}
.header-floating-xl .header-floating-inner:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}
/*------------------------------------
Absolute Positions
------------------------------------*/
.header-abs-top {
position: absolute;
top: 0;
bottom: auto;
}
@media (min-width: 576px) {
.header-abs-top-sm {
position: absolute;
top: 0;
bottom: auto;
}
}
@media (min-width: 768px) {
.header-abs-top-md {
position: absolute;
top: 0;
bottom: auto;
}
}
@media (min-width: 992px) {
.header-abs-top-lg {
position: absolute;
top: 0;
bottom: auto;
}
}
@media (min-width: 1200px) {
.header-abs-top-xl {
position: absolute;
top: 0;
bottom: auto;
}
}
@media (min-width: 1480px) {
.header-abs-top-wd {
position: absolute;
top: 0;
bottom: auto;
}
}
@media (max-width: 767.98px) {
.header-abs-top-md .header-abs-top-inner {
max-height: 75vh;
overflow: hidden;
overflow-y: auto;
}
.header-abs-top-md .header-abs-top-inner::-webkit-scrollbar {
width: 0.5rem;
}
.header-abs-top-md .header-abs-top-inner::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
visibility: hidden;
}
.header-abs-top-md .header-abs-top-inner:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}
@media (max-width: 991.98px) {
.header-abs-top .header-abs-top-inner,
.header-abs-top-sm .header-abs-top-inner,
.header-abs-top-lg .header-abs-top-inner {
max-height: 75vh;
overflow: hidden;
overflow-y: auto;
}
.header-abs-top .header-abs-top-inner::-webkit-scrollbar,
.header-abs-top-sm .header-abs-top-inner::-webkit-scrollbar,
.header-abs-top-lg .header-abs-top-inner::-webkit-scrollbar {
width: 0.5rem;
}
.header-abs-top .header-abs-top-inner::-webkit-scrollbar-thumb,
.header-abs-top-sm .header-abs-top-inner::-webkit-scrollbar-thumb,
.header-abs-top-lg .header-abs-top-inner::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
visibility: hidden;
}
.header-abs-top .header-abs-top-inner:hover::-webkit-scrollbar-thumb,
.header-abs-top-sm .header-abs-top-inner:hover::-webkit-scrollbar-thumb,
.header-abs-top-lg .header-abs-top-inner:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}
@media (max-width: 1199.98px) {
.header-abs-top-xl .header-abs-top-inner {
max-height: 75vh;
overflow: hidden;
overflow-y: auto;
}
.header-abs-top-xl .header-abs-top-inner::-webkit-scrollbar {
width: 0.5rem;
}
.header-abs-top-xl .header-abs-top-inner::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
visibility: hidden;
}
.header-abs-top-xl .header-abs-top-inner:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}
/*------------------------------------
Sticky Positions
------------------------------------*/
.header-sticky-top {
position: fixed;
bottom: auto;
top: 0;
}
@media (min-width: 576px) {
.header-sticky-top-sm {
position: fixed;
bottom: auto;
top: 0;
}
}
@media (min-width: 768px) {
.header-sticky-top-md {
position: fixed;
bottom: auto;
top: 0;
}
}
@media (min-width: 992px) {
.header-sticky-top-lg {
position: fixed;
bottom: auto;
top: 0;
}
}
@media (min-width: 1200px) {
.header-sticky-top-xl {
position: fixed;
bottom: auto;
top: 0;
}
}
@media (min-width: 1480px) {
.header-sticky-top-wd {
position: fixed;
bottom: auto;
top: 0;
}
}
@media (max-width: 767.98px) {
.header-sticky-top-md .header-sticky-top-inner {
max-height: 75vh;
overflow: hidden;
overflow-y: auto;
}
.header-sticky-top-md .header-sticky-top-inner::-webkit-scrollbar {
width: 0.5rem;
}
.header-sticky-top-md .header-sticky-top-inner::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
visibility: hidden;
}
.header-sticky-top-md .header-sticky-top-inner:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}
@media (max-width: 991.98px) {
.header-sticky-top .header-sticky-top-inner,
.header-sticky-top-sm .header-sticky-top-inner,
.header-sticky-top-lg .header-sticky-top-inner {
max-height: 75vh;
overflow: hidden;
overflow-y: auto;
}
.header-sticky-top .header-sticky-top-inner::-webkit-scrollbar,
.header-sticky-top-sm .header-sticky-top-inner::-webkit-scrollbar,
.header-sticky-top-lg .header-sticky-top-inner::-webkit-scrollbar {
width: 0.5rem;
}
.header-sticky-top .header-sticky-top-inner::-webkit-scrollbar-thumb,
.header-sticky-top-sm .header-sticky-top-inner::-webkit-scrollbar-thumb,
.header-sticky-top-lg .header-sticky-top-inner::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
visibility: hidden;
}
.header-sticky-top .header-sticky-top-inner:hover::-webkit-scrollbar-thumb,
.header-sticky-top-sm .header-sticky-top-inner:hover::-webkit-scrollbar-thumb,
.header-sticky-top-lg .header-sticky-top-inner:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}
@media (max-width: 1199.98px) {
.header-sticky-top-xl .header-sticky-top-inner {
max-height: 75vh;
overflow: hidden;
overflow-y: auto;
}
.header-sticky-top-xl .header-sticky-top-inner::-webkit-scrollbar {
width: 0.5rem;
}
.header-sticky-top-xl .header-sticky-top-inner::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
visibility: hidden;
}
.header-sticky-top-xl .header-sticky-top-inner:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}
/*------------------------------------
Animation
------------------------------------*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
/*------------------------------------
Alert Styles
------------------------------------*/
.alert-primary {
color: #fff;
background-color: #e42522;
border-color: #e42522;
}
.alert-primary hr {
border-top-color: #11b0e9;
}
.alert-primary .alert-link {
color: #fff;
}
.alert-secondary {
color: #fff;
background-color: #495057;
border-color: #495057;
}
.alert-secondary hr {
border-top-color: #3d4349;
}
.alert-secondary .alert-link {
color: #fff;
}
.alert-success {
color: #fff;
background-color: #00c9a7;
border-color: #00c9a7;
}
.alert-success hr {
border-top-color: #00b092;
}
.alert-success .alert-link {
color: #fff;
}
.alert-info {
color: #fff;
background-color: #e42522;
border-color: #e42522;
}
.alert-info hr {
border-top-color: #11b0e9;
}
.alert-info .alert-link {
color: #fff;
}
.alert-warning {
color: #19272e;
background-color: #f5ca99;
border-color: #f5ca99;
}
.alert-warning hr {
border-top-color: #f3be82;
}
.alert-warning .alert-link {
color: #19272e;
}
.alert-danger {
color: #fff;
background-color: #de4437;
border-color: #de4437;
}
.alert-danger hr {
border-top-color: #d83224;
}
.alert-danger .alert-link {
color: #fff;
}
.alert-light {
color: #19272e;
background-color: #f7faff;
border-color: #f7faff;
}
.alert-light hr {
border-top-color: #deeaff;
}
.alert-light .alert-link {
color: #19272e;
}
.alert-dark {
color: #fff;
background-color: #19272e;
border-color: #19272e;
}
.alert-dark hr {
border-top-color: #10191d;
}
.alert-dark .alert-link {
color: #fff;
}
.alert-indigo {
color: #fff;
background-color: #2d1582;
border-color: #2d1582;
}
.alert-indigo hr {
border-top-color: #25116c;
}
.alert-indigo .alert-link {
color: #fff;
}
.alert-white {
color: #19272e;
background-color: #fff;
border-color: #fff;
}
.alert-white hr {
border-top-color: #f2f2f2;
}
.alert-white .alert-link {
color: #19272e;
}
.alert-navy {
color: #fff;
background-color: #21325b;
border-color: #21325b;
}
.alert-navy hr {
border-top-color: #1a2848;
}
.alert-navy .alert-link {
color: #fff;
}
/* primary soft */
.alert-soft-primary {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
}
/* secondary soft */
.alert-soft-secondary {
color: #495057;
background-color: rgba(73, 80, 87, 0.1);
}
/* success soft */
.alert-soft-success {
color: #00c9a7;
background-color: rgba(0, 201, 167, 0.1);
}
/* info soft */
.alert-soft-info {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
}
/* warning soft */
.alert-soft-warning {
color: #f5ca99;
background-color: rgba(245, 202, 153, 0.1);
}
/* danger soft */
.alert-soft-danger {
color: #de4437;
background-color: rgba(222, 68, 55, 0.1);
}
/* light soft */
.alert-soft-light {
color: #f7faff;
background-color: rgba(247, 250, 255, 0.1);
}
/* dark soft */
.alert-soft-dark {
color: #19272e;
background-color: rgba(25, 39, 46, 0.1);
}
/* indigo soft */
.alert-soft-indigo {
color: #2d1582;
background-color: rgba(45, 21, 130, 0.1);
}
/* white soft */
.alert-soft-white {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
/* navy soft */
.alert-soft-navy {
color: #21325b;
background-color: rgba(33, 50, 91, 0.1);
}
/*------------------------------------
Avatar
------------------------------------*/
.avatar {
position: relative;
display: inline-block;
width: 2.92813rem;
height: 2.92813rem;
border-radius: 0.3125rem;
}
.avatar-img {
max-width: 100%;
height: auto;
border-radius: 0.3125rem;
}
.avatar-initials {
font-size: 0.937rem;
font-weight: 700;
}
.avatar-circle {
border-radius: 50%;
}
.avatar-circle .avatar-img {
border-radius: 50%;
}
/*------------------------------------
Avatar Group
------------------------------------*/
.avatar-group {
display: -ms-flexbox;
display: flex;
}
.avatar-group .avatar-circle .avatar-initials {
border-radius: 50%;
}
.avatar-group .avatar-xs .avatar-img,
.avatar-group .avatar-xs .avatar-initials,
.avatar-group .avatar-sm .avatar-img,
.avatar-group .avatar-sm .avatar-initials,
.avatar-group .avatar .avatar-img,
.avatar-group .avatar .avatar-initials {
border: 2px solid #fff;
}
.avatar-group .avatar-lg .avatar-img,
.avatar-group .avatar-lg .avatar-initials {
border: 5px solid #fff;
}
.avatar-group .avatar-xl .avatar-img,
.avatar-group .avatar-xl .avatar-initials {
border: 7px solid #fff;
}
.avatar-group .avatar + .avatar {
margin-left: -1rem;
}
.avatar-group .avatar-xs + .avatar-xs {
margin-left: -0.6125rem;
}
.avatar-group .avatar-sm + .avatar-sm {
margin-left: -0.875rem;
}
.avatar-group .avatar-lg + .avatar-lg {
margin-left: -1.5rem;
}
.avatar-group .avatar-xl + .avatar-xl {
margin-left: -2rem;
}
/*------------------------------------
Avatar Initials
------------------------------------*/
.avatar-initials {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
}
/*------------------------------------
Avatar Sizes
------------------------------------*/
.avatar.avatar-circle .avatar-status {
bottom: -0.20497rem;
right: -0.20497rem;
}
.avatar.avatar-circle .avatar-sm-status {
bottom: 0;
right: 0;
}
.avatar.avatar-circle .avatar-lg-status {
bottom: -0.30453rem;
right: -0.30453rem;
}
.avatar-xs {
width: 1.63975rem;
height: 1.63975rem;
}
.avatar-xs .avatar-initials {
font-size: 0.81988rem;
}
.avatar-xs.avatar-circle .avatar-status {
bottom: -0.20497rem;
right: -0.20497rem;
}
.avatar-xs.avatar-circle .avatar-sm-status {
bottom: -0.1098rem;
right: -0.1098rem;
}
.avatar-xs.avatar-circle .avatar-lg-status {
bottom: -0.30453rem;
right: -0.30453rem;
}
.avatar-sm {
width: 2.51819rem;
height: 2.51819rem;
}
.avatar-sm .avatar-initials {
font-size: 0.76131rem;
}
.avatar-sm.avatar-circle .avatar-status {
bottom: -0.20497rem;
right: -0.20497rem;
}
.avatar-sm.avatar-circle .avatar-sm-status {
bottom: -0.08784rem;
right: -0.08784rem;
}
.avatar-sm.avatar-circle .avatar-lg-status {
bottom: -0.38066rem;
right: -0.38066rem;
}
.avatar-lg {
width: 3.98225rem;
height: 3.98225rem;
}
.avatar-lg .avatar-initials {
font-size: 1.1244rem;
}
.avatar-lg.avatar-circle .avatar-status {
bottom: -0.12298rem;
right: -0.12298rem;
}
.avatar-lg.avatar-circle .avatar-sm-status {
bottom: 0.08784rem;
right: 0.08784rem;
}
.avatar-lg.avatar-circle .avatar-lg-status {
bottom: -0.19033rem;
right: -0.19033rem;
}
.avatar-xl {
width: 5.27062rem;
height: 5.27062rem;
}
.avatar-xl .avatar-initials {
font-size: 1.874rem;
}
.avatar-xl.avatar-circle .avatar-status {
bottom: 0.15373rem;
right: 0.15373rem;
}
.avatar-xl.avatar-circle .avatar-sm-status {
bottom: 0.21961rem;
right: 0.21961rem;
}
.avatar-xl.avatar-circle .avatar-lg-status {
bottom: 0.12689rem;
right: 0.12689rem;
}
/*------------------------------------
Avatar Status
------------------------------------*/
.avatar-status {
position: absolute;
bottom: -0.49193rem;
right: -0.49193rem;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
text-align: center;
vertical-align: baseline;
border: 0.125rem solid #fff;
width: 1.22981rem;
height: 1.22981rem;
line-height: 1;
font-size: 0.58563rem;
border-radius: 50%;
}
.avatar-sm-status {
bottom: -0.24596rem;
right: -0.24596rem;
width: 0.87844rem;
height: 0.87844rem;
font-size: 0.4685rem;
}
.avatar-lg-status {
width: 1.52263rem;
height: 1.52263rem;
font-size: 0.70275rem;
}
/*------------------------------------
Avatar Styles
------------------------------------*/
/* primary soft */
.avatar-primary {
color: #fff;
background-color: #e42522;
}
/* secondary soft */
.avatar-secondary {
color: #fff;
background-color: #495057;
}
/* success soft */
.avatar-success {
color: #fff;
background-color: #00c9a7;
}
/* info soft */
.avatar-info {
color: #fff;
background-color: #e42522;
}
/* warning soft */
.avatar-warning {
color: #19272e;
background-color: #f5ca99;
}
/* danger soft */
.avatar-danger {
color: #fff;
background-color: #de4437;
}
/* light soft */
.avatar-light {
color: #19272e;
background-color: #f7faff;
}
/* dark soft */
.avatar-dark {
color: #fff;
background-color: #19272e;
}
/* indigo soft */
.avatar-indigo {
color: #fff;
background-color: #2d1582;
}
/* white soft */
.avatar-white {
color: #19272e;
background-color: #fff;
}
/* navy soft */
.avatar-navy {
color: #fff;
background-color: #21325b;
}
/* primary soft */
.avatar-soft-primary {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
}
/* secondary soft */
.avatar-soft-secondary {
color: #495057;
background-color: rgba(73, 80, 87, 0.1);
}
/* success soft */
.avatar-soft-success {
color: #00c9a7;
background-color: rgba(0, 201, 167, 0.1);
}
/* info soft */
.avatar-soft-info {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
}
/* warning soft */
.avatar-soft-warning {
color: #f5ca99;
background-color: rgba(245, 202, 153, 0.1);
}
/* danger soft */
.avatar-soft-danger {
color: #de4437;
background-color: rgba(222, 68, 55, 0.1);
}
/* light soft */
.avatar-soft-light {
color: #f7faff;
background-color: rgba(247, 250, 255, 0.1);
}
/* dark soft */
.avatar-soft-dark {
color: #19272e;
background-color: rgba(25, 39, 46, 0.1);
}
/* indigo soft */
.avatar-soft-indigo {
color: #2d1582;
background-color: rgba(45, 21, 130, 0.1);
}
/* white soft */
.avatar-soft-white {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
/* navy soft */
.avatar-soft-navy {
color: #21325b;
background-color: rgba(33, 50, 91, 0.1);
}
/*------------------------------------
Badge Soft
------------------------------------*/
/* primary soft */
.badge-soft-primary {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
}
a.badge-soft-primary:hover, a.badge-soft-primary:focus {
color: #fff;
background-color: #e42522;
}
/* secondary soft */
.badge-soft-secondary {
color: #495057;
background-color: rgba(73, 80, 87, 0.1);
}
a.badge-soft-secondary:hover, a.badge-soft-secondary:focus {
color: #fff;
background-color: #495057;
}
/* success soft */
.badge-soft-success {
color: #00c9a7;
background-color: rgba(0, 201, 167, 0.1);
}
a.badge-soft-success:hover, a.badge-soft-success:focus {
color: #fff;
background-color: #00c9a7;
}
/* info soft */
.badge-soft-info {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
}
a.badge-soft-info:hover, a.badge-soft-info:focus {
color: #fff;
background-color: #e42522;
}
/* warning soft */
.badge-soft-warning {
color: #f5ca99;
background-color: rgba(245, 202, 153, 0.1);
}
a.badge-soft-warning:hover, a.badge-soft-warning:focus {
color: #19272e;
background-color: #f5ca99;
}
/* danger soft */
.badge-soft-danger {
color: #de4437;
background-color: rgba(222, 68, 55, 0.1);
}
a.badge-soft-danger:hover, a.badge-soft-danger:focus {
color: #fff;
background-color: #de4437;
}
/* light soft */
.badge-soft-light {
color: #f7faff;
background-color: rgba(247, 250, 255, 0.1);
}
a.badge-soft-light:hover, a.badge-soft-light:focus {
color: #19272e;
background-color: #f7faff;
}
/* dark soft */
.badge-soft-dark {
color: #19272e;
background-color: rgba(25, 39, 46, 0.1);
}
a.badge-soft-dark:hover, a.badge-soft-dark:focus {
color: #fff;
background-color: #19272e;
}
/* indigo soft */
.badge-soft-indigo {
color: #2d1582;
background-color: rgba(45, 21, 130, 0.1);
}
a.badge-soft-indigo:hover, a.badge-soft-indigo:focus {
color: #fff;
background-color: #2d1582;
}
/* white soft */
.badge-soft-white {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
a.badge-soft-white:hover, a.badge-soft-white:focus {
color: #19272e;
background-color: #fff;
}
/* navy soft */
.badge-soft-navy {
color: #21325b;
background-color: rgba(33, 50, 91, 0.1);
}
a.badge-soft-navy:hover, a.badge-soft-navy:focus {
color: #fff;
background-color: #21325b;
}
/*------------------------------------
Custom Buttons
------------------------------------*/
/* primary button :hover, :focus, :active effects */
.btn-primary[href]:hover, .btn-primary[href]:focus, .btn-primary[href]:active, .btn-primary[type]:hover, .btn-primary[type]:focus, .btn-primary[type]:active {
box-shadow: 0 4px 11px rgba(36, 186, 239, 0.35);
}
.btn-primary:not(label.btn), .btn-primary:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-primary:not([href]), .btn-primary:not([href]):not([href]):not(:disabled):not(.disabled) {
background-color: #e42522;
border-color: #e42522;
}
.btn-primary:hover {
background-color: #e42522;
border-color: #e42522;
}
/* secondary button :hover, :focus, :active effects */
.btn-secondary[href]:hover, .btn-secondary[href]:focus, .btn-secondary[href]:active, .btn-secondary[type]:hover, .btn-secondary[type]:focus, .btn-secondary[type]:active {
box-shadow: 0 4px 11px rgba(73, 80, 87, 0.35);
}
.btn-secondary:not(label.btn), .btn-secondary:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-secondary:not([href]), .btn-secondary:not([href]):not([href]):not(:disabled):not(.disabled) {
background-color: #495057;
border-color: #495057;
}
.btn-secondary:hover {
background-color: #495057;
border-color: #495057;
}
/* success button :hover, :focus, :active effects */
.btn-success[href]:hover, .btn-success[href]:focus, .btn-success[href]:active, .btn-success[type]:hover, .btn-success[type]:focus, .btn-success[type]:active {
box-shadow: 0 4px 11px rgba(0, 201, 167, 0.35);
}
.btn-success:not(label.btn), .btn-success:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-success:not([href]), .btn-success:not([href]):not([href]):not(:disabled):not(.disabled) {
background-color: #00c9a7;
border-color: #00c9a7;
}
.btn-success:hover {
background-color: #00c9a7;
border-color: #00c9a7;
}
/* info button :hover, :focus, :active effects */
.btn-info[href]:hover, .btn-info[href]:focus, .btn-info[href]:active, .btn-info[type]:hover, .btn-info[type]:focus, .btn-info[type]:active {
box-shadow: 0 4px 11px rgba(36, 186, 239, 0.35);
}
.btn-info:not(label.btn), .btn-info:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-info:not([href]), .btn-info:not([href]):not([href]):not(:disabled):not(.disabled) {
background-color: #e42522;
border-color: #e42522;
}
.btn-info:hover {
background-color: #e42522;
border-color: #e42522;
}
/* warning button :hover, :focus, :active effects */
.btn-warning[href]:hover, .btn-warning[href]:focus, .btn-warning[href]:active, .btn-warning[type]:hover, .btn-warning[type]:focus, .btn-warning[type]:active {
box-shadow: 0 4px 11px rgba(245, 202, 153, 0.35);
}
.btn-warning:not(label.btn), .btn-warning:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-warning:not([href]), .btn-warning:not([href]):not([href]):not(:disabled):not(.disabled) {
background-color: #f5ca99;
border-color: #f5ca99;
}
.btn-warning:hover {
background-color: #f5ca99;
border-color: #f5ca99;
}
/* danger button :hover, :focus, :active effects */
.btn-danger[href]:hover, .btn-danger[href]:focus, .btn-danger[href]:active, .btn-danger[type]:hover, .btn-danger[type]:focus, .btn-danger[type]:active {
box-shadow: 0 4px 11px rgba(222, 68, 55, 0.35);
}
.btn-danger:not(label.btn), .btn-danger:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-danger:not([href]), .btn-danger:not([href]):not([href]):not(:disabled):not(.disabled) {
background-color: #de4437;
border-color: #de4437;
}
.btn-danger:hover {
background-color: #de4437;
border-color: #de4437;
}
/* light button :hover, :focus, :active effects */
.btn-light[href]:hover, .btn-light[href]:focus, .btn-light[href]:active, .btn-light[type]:hover, .btn-light[type]:focus, .btn-light[type]:active {
box-shadow: 0 4px 11px rgba(247, 250, 255, 0.35);
}
.btn-light:not(label.btn), .btn-light:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-light:not([href]), .btn-light:not([href]):not([href]):not(:disabled):not(.disabled) {
background-color: #f7faff;
border-color: #f7faff;
}
.btn-light:hover {
background-color: #f7faff;
border-color: #f7faff;
}
/* dark button :hover, :focus, :active effects */
.btn-dark[href]:hover, .btn-dark[href]:focus, .btn-dark[href]:active, .btn-dark[type]:hover, .btn-dark[type]:focus, .btn-dark[type]:active {
box-shadow: 0 4px 11px rgba(25, 39, 46, 0.35);
}
.btn-dark:not(label.btn), .btn-dark:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-dark:not([href]), .btn-dark:not([href]):not([href]):not(:disabled):not(.disabled) {
background-color: #19272e;
border-color: #19272e;
}
.btn-dark:hover {
background-color: #19272e;
border-color: #19272e;
}
/* indigo button :hover, :focus, :active effects */
.btn-indigo[href]:hover, .btn-indigo[href]:focus, .btn-indigo[href]:active, .btn-indigo[type]:hover, .btn-indigo[type]:focus, .btn-indigo[type]:active {
box-shadow: 0 4px 11px rgba(45, 21, 130, 0.35);
}
.btn-indigo:not(label.btn), .btn-indigo:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-indigo:not([href]), .btn-indigo:not([href]):not([href]):not(:disabled):not(.disabled) {
background-color: #2d1582;
border-color: #2d1582;
}
.btn-indigo:hover {
background-color: #2d1582;
border-color: #2d1582;
}
/* white button :hover, :focus, :active effects */
.btn-white[href]:hover, .btn-white[href]:focus, .btn-white[href]:active, .btn-white[type]:hover, .btn-white[type]:focus, .btn-white[type]:active {
box-shadow: 0 4px 11px rgba(255, 255, 255, 0.35);
}
.btn-white:not(label.btn), .btn-white:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-white:not([href]), .btn-white:not([href]):not([href]):not(:disabled):not(.disabled) {
background-color: #fff;
border-color: #fff;
}
.btn-white:hover {
background-color: #fff;
border-color: #fff;
}
/* navy button :hover, :focus, :active effects */
.btn-navy[href]:hover, .btn-navy[href]:focus, .btn-navy[href]:active, .btn-navy[type]:hover, .btn-navy[type]:focus, .btn-navy[type]:active {
box-shadow: 0 4px 11px rgba(33, 50, 91, 0.35);
}
.btn-navy:not(label.btn), .btn-navy:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-navy:not([href]), .btn-navy:not([href]):not([href]):not(:disabled):not(.disabled) {
background-color: #21325b;
border-color: #21325b;
}
.btn-navy:hover {
background-color: #21325b;
border-color: #21325b;
}
.btn-play {
font-size: 84px;
border: 2px solid #fff;
border-radius: 50%;
margin: auto;
width: 182px;
height: 182px;
opacity: .5;
}
.btn-play:hover {
opacity: 1;
}
/*------------------------------------
Custom Button Toggle
------------------------------------*/
/* primary custom toggle button */
.btn-custom-toggle-primary {
color: #97a4af;
border-color: #d0d0d2;
}
.btn-custom-toggle-primary:hover {
color: #e42522;
background-color: transparent;
border-color: #e42522;
}
.btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .btn-custom-toggle-primary:not(:disabled):not(.disabled).active, .btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .btn-custom-toggle-primary:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #e42522;
border-color: #e42522;
}
/* secondary custom toggle button */
.btn-custom-toggle-secondary {
color: #97a4af;
border-color: #d0d0d2;
}
.btn-custom-toggle-secondary:hover {
color: #495057;
background-color: transparent;
border-color: #495057;
}
.btn-custom-toggle-secondary:not(:disabled):not(.disabled):active, .btn-custom-toggle-secondary:not(:disabled):not(.disabled).active, .btn-custom-toggle-secondary:not(:disabled):not(.disabled):active, .btn-custom-toggle-secondary:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #495057;
border-color: #495057;
}
/* success custom toggle button */
.btn-custom-toggle-success {
color: #97a4af;
border-color: #d0d0d2;
}
.btn-custom-toggle-success:hover {
color: #00c9a7;
background-color: transparent;
border-color: #00c9a7;
}
.btn-custom-toggle-success:not(:disabled):not(.disabled):active, .btn-custom-toggle-success:not(:disabled):not(.disabled).active, .btn-custom-toggle-success:not(:disabled):not(.disabled):active, .btn-custom-toggle-success:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #00c9a7;
border-color: #00c9a7;
}
/* info custom toggle button */
.btn-custom-toggle-info {
color: #97a4af;
border-color: #d0d0d2;
}
.btn-custom-toggle-info:hover {
color: #e42522;
background-color: transparent;
border-color: #e42522;
}
.btn-custom-toggle-info:not(:disabled):not(.disabled):active, .btn-custom-toggle-info:not(:disabled):not(.disabled).active, .btn-custom-toggle-info:not(:disabled):not(.disabled):active, .btn-custom-toggle-info:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #e42522;
border-color: #e42522;
}
/* warning custom toggle button */
.btn-custom-toggle-warning {
color: #97a4af;
border-color: #d0d0d2;
}
.btn-custom-toggle-warning:hover {
color: #f5ca99;
background-color: transparent;
border-color: #f5ca99;
}
.btn-custom-toggle-warning:not(:disabled):not(.disabled):active, .btn-custom-toggle-warning:not(:disabled):not(.disabled).active, .btn-custom-toggle-warning:not(:disabled):not(.disabled):active, .btn-custom-toggle-warning:not(:disabled):not(.disabled).active {
color: #19272e;
background-color: #f5ca99;
border-color: #f5ca99;
}
/* danger custom toggle button */
.btn-custom-toggle-danger {
color: #97a4af;
border-color: #d0d0d2;
}
.btn-custom-toggle-danger:hover {
color: #de4437;
background-color: transparent;
border-color: #de4437;
}
.btn-custom-toggle-danger:not(:disabled):not(.disabled):active, .btn-custom-toggle-danger:not(:disabled):not(.disabled).active, .btn-custom-toggle-danger:not(:disabled):not(.disabled):active, .btn-custom-toggle-danger:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #de4437;
border-color: #de4437;
}
/* light custom toggle button */
.btn-custom-toggle-light {
color: #97a4af;
border-color: #d0d0d2;
}
.btn-custom-toggle-light:hover {
color: #fff;
background-color: transparent;
border-color: #f7faff;
}
.btn-custom-toggle-light:not(:disabled):not(.disabled):active, .btn-custom-toggle-light:not(:disabled):not(.disabled).active, .btn-custom-toggle-light:not(:disabled):not(.disabled):active, .btn-custom-toggle-light:not(:disabled):not(.disabled).active {
color: #19272e;
background-color: #f7faff;
border-color: #f7faff;
}
/* dark custom toggle button */
.btn-custom-toggle-dark {
color: #97a4af;
border-color: #d0d0d2;
}
.btn-custom-toggle-dark:hover {
color: #19272e;
background-color: transparent;
border-color: #19272e;
}
.btn-custom-toggle-dark:not(:disabled):not(.disabled):active, .btn-custom-toggle-dark:not(:disabled):not(.disabled).active, .btn-custom-toggle-dark:not(:disabled):not(.disabled):active, .btn-custom-toggle-dark:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #19272e;
border-color: #19272e;
}
/* indigo custom toggle button */
.btn-custom-toggle-indigo {
color: #97a4af;
border-color: #d0d0d2;
}
.btn-custom-toggle-indigo:hover {
color: #2d1582;
background-color: transparent;
border-color: #2d1582;
}
.btn-custom-toggle-indigo:not(:disabled):not(.disabled):active, .btn-custom-toggle-indigo:not(:disabled):not(.disabled).active, .btn-custom-toggle-indigo:not(:disabled):not(.disabled):active, .btn-custom-toggle-indigo:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #2d1582;
border-color: #2d1582;
}
/* white custom toggle button */
.btn-custom-toggle-white {
color: #97a4af;
border-color: #d0d0d2;
}
.btn-custom-toggle-white:hover {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.btn-custom-toggle-white:not(:disabled):not(.disabled):active, .btn-custom-toggle-white:not(:disabled):not(.disabled).active, .btn-custom-toggle-white:not(:disabled):not(.disabled):active, .btn-custom-toggle-white:not(:disabled):not(.disabled).active {
color: #19272e;
background-color: #fff;
border-color: #fff;
}
/* navy custom toggle button */
.btn-custom-toggle-navy {
color: #97a4af;
border-color: #d0d0d2;
}
.btn-custom-toggle-navy:hover {
color: #21325b;
background-color: transparent;
border-color: #21325b;
}
.btn-custom-toggle-navy:not(:disabled):not(.disabled):active, .btn-custom-toggle-navy:not(:disabled):not(.disabled).active, .btn-custom-toggle-navy:not(:disabled):not(.disabled):active, .btn-custom-toggle-navy:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #21325b;
border-color: #21325b;
}
.btn-custom-toggle-light {
color: rgba(255, 255, 255, 0.7);
border-color: rgba(255, 255, 255, 0.7);
}
/*------------------------------------
Soft Button Styles
------------------------------------*/
/* primary soft */
.btn-soft-primary {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
border-color: transparent;
}
.btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active {
color: #fff;
background-color: #e42522;
box-shadow: 0 4px 11px rgba(36, 186, 239, 0.1);
}
.btn-soft-primary.disabled, .btn-soft-primary:disabled {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
box-shadow: none;
}
.btn-soft-primary:not(:disabled):not(.disabled):active, .btn-soft-primary:not(:disabled):not(.disabled).active,
.show > .btn-soft-primary.dropdown-toggle {
color: #fff;
background-color: #e42522;
}
/* secondary soft */
.btn-soft-secondary {
color: #495057;
background-color: rgba(73, 80, 87, 0.1);
border-color: transparent;
}
.btn-soft-secondary:hover, .btn-soft-secondary:focus, .btn-soft-secondary:active, .btn-soft-secondary.active {
color: #fff;
background-color: #495057;
box-shadow: 0 4px 11px rgba(73, 80, 87, 0.1);
}
.btn-soft-secondary.disabled, .btn-soft-secondary:disabled {
color: #495057;
background-color: rgba(73, 80, 87, 0.1);
box-shadow: none;
}
.btn-soft-secondary:not(:disabled):not(.disabled):active, .btn-soft-secondary:not(:disabled):not(.disabled).active,
.show > .btn-soft-secondary.dropdown-toggle {
color: #fff;
background-color: #495057;
}
/* success soft */
.btn-soft-success {
color: #00c9a7;
background-color: rgba(0, 201, 167, 0.1);
border-color: transparent;
}
.btn-soft-success:hover, .btn-soft-success:focus, .btn-soft-success:active, .btn-soft-success.active {
color: #fff;
background-color: #00c9a7;
box-shadow: 0 4px 11px rgba(0, 201, 167, 0.1);
}
.btn-soft-success.disabled, .btn-soft-success:disabled {
color: #00c9a7;
background-color: rgba(0, 201, 167, 0.1);
box-shadow: none;
}
.btn-soft-success:not(:disabled):not(.disabled):active, .btn-soft-success:not(:disabled):not(.disabled).active,
.show > .btn-soft-success.dropdown-toggle {
color: #fff;
background-color: #00c9a7;
}
/* info soft */
.btn-soft-info {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
border-color: transparent;
}
.btn-soft-info:hover, .btn-soft-info:focus, .btn-soft-info:active, .btn-soft-info.active {
color: #fff;
background-color: #e42522;
box-shadow: 0 4px 11px rgba(36, 186, 239, 0.1);
}
.btn-soft-info.disabled, .btn-soft-info:disabled {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
box-shadow: none;
}
.btn-soft-info:not(:disabled):not(.disabled):active, .btn-soft-info:not(:disabled):not(.disabled).active,
.show > .btn-soft-info.dropdown-toggle {
color: #fff;
background-color: #e42522;
}
/* warning soft */
.btn-soft-warning {
color: #f5ca99;
background-color: rgba(245, 202, 153, 0.1);
border-color: transparent;
}
.btn-soft-warning:hover, .btn-soft-warning:focus, .btn-soft-warning:active, .btn-soft-warning.active {
color: #19272e;
background-color: #f5ca99;
box-shadow: 0 4px 11px rgba(245, 202, 153, 0.1);
}
.btn-soft-warning.disabled, .btn-soft-warning:disabled {
color: #f5ca99;
background-color: rgba(245, 202, 153, 0.1);
box-shadow: none;
}
.btn-soft-warning:not(:disabled):not(.disabled):active, .btn-soft-warning:not(:disabled):not(.disabled).active,
.show > .btn-soft-warning.dropdown-toggle {
color: #19272e;
background-color: #f5ca99;
}
/* danger soft */
.btn-soft-danger {
color: #de4437;
background-color: rgba(222, 68, 55, 0.1);
border-color: transparent;
}
.btn-soft-danger:hover, .btn-soft-danger:focus, .btn-soft-danger:active, .btn-soft-danger.active {
color: #fff;
background-color: #de4437;
box-shadow: 0 4px 11px rgba(222, 68, 55, 0.1);
}
.btn-soft-danger.disabled, .btn-soft-danger:disabled {
color: #de4437;
background-color: rgba(222, 68, 55, 0.1);
box-shadow: none;
}
.btn-soft-danger:not(:disabled):not(.disabled):active, .btn-soft-danger:not(:disabled):not(.disabled).active,
.show > .btn-soft-danger.dropdown-toggle {
color: #fff;
background-color: #de4437;
}
/* light soft */
.btn-soft-light {
color: #f7faff;
background-color: rgba(247, 250, 255, 0.1);
border-color: transparent;
}
.btn-soft-light:hover, .btn-soft-light:focus, .btn-soft-light:active, .btn-soft-light.active {
color: #19272e;
background-color: #f7faff;
box-shadow: 0 4px 11px rgba(247, 250, 255, 0.1);
}
.btn-soft-light.disabled, .btn-soft-light:disabled {
color: #f7faff;
background-color: rgba(247, 250, 255, 0.1);
box-shadow: none;
}
.btn-soft-light:not(:disabled):not(.disabled):active, .btn-soft-light:not(:disabled):not(.disabled).active,
.show > .btn-soft-light.dropdown-toggle {
color: #19272e;
background-color: #f7faff;
}
/* dark soft */
.btn-soft-dark {
color: #19272e;
background-color: rgba(25, 39, 46, 0.1);
border-color: transparent;
}
.btn-soft-dark:hover, .btn-soft-dark:focus, .btn-soft-dark:active, .btn-soft-dark.active {
color: #fff;
background-color: #19272e;
box-shadow: 0 4px 11px rgba(25, 39, 46, 0.1);
}
.btn-soft-dark.disabled, .btn-soft-dark:disabled {
color: #19272e;
background-color: rgba(25, 39, 46, 0.1);
box-shadow: none;
}
.btn-soft-dark:not(:disabled):not(.disabled):active, .btn-soft-dark:not(:disabled):not(.disabled).active,
.show > .btn-soft-dark.dropdown-toggle {
color: #fff;
background-color: #19272e;
}
/* indigo soft */
.btn-soft-indigo {
color: #2d1582;
background-color: rgba(45, 21, 130, 0.1);
border-color: transparent;
}
.btn-soft-indigo:hover, .btn-soft-indigo:focus, .btn-soft-indigo:active, .btn-soft-indigo.active {
color: #fff;
background-color: #2d1582;
box-shadow: 0 4px 11px rgba(45, 21, 130, 0.1);
}
.btn-soft-indigo.disabled, .btn-soft-indigo:disabled {
color: #2d1582;
background-color: rgba(45, 21, 130, 0.1);
box-shadow: none;
}
.btn-soft-indigo:not(:disabled):not(.disabled):active, .btn-soft-indigo:not(:disabled):not(.disabled).active,
.show > .btn-soft-indigo.dropdown-toggle {
color: #fff;
background-color: #2d1582;
}
/* white soft */
.btn-soft-white {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
}
.btn-soft-white:hover, .btn-soft-white:focus, .btn-soft-white:active, .btn-soft-white.active {
color: #19272e;
background-color: #fff;
box-shadow: 0 4px 11px rgba(255, 255, 255, 0.1);
}
.btn-soft-white.disabled, .btn-soft-white:disabled {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
box-shadow: none;
}
.btn-soft-white:not(:disabled):not(.disabled):active, .btn-soft-white:not(:disabled):not(.disabled).active,
.show > .btn-soft-white.dropdown-toggle {
color: #19272e;
background-color: #fff;
}
/* navy soft */
.btn-soft-navy {
color: #21325b;
background-color: rgba(33, 50, 91, 0.1);
border-color: transparent;
}
.btn-soft-navy:hover, .btn-soft-navy:focus, .btn-soft-navy:active, .btn-soft-navy.active {
color: #fff;
background-color: #21325b;
box-shadow: 0 4px 11px rgba(33, 50, 91, 0.1);
}
.btn-soft-navy.disabled, .btn-soft-navy:disabled {
color: #21325b;
background-color: rgba(33, 50, 91, 0.1);
box-shadow: none;
}
.btn-soft-navy:not(:disabled):not(.disabled):active, .btn-soft-navy:not(:disabled):not(.disabled).active,
.show > .btn-soft-navy.dropdown-toggle {
color: #fff;
background-color: #21325b;
}
/*------------------------------------
Outline Button Styles
------------------------------------*/
.btn-outline-secondary {
border-color: #d0d0d2;
}
.btn-outline-dark-primary {
border: 2px solid #2a2d36;
color: #fff;
background-color: #131722;
}
.btn-outline-dark-primary:hover {
background-color: #e42522;
border-color: #e42522;
color: #fff;
}
.btn-outline-white {
color: #fff;
border: 2px solid #fff;
}
.btn-outline-white:hover {
color: #19272e;
background-color: #fff;
}
.btn-outline-1 {
background-color: #fff;
color: #717376;
border: 2px solid #e8e8e8;
}
.btn-outline-1:hover {
color: #fff;
background-color: #e42522;
border: 2px solid #e42522;
}
/*------------------------------------
Button Sizes
------------------------------------*/
/* Wide */
.btn-wide {
min-width: 9.37rem;
}
/* Extra Small */
.btn-xs {
font-size: 0.81988rem;
font-weight: 400;
padding: 0.25768rem 0.70275rem;
}
/* Icons */
.btn-icon.btn-xs {
font-size: 0.81988rem;
width: 1.63975rem;
height: 1.63975rem;
}
.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
font-size: 0.76131rem;
width: 2.51819rem;
height: 2.51819rem;
}
.btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn {
font-size: 1.1244rem;
width: 3.98225rem;
height: 3.98225rem;
}
/*------------------------------------
Ghost Buttons Styles
------------------------------------*/
/* primary ghost button */
.btn-ghost-primary {
color: #e42522;
background-color: transparent;
}
.btn-ghost-primary:hover, .btn-ghost-primary:focus, .btn-ghost-primary:active, .btn-ghost-primary.active {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
}
/* secondary ghost button */
.btn-ghost-secondary {
color: #495057;
background-color: transparent;
}
.btn-ghost-secondary:hover, .btn-ghost-secondary:focus, .btn-ghost-secondary:active, .btn-ghost-secondary.active {
color: #495057;
background-color: rgba(36, 186, 239, 0.1);
}
/* success ghost button */
.btn-ghost-success {
color: #00c9a7;
background-color: transparent;
}
.btn-ghost-success:hover, .btn-ghost-success:focus, .btn-ghost-success:active, .btn-ghost-success.active {
color: #00c9a7;
background-color: rgba(0, 201, 167, 0.1);
}
/* info ghost button */
.btn-ghost-info {
color: #e42522;
background-color: transparent;
}
.btn-ghost-info:hover, .btn-ghost-info:focus, .btn-ghost-info:active, .btn-ghost-info.active {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
}
/* warning ghost button */
.btn-ghost-warning {
color: #f5ca99;
background-color: transparent;
}
.btn-ghost-warning:hover, .btn-ghost-warning:focus, .btn-ghost-warning:active, .btn-ghost-warning.active {
color: #f5ca99;
background-color: rgba(245, 202, 153, 0.1);
}
/* danger ghost button */
.btn-ghost-danger {
color: #de4437;
background-color: transparent;
}
.btn-ghost-danger:hover, .btn-ghost-danger:focus, .btn-ghost-danger:active, .btn-ghost-danger.active {
color: #de4437;
background-color: rgba(222, 68, 55, 0.1);
}
/* light ghost button */
.btn-ghost-light {
color: #f7faff;
background-color: transparent;
}
.btn-ghost-light:hover, .btn-ghost-light:focus, .btn-ghost-light:active, .btn-ghost-light.active {
color: #f7faff;
background-color: rgba(247, 250, 255, 0.1);
}
/* dark ghost button */
.btn-ghost-dark {
color: #19272e;
background-color: transparent;
}
.btn-ghost-dark:hover, .btn-ghost-dark:focus, .btn-ghost-dark:active, .btn-ghost-dark.active {
color: #19272e;
background-color: rgba(25, 39, 46, 0.1);
}
/* indigo ghost button */
.btn-ghost-indigo {
color: #2d1582;
background-color: transparent;
}
.btn-ghost-indigo:hover, .btn-ghost-indigo:focus, .btn-ghost-indigo:active, .btn-ghost-indigo.active {
color: #2d1582;
background-color: rgba(45, 21, 130, 0.1);
}
/* white ghost button */
.btn-ghost-white {
color: #fff;
background-color: transparent;
}
.btn-ghost-white:hover, .btn-ghost-white:focus, .btn-ghost-white:active, .btn-ghost-white.active {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
/* navy ghost button */
.btn-ghost-navy {
color: #21325b;
background-color: transparent;
}
.btn-ghost-navy:hover, .btn-ghost-navy:focus, .btn-ghost-navy:active, .btn-ghost-navy.active {
color: #21325b;
background-color: rgba(33, 50, 91, 0.1);
}
.btn-ghost-secondary:hover, .btn-ghost-secondary:focus, .btn-ghost-secondary:active {
color: #e42522;
}
/*------------------------------------
Button Groups
------------------------------------*/
.btn-group-segment {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
background-color: #f8fafd;
border-radius: 0.3125rem;
padding: 0.25rem 0.25rem;
}
.btn-group-segment .btn {
color: #121a21;
}
.btn-group-segment .btn:not(:last-child) {
margin-right: 0.25rem;
}
.btn-group-segment .btn:hover {
color: #e42522;
}
.btn-group-segment .btn.active {
color: #19272e;
background-color: #fff;
box-shadow: 0px 3px 6px 0px rgba(140, 152, 164, 0.25);
}
.btn-group-segment .btn:not(:disabled):not(.disabled):active, .btn-group-segment .btn:not(:disabled):not(.disabled).active {
box-shadow: 0px 3px 6px 0px rgba(140, 152, 164, 0.25);
}
.btn-group-segment > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-segment > .btn-group:not(:last-child) > .btn,
.btn-group-segment > .btn:not(:first-child),
.btn-group-segment > .btn-group:not(:first-child) > .btn {
border-radius: 0.3125rem;
}
.btn-group-segment.btn-group-pills {
border-radius: 6.1875rem;
}
.btn-group-segment.btn-group-pills > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-segment.btn-group-pills > .btn-group:not(:last-child) > .btn,
.btn-group-segment.btn-group-pills > .btn:not(:first-child),
.btn-group-segment.btn-group-pills > .btn-group:not(:first-child) > .btn {
border-radius: 6.1875rem;
}
/*------------------------------------
Button Status
------------------------------------*/
.btn-status {
position: absolute;
top: -0.40994rem;
right: -0.40994rem;
display: inline-block;
white-space: nowrap;
text-align: center;
vertical-align: baseline;
width: 1.22981rem;
height: 1.22981rem;
line-height: 1;
font-size: 0.58563rem;
border-radius: 50%;
}
.btn-status-initials {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
}
/*------------------------------------
Buttons
------------------------------------*/
.btn svg {
margin-bottom: 0;
}
label.btn {
cursor: pointer !important;
}
.btn-pill {
border-radius: 6.1875rem;
}
.btn-link {
font-weight: 700;
}
.btn-icon {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.937rem;
font-weight: 400;
width: 2.92813rem;
height: 2.92813rem;
padding: 0;
}
/* Toggle */
.btn-toggle-default {
display: inline-block;
}
.btn-toggle-toggled {
display: none;
}
.btn.toggled .btn-toggle-default {
display: none;
}
.btn.toggled .btn-toggle-toggled {
display: inline-block;
}
.btn-gray-1 {
color: #fff;
background-color: #303544;
border: 1px solid #303544;
}
.btn-gray-1:hover {
color: #fff;
background-color: #e42522;
border: 1px solid #e42522;
}
.btn-custom-primary {
color: #fff;
background-color: #e42522;
}
.btn-custom-primary:hover {
color: #19272e;
background-color: #fff;
}
/*------------------------------------
Brand
------------------------------------*/
.brand {
width: 100%;
max-width: 7.5rem;
}
/*------------------------------------
Breadcrumb
------------------------------------*/
.breadcrumb-no-gutter {
padding: 0;
}
.breadcrumb-item a {
color: #949cb0;
}
.breadcrumb-item a:hover {
color: #e42522;
}
.breadcrumb.dark .breadcrumb-item + .breadcrumb-item::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4px' height='7px'%3E%3Cpath fill-rule='evenodd' d='M3.978,3.702 C3.986,3.785 3.966,3.868 3.903,3.934 L1.038,6.901 C0.920,7.022 0.724,7.029 0.598,6.916 L0.143,6.506 C0.017,6.393 0.010,6.203 0.127,6.082 L2.190,3.945 C2.276,3.829 2.355,3.690 2.355,3.548 C2.355,3.214 1.947,2.884 1.947,2.884 L1.963,2.877 L0.080,0.905 C-0.037,0.783 -0.029,0.593 0.095,0.479 L0.547,0.068 C0.671,-0.045 0.866,-0.039 0.983,0.083 L3.823,3.056 C3.866,3.102 3.875,3.161 3.885,3.218 C3.945,3.267 3.988,3.333 3.988,3.415 L3.988,3.681 C3.988,3.689 3.979,3.694 3.978,3.702 Z' style=' fill: %23949cb0;%0A'%3E%3C/path%3E%3C/svg%3E");
}
.breadcrumb.dark .breadcrumb-item.active {
color: #fff;
}
/*------------------------------------
Card
------------------------------------*/
.card-2-count {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.card-3-count {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.card-4-count {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.card-1-gap {
-webkit-column-gap: 0.5rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.card-2-gap {
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.card-3-gap {
-webkit-column-gap: 3rem;
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.card-4-gap {
-webkit-column-gap: 4rem;
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.card-5-gap {
-webkit-column-gap: 5rem;
-moz-column-gap: 5rem;
column-gap: 5rem;
}
.card-columns {
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
@media (min-width: 576px) {
.card-sm-2-count {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.card-sm-3-count {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.card-sm-4-count {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.card-sm-1-gap {
-webkit-column-gap: 0.5rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.card-sm-2-gap {
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.card-sm-3-gap {
-webkit-column-gap: 3rem;
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.card-sm-4-gap {
-webkit-column-gap: 4rem;
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.card-sm-5-gap {
-webkit-column-gap: 5rem;
-moz-column-gap: 5rem;
column-gap: 5rem;
}
.card-sm-columns {
orphans: 1;
widows: 1;
}
.card-sm-columns .card {
display: inline-block;
width: 100%;
}
}
@media (min-width: 768px) {
.card-md-2-count {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.card-md-3-count {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.card-md-4-count {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.card-md-1-gap {
-webkit-column-gap: 0.5rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.card-md-2-gap {
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.card-md-3-gap {
-webkit-column-gap: 3rem;
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.card-md-4-gap {
-webkit-column-gap: 4rem;
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.card-md-5-gap {
-webkit-column-gap: 5rem;
-moz-column-gap: 5rem;
column-gap: 5rem;
}
.card-md-columns {
orphans: 1;
widows: 1;
}
.card-md-columns .card {
display: inline-block;
width: 100%;
}
}
@media (min-width: 992px) {
.card-lg-2-count {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.card-lg-3-count {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.card-lg-4-count {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.card-lg-1-gap {
-webkit-column-gap: 0.5rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.card-lg-2-gap {
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.card-lg-3-gap {
-webkit-column-gap: 3rem;
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.card-lg-4-gap {
-webkit-column-gap: 4rem;
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.card-lg-5-gap {
-webkit-column-gap: 5rem;
-moz-column-gap: 5rem;
column-gap: 5rem;
}
.card-lg-columns {
orphans: 1;
widows: 1;
}
.card-lg-columns .card {
display: inline-block;
width: 100%;
}
}
@media (min-width: 1200px) {
.card-xl-2-count {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.card-xl-3-count {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.card-xl-4-count {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.card-xl-1-gap {
-webkit-column-gap: 0.5rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.card-xl-2-gap {
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.card-xl-3-gap {
-webkit-column-gap: 3rem;
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.card-xl-4-gap {
-webkit-column-gap: 4rem;
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.card-xl-5-gap {
-webkit-column-gap: 5rem;
-moz-column-gap: 5rem;
column-gap: 5rem;
}
.card-xl-columns {
orphans: 1;
widows: 1;
}
.card-xl-columns .card {
display: inline-block;
width: 100%;
}
}
@media (min-width: 1480px) {
.card-wd-2-count {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.card-wd-3-count {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.card-wd-4-count {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.card-wd-1-gap {
-webkit-column-gap: 0.5rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.card-wd-2-gap {
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.card-wd-3-gap {
-webkit-column-gap: 3rem;
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.card-wd-4-gap {
-webkit-column-gap: 4rem;
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.card-wd-5-gap {
-webkit-column-gap: 5rem;
-moz-column-gap: 5rem;
column-gap: 5rem;
}
.card-wd-columns {
orphans: 1;
widows: 1;
}
.card-wd-columns .card {
display: inline-block;
width: 100%;
}
}
.card {
border-width: 0;
box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1);
}
@media (min-width: 576px) {
.card-group > .card + .card {
border-left: 0.0625rem solid #d0d0d2;
}
}
/* Background Color */
.card-bg-light {
background-color: #f8fafd;
}
.card-bg-light:hover {
background-color: #f4f7fc;
}
/* Frame */
.card-frame {
border: 0.0625rem solid #d0d0d2;
box-shadow: none;
transition: 0.3s;
}
.card-frame-highlighted, .card-frame:hover {
border-color: rgba(36, 186, 239, 0.7);
}
/* Shadow On Hover */
.card-hover-shadow {
box-shadow: none;
}
.card-hover-shadow:hover {
box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1);
}
/* Collapse */
.card-collapse {
padding: 0;
transition: 0.3s ease-in-out;
}
.card-collapse:hover {
background-color: #f8fafd;
}
.card-collapse .card-body {
color: #121a21;
}
.card-collapse.v1:hover {
background-color: transparent;
}
.card-btn {
color: #19272e;
text-align: left;
white-space: inherit;
}
.card-btn-toggle {
display: inline-block;
color: #e42522;
}
.card-btn-toggle-default {
display: none;
}
.card-btn-toggle-active {
display: block;
}
.card-btn.collapsed .card-btn-toggle-default {
display: block;
}
.card-btn.collapsed .card-btn-toggle-active {
display: none;
}
/* IE image rendering fix */
.card-img-top,
.card-img-bottom {
min-height: 1px;
}
.landing-faq .card-collapse:hover {
background-color: transparent;
}
.landing-faq .card-header {
border-width: 0;
}
.landing-faq .card-btn[aria-expanded="true"],
.landing-faq .cart-btn:not(.collapsed),
.landing-faq .cart-btn:active {
border-bottom-width: 0;
}
.landing-faq .collapse.show,
.landing-faq .collapsing,
.landing-faq .card-btn {
border-bottom: 1px solid #2c3346;
}
.landing-faq .card:last-child .card-btn,
.landing-faq .card:last-child .collapse.show {
border-bottom-width: 0;
}
/*------------------------------------
Card Gutters
------------------------------------*/
@media (min-width: 576px) {
.card-sm-gutters-1 {
margin-right: -.25rem;
margin-left: -.25rem;
}
.card-sm-gutters-1 .card {
margin-right: .25rem;
margin-left: .25rem;
}
.card-sm-gutters-2 {
margin-right: -.5rem;
margin-left: -.5rem;
}
.card-sm-gutters-2 .card {
margin-right: .5rem;
margin-left: .5rem;
}
.card-sm-gutters-3 {
margin-right: -.9375rem;
margin-left: -.9375rem;
}
.card-sm-gutters-3 .card {
margin-right: .9375rem;
margin-left: .9375rem;
}
}
@media (min-width: 768px) {
.card-md-gutters-1 {
margin-right: -.25rem;
margin-left: -.25rem;
}
.card-md-gutters-1 .card {
margin-right: .25rem;
margin-left: .25rem;
}
.card-md-gutters-2 {
margin-right: -.5rem;
margin-left: -.5rem;
}
.card-md-gutters-2 .card {
margin-right: .5rem;
margin-left: .5rem;
}
.card-md-gutters-3 {
margin-right: -.9375rem;
margin-left: -.9375rem;
}
.card-md-gutters-3 .card {
margin-right: .9375rem;
margin-left: .9375rem;
}
}
@media (min-width: 992px) {
.card-lg-gutters-1 {
margin-right: -.25rem;
margin-left: -.25rem;
}
.card-lg-gutters-1 .card {
margin-right: .25rem;
margin-left: .25rem;
}
.card-lg-gutters-2 {
margin-right: -.5rem;
margin-left: -.5rem;
}
.card-lg-gutters-2 .card {
margin-right: .5rem;
margin-left: .5rem;
}
.card-lg-gutters-3 {
margin-right: -.9375rem;
margin-left: -.9375rem;
}
.card-lg-gutters-3 .card {
margin-right: .9375rem;
margin-left: .9375rem;
}
}
/*------------------------------------
Card Group - Break
------------------------------------*/
@media (max-width: 767.98px) {
.card-group-sm-break {
display: block;
}
.card-group-sm-break > .card:not(:last-child) {
margin-bottom: -1px;
}
.card-group-sm-break > .card + .card {
border-left: 0.0625rem solid #d0d0d2;
}
.card-group-sm-break > .card:first-child {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.card-group-sm-break > .card:first-child .card-img-top,
.card-group-sm-break > .card:first-child .card-header {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
}
.card-group-sm-break > .card:first-child .card-img-bottom,
.card-group-sm-break > .card:first-child .card-footer {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.card-group-sm-break > .card:last-child {
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.card-group-sm-break > .card:last-child .card-img-top,
.card-group-sm-break > .card:last-child .card-header {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.card-group-sm-break > .card:last-child .card-img-bottom,
.card-group-sm-break > .card:last-child .card-footer {
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
}
}
@media (max-width: 991.98px) {
.card-group-md-break {
display: block;
}
.card-group-md-break > .card:not(:last-child) {
margin-bottom: -1px;
}
.card-group-md-break > .card + .card {
border-left: 0.0625rem solid #d0d0d2;
}
.card-group-md-break > .card:first-child {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.card-group-md-break > .card:first-child .card-img-top,
.card-group-md-break > .card:first-child .card-header {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
}
.card-group-md-break > .card:first-child .card-img-bottom,
.card-group-md-break > .card:first-child .card-footer {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.card-group-md-break > .card:last-child {
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.card-group-md-break > .card:last-child .card-img-top,
.card-group-md-break > .card:last-child .card-header {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.card-group-md-break > .card:last-child .card-img-bottom,
.card-group-md-break > .card:last-child .card-footer {
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
}
}
@media (max-width: 1199.98px) {
.card-group-lg-break {
display: block;
}
.card-group-lg-break > .card:not(:last-child) {
margin-bottom: -1px;
}
.card-group-lg-break > .card + .card {
border-left: 0.0625rem solid #d0d0d2;
}
.card-group-lg-break > .card:first-child {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.card-group-lg-break > .card:first-child .card-img-top,
.card-group-lg-break > .card:first-child .card-header {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
}
.card-group-lg-break > .card:first-child .card-img-bottom,
.card-group-lg-break > .card:first-child .card-footer {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.card-group-lg-break > .card:last-child {
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.card-group-lg-break > .card:last-child .card-img-top,
.card-group-lg-break > .card:last-child .card-header {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.card-group-lg-break > .card:last-child .card-img-bottom,
.card-group-lg-break > .card:last-child .card-footer {
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
}
}
/*------------------------------------
Sidebar Navigation
------------------------------------*/
.sidebar {
position: fixed;
top: 0;
right: 0;
z-index: 1003;
width: 19rem;
height: 100%;
background-color: #fff;
box-shadow: -5px 0px 12px rgba(18, 26, 33, 0.1);
}
@media (min-width: 400px) {
.sidebar {
width: 23.4375rem;
}
}
.sidebar-body, .sidebar-content {
height: 100%;
}
.sidebar-left {
right: auto;
left: 0;
box-shadow: 5px 0px 12px rgba(18, 26, 33, 0.1);
}
.sidebar-scroller {
height: 100%;
overflow: hidden;
overflow-y: auto;
}
.sidebar-container {
position: relative;
height: 100%;
min-height: 100%;
}
.sidebar-footer {
width: 100%;
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.sidebar-footer-offset {
height: 100%;
box-sizing: border-box;
}
/*------------------------------------
Clients
------------------------------------*/
.clients {
width: 100%;
max-width: 6rem;
height: auto;
margin-left: auto;
margin-right: auto;
}
/*------------------------------------
Column Divider
------------------------------------*/
.column-divider {
position: relative;
}
.column-divider::before {
position: absolute;
top: 0;
left: 0;
height: 100%;
border-left: 0.0625rem solid #d0d0d2;
content: "";
}
@media (min-width: 576px) {
.column-divider-sm {
position: relative;
}
.column-divider-sm::before {
position: absolute;
top: 0;
left: 0;
height: 100%;
border-left: 0.0625rem solid #d0d0d2;
content: "";
}
}
@media (min-width: 768px) {
.column-divider-md {
position: relative;
}
.column-divider-md::before {
position: absolute;
top: 0;
left: 0;
height: 100%;
border-left: 0.0625rem solid #d0d0d2;
content: "";
}
}
@media (min-width: 992px) {
.column-divider-lg {
position: relative;
}
.column-divider-lg::before {
position: absolute;
top: 0;
left: 0;
height: 100%;
border-left: 0.0625rem solid #d0d0d2;
content: "";
}
}
@media (min-width: 1200px) {
.column-divider-xl {
position: relative;
}
.column-divider-xl::before {
position: absolute;
top: 0;
left: 0;
height: 100%;
border-left: 0.0625rem solid #d0d0d2;
content: "";
}
}
@media (min-width: 1480px) {
.column-divider-wd {
position: relative;
}
.column-divider-wd::before {
position: absolute;
top: 0;
left: 0;
height: 100%;
border-left: 0.0625rem solid #d0d0d2;
content: "";
}
}
.column-divider-20deg::before {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
left: -1rem;
}
/*------------------------------------
Divider
------------------------------------*/
.divider {
position: relative;
display: inline-block;
font-size: 0.937rem;
}
.divider::before, .divider::after {
position: absolute;
top: 50%;
content: "";
}
.divider::before {
right: 100%;
background-image: linear-gradient(45deg, transparent, #bdc5d1);
background-repeat: repeat-x;
}
.divider::after {
left: 100%;
background-image: linear-gradient(45deg, #bdc5d1, transparent);
background-repeat: repeat-x;
}
/*------------------------------------
Divider Sizes
------------------------------------*/
.divider::before, .divider::after {
width: 10rem;
height: 0.0625rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.divider::before {
margin-right: 0.625rem;
}
.divider::after {
margin-left: 0.625rem;
}
@media (max-width: 767.98px) {
.divider::before, .divider::after {
width: 4rem;
}
}
.divider-xs {
font-size: 0.81988rem;
}
.divider-xs::before, .divider-xs::after {
width: 2.5rem;
height: 0.0625rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/*------------------------------------
Divider Styles
------------------------------------*/
/* Text */
.divider-text {
color: #8c98a4;
}
/*------------------------------------
Dropdown
------------------------------------*/
/* Menu */
.dropdown-menu {
box-shadow: 0px 10px 40px 10px rgba(140, 152, 164, 0.175);
}
/* Nav Link */
.dropdown-nav-link {
color: #121a21;
font-size: 0.87516rem;
}
.dropdown-nav-link:hover {
color: #19272e;
}
/* Item */
.dropdown-item {
font-size: 0.87516rem;
}
.dropdown-item:hover {
color: #e42522;
}
.dropdown-item.active {
color: #e42522;
}
.dropdown-item-icon {
display: inline-block;
text-align: center;
font-size: 0.81988rem;
min-width: 0.937rem;
max-width: 0.937rem;
margin-right: 0.25rem;
}
/* Toggle */
.dropdown-toggle::after {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-size: 80%;
font-weight: 900;
content: "";
margin-left: 0.5rem;
}
.dropdown-toggle-collapse::after {
transition: 0.3s;
}
.dropdown-toggle-collapse[aria-expanded="true"]::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
/* Dropdown Positions */
.dropdown-menu-top {
top: 0;
}
.dropdown-menu-bottom {
top: auto;
bottom: 0;
}
@media (min-width: 576px) {
.dropdown-menu-sm-top {
top: 0;
}
.dropdown-menu-sm-bottom {
top: auto;
bottom: 0;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-top {
top: 0;
}
.dropdown-menu-md-bottom {
top: auto;
bottom: 0;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-top {
top: 0;
}
.dropdown-menu-lg-bottom {
top: auto;
bottom: 0;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-top {
top: 0;
}
.dropdown-menu-xl-bottom {
top: auto;
bottom: 0;
}
}
@media (min-width: 1480px) {
.dropdown-menu-wd-top {
top: 0;
}
.dropdown-menu-wd-bottom {
top: auto;
bottom: 0;
}
}
.my-account-dropdown {
margin-top: .3rem;
min-width: 10rem;
left: auto;
right: 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25) !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0;
border-left: 0 !important;
}
.my-account-dropdown .dropdown-item {
color: #212529;
}
.my-account-dropdown .dropdown-item:hover {
color: #16181b;
background-color: #f8f9fa;
}
.my-account-dropdown::after, .my-account-dropdown::before {
content: "";
position: absolute;
}
.my-account-dropdown::before {
border-bottom: 10px solid #657786;
border-bottom-color: rgba(0, 0, 0, 0.1);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
top: -10px;
right: 10px;
}
.my-account-dropdown::after {
top: -9px;
right: 11px;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #fff;
}
/*------------------------------------
Select2
------------------------------------*/
.select2-custom {
position: relative;
}
.select2-custom .select2-custom-hide {
display: none;
}
.select2-custom .select2-container--open {
right: 0 !important;
left: auto !important;
}
.select2-dropdown {
border-color: #e7eaf3;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-radius: 0.3125rem;
}
.select2-container .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .form-control.select2-selection--multiple .select2-selection__choice {
margin-top: 0.75rem;
}
.select2-container--default .form-control.select2-selection--multiple .select2-search--inline {
margin-top: 0.25rem;
}
.select2-container--default .form-control-lg.select2-selection--multiple .select2-selection__choice {
margin-top: 0.6125rem;
}
.select2-container--open .select2-dropdown--below {
border-radius: 0.3125rem;
border-top: 0.0625rem solid #e7eaf3;
margin-top: 0.5rem;
}
.select2-container--default .select2-selection--multiple {
border-color: #e7eaf3;
padding: 0 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e7eaf3;
border-color: transparent;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #71869d;
}
.select2-selection--multiple .select2-selection__placeholder {
position: absolute;
top: 50%;
left: 0;
padding-left: 0.75rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #e7eaf3;
background-color: #f7faff;
padding: 0.625rem 1.125rem;
border-radius: 0.3125rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field::-webkit-input-placeholder {
color: #97a4af;
}
.select2-container--default .select2-search--dropdown .select2-search__field::-moz-placeholder {
color: #97a4af;
}
.select2-container--default .select2-search--dropdown .select2-search__field:-ms-input-placeholder {
color: #97a4af;
}
.select2-container--default .select2-search--dropdown .select2-search__field::-ms-input-placeholder {
color: #97a4af;
}
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
color: #97a4af;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
border-color: rgba(55, 125, 255, 0.4);
box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
}
.select2-container--default .select2-results__option {
padding: 0.5rem 3rem 0.5rem 0.5rem;
}
.select2-container--default .select2-results__option[aria-selected=true] {
color: #1e2022;
background-color: rgba(189, 197, 209, 0.3);
}
.select2-container--default .select2-results__option:first-child, .select2-container--default .select2-results__option:first-child:hover {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
}
.select2-container--default .select2-results__option:last-child, .select2-container--default .select2-results__option:last-child:hover {
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
}
.select2-container--default .select2-results__option {
position: relative;
}
.select2-container--default .select2-results__option[aria-selected=true]::after {
position: absolute;
top: 50%;
right: 0.5rem;
width: 1rem;
height: 1rem;
background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 110 110' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M98.1,16.2c-2.5-2.3-6.4-2.2-8.7,0.2L36.7,70.1l-13-15.5c-2.9-3.5-7.9-4.1-11.1-1.4c-2.9,2.4-3.5,6.6-1.4,10.1l16.5,28c3.2,5.4,10.8,5.8,14.5,0.8l56.5-67.3C100.7,22.1,100.4,18.5,98.1,16.2z'/%3E%3C/svg%3E%0A") no-repeat right center/1rem 1rem;
content: "";
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:not([aria-selected=true]) {
color: #1e2022;
background-color: rgba(189, 197, 209, 0.3);
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: rgba(55, 125, 255, 0.4);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #e7eaf3;
}
.select2-selection__placeholder {
color: #97a4af;
}
.show-more-arrow[aria-expanded="true"] i::before {
content: "\f077";
}
/*------------------------------------
Dropdown Card
------------------------------------*/
.dropdown-card {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.dropdown-card {
min-width: 25rem;
}
}
/*------------------------------------
Dropdown Sizes
------------------------------------*/
@media (min-width: 576px) {
.dropdown-menu-size-md {
width: 440px;
}
.dropdown-menu-size-lg {
width: 340px;
}
}
@media (min-width: 768px) {
.dropdown-menu-size-lg {
width: 440px;
}
}
@media (min-width: 992px) {
.dropdown-menu-size-lg {
width: 740px;
}
}
/*------------------------------------
Form
------------------------------------*/
.input-group .input-group-prepend,
.input-group .input-group-append {
z-index: 4;
}
.custom-select:focus,
.form-control:focus {
box-shadow: 0 0 10px rgba(36, 186, 239, 0.1);
}
.input-group-text {
border-color: #d0d0d2;
}
/* Input Label */
.input-label {
display: block;
color: #19272e;
font-size: 0.87516rem;
}
/* Form Borderless */
.input-group-borderless .form-control,
.input-group-borderless .input-group-text {
border: none;
}
.input-group-borderless .form-control:focus,
.input-group-borderless .input-group-text:focus {
box-shadow: none;
}
.search-form-control {
height: 2.375rem;
}
@media (min-width: 1480px) {
.search-form-control {
min-width: 15.625rem !important;
}
}
.search-form-control:focus {
box-shadow: 0 0 0 1px #e42522;
border-color: #e42522;
}
.vodi-select + .select2 .custom-select {
font-family: "Open Sans", sans-serif;
background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right 0.5rem center/1rem 1rem;
padding: 0.70275rem 5.937rem 0.70275rem 2.6rem;
border-color: transparent;
}
.vodi-select + .select2 .custom-select:focus {
box-shadow: none;
border-color: #e42522;
}
.dropdown-toggle.remove::after {
display: none;
}
/*------------------------------------
Merge
------------------------------------*/
.input-group-merge {
position: relative;
}
.input-group-merge .input-group-prepend,
.input-group-merge .input-group-append {
position: absolute;
top: 0;
bottom: 0;
}
.input-group-merge .input-group-prepend {
left: 0;
}
.input-group-merge .input-group-prepend .input-group-text {
padding: 0 0 0 0.937rem;
}
.input-group-merge .input-group-prepend .input-group-text:first-child {
border-top-left-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-merge .input-group-append {
right: 0;
}
.input-group-merge .input-group-append .input-group-text {
padding: 0 0.937rem 0 0;
}
.input-group-merge .input-group-append .input-group-text:last-child {
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-merge .input-group-text {
z-index: 4;
border: none;
}
.input-group-merge .custom-select:not(:first-child),
.input-group-merge .form-control:not(:first-child) {
padding-left: 2.811rem;
border-top-left-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
}
.input-group-merge .custom-select:not(:last-child),
.input-group-merge .form-control:not(:last-child) {
padding-right: 2.811rem;
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
}
/*------------------------------------
Form Pill
------------------------------------*/
.input-group-pill {
border-radius: 6.1875rem;
}
.input-group-pill > .form-control:first-child {
border-top-left-radius: 6.1875rem;
border-bottom-left-radius: 6.1875rem;
}
.input-group-pill > .form-control:last-child {
border-top-right-radius: 6.1875rem;
border-bottom-right-radius: 6.1875rem;
}
.input-group-pill > .input-group-prepend > .btn {
border-top-left-radius: 6.1875rem;
border-bottom-left-radius: 6.1875rem;
}
.input-group-pill > .input-group-append > .btn {
border-top-right-radius: 6.1875rem;
border-bottom-right-radius: 6.1875rem;
}
.input-group-pill.input-group-merge .form-control:not(:last-child) {
border-top-right-radius: 6.1875rem;
border-bottom-right-radius: 6.1875rem;
}
.input-group-pill.input-group-merge .input-group-prepend > .input-group-text,
.input-group-pill.input-group-merge .input-group-prepend > .btn {
border-top-left-radius: 6.1875rem;
border-bottom-left-radius: 6.1875rem;
}
.input-group-pill.input-group-merge .form-control:not(:first-child) {
border-top-left-radius: 6.1875rem;
border-bottom-left-radius: 6.1875rem;
}
.input-group-pill.input-group-merge .input-group-append > .input-group-text,
.input-group-pill.input-group-merge .input-group-append > .btn {
border-top-right-radius: 6.1875rem;
border-bottom-right-radius: 6.1875rem;
}
/*------------------------------------
Form Sizes
------------------------------------*/
.input-group-sm.input-group-merge .custom-select:not(:first-child),
.input-group-sm.input-group-merge .form-control:not(:first-child) {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.input-group-sm.input-group-merge .custom-select:not(:last-child),
.input-group-sm.input-group-merge .form-control:not(:last-child) {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.input-group-sm.input-group-merge .input-group-prepend .input-group-text:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.input-group-sm.input-group-merge .input-group-append .input-group-text:last-child {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.input-group-lg.input-group-merge .custom-select:not(:first-child),
.input-group-lg.input-group-merge .form-control:not(:first-child) {
padding-left: 2.811rem;
border-top-left-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
}
.input-group-lg.input-group-merge .custom-select:not(:last-child),
.input-group-lg.input-group-merge .form-control:not(:last-child) {
padding-right: 2.811rem;
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
}
.input-group-lg.input-group-merge .input-group-prepend .input-group-text:first-child {
border-top-left-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
}
.input-group-lg.input-group-merge .input-group-append .input-group-text:last-child {
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
}
/*------------------------------------
Flush
------------------------------------*/
.input-group-flush .form-control {
background-color: transparent;
border-top: none;
border-right: none;
border-left: none;
box-shadow: none;
padding-right: 0;
padding-left: 0;
border-radius: 0;
}
.input-group-flush .form-control.is-valid, .input-group-flush .form-control.is-valid:focus, .input-group-flush .form-control.is-invalid, .input-group-flush .form-control.is-invalid:focus {
box-shadow: none;
}
.input-group-flush.input-group-merge .input-group-append .input-group-text,
.input-group-flush.input-group-merge .input-group-prepend .input-group-text {
padding: 0;
}
.input-group-flush.input-group-merge .custom-select:not(:first-child),
.input-group-flush.input-group-merge .form-control:not(:first-child) {
padding-left: 1.874rem;
}
.input-group-flush.input-group-merge .custom-select:not(:last-child),
.input-group-flush.input-group-merge .form-control:not(:last-child) {
padding-right: 1.874rem;
}
.input-group-flush.input-group .form-control:not(:first-child),
.input-group-flush.input-group .form-control:not(:last-child),
.input-group-flush.input-group .input-group-append .input-group-text:first-child,
.input-group-flush.input-group .input-group-append .input-group-text:last-child {
border-radius: 0;
}
/*------------------------------------
States
------------------------------------*/
.form-control.is-valid {
background-size: 1rem 1rem;
}
.form-control.is-valid, .form-control.is-valid:focus {
box-shadow: 0 0 10px rgba(0, 201, 167, 0.1);
}
.form-control.is-invalid {
background-size: 1rem 1rem;
}
.form-control.is-invalid, .form-control.is-invalid:focus {
box-shadow: 0 0 10px rgba(222, 68, 55, 0.1);
}
/*------------------------------------
Bookmark Checkbox
------------------------------------*/
.bookmark-checkbox {
position: relative;
display: block;
line-height: 0;
}
.bookmark-checkbox-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.bookmark-checkbox-label {
position: relative;
width: 1.63975rem;
height: 1.63975rem;
font-size: 0.81988rem;
color: #121a21;
border-radius: 50%;
cursor: pointer;
margin-bottom: 0;
transition: 0.3s;
}
.bookmark-checkbox-label::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "";
font-family: "Font Awesome 5 Free";
}
.bookmark-checkbox-input:checked ~ .bookmark-checkbox-label {
color: #fff;
background-color: #e42522;
box-shadow: 0 3px 6px 0 rgba(36, 186, 239, 0.25);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/*------------------------------------
Checkbox Outline
------------------------------------*/
.checkbox-outline {
padding-left: 0;
margin-right: 0;
}
.checkbox-outline-label {
border: 0.0625rem solid #d0d0d2;
cursor: pointer;
}
.checkbox-outline-input:checked ~ .checkbox-outline-label {
border-color: #e42522;
}
/*------------------------------------
Checkbox Icon
------------------------------------*/
.checkbox-icon-label::after {
position: absolute;
top: 0.75rem;
right: 0.75rem;
display: none;
color: #e42522;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: normal;
content: "";
}
.checkbox-icon-input:checked ~ .checkbox-icon-label::after {
display: block;
border-color: #e42522;
}
/*------------------------------------
Custom Checkbox
------------------------------------*/
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
border-color: rgba(36, 186, 239, 0);
}
.custom-checkbox .custom-control-label::before {
border-radius: 0;
border: 2px solid #97a4af;
}
.custom-checkbox .custom-control-label-custom::before, .custom-checkbox .custom-control-label-custom::after {
background-color: #1c212e;
border: 2px solid;
}
.custom-checkbox .custom-control-label_custom::before, .custom-checkbox .custom-control-label_custom::after {
right: -1.5rem;
left: unset;
}
/*------------------------------------
Toggle Switch
------------------------------------*/
.toggle-switch {
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
}
.toggle-switch-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.toggle-switch-content {
-ms-flex: 1;
flex: 1;
margin-left: 0.5rem;
}
.toggle-switch-label {
position: relative;
display: block;
width: 3rem;
height: 2rem;
background-color: #d0d0d2;
background-clip: content-box;
border: 0.125rem solid transparent;
border-radius: 6.1875rem;
transition: 0.3s;
}
.toggle-switch-indicator {
position: absolute;
left: 0.125rem;
bottom: 50%;
width: 1.5rem;
height: 1.5rem;
background-color: #fff;
-webkit-transform: initial;
transform: initial;
box-shadow: 0px 3px 6px 0px rgba(140, 152, 164, 0.25);
border-radius: 50%;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
transition: 0.3s;
}
.toggle-switch-input:checked + .toggle-switch-label {
background-color: #e42522;
}
.toggle-switch-input:checked + .toggle-switch-label .toggle-switch-indicator {
-webkit-transform: translate3d(1.025rem, 50%, 0);
transform: translate3d(1.025rem, 50%, 0);
}
.toggle-switch-input:disabled + .toggle-switch-label {
background-color: rgba(208, 208, 210, 0.5);
}
.toggle-switch-input:checked:disabled + .toggle-switch-label {
background-color: rgba(36, 186, 239, 0.5);
}
/*------------------------------------
File Attachment Button
------------------------------------*/
.file-attachment-btn {
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.file-attachment-btn-label {
position: absolute;
top: 0;
right: 0;
display: block;
min-width: 100%;
min-height: 100%;
cursor: inherit;
opacity: 0;
}
/*------------------------------------
File Attachment Input
------------------------------------*/
.file-attachment-input {
position: relative;
display: block;
background-color: #f8fafd;
border: 0.125rem dashed #d0d0d2;
text-align: center;
overflow: hidden;
cursor: pointer;
border-radius: 0.3125rem;
padding: 4rem 4rem;
margin-bottom: 0;
}
.file-attachment-input-label {
position: absolute;
top: 0;
right: 0;
display: block;
min-width: 100%;
min-height: 100%;
cursor: inherit;
opacity: 0;
}
.file-attachment-input:hover {
background-color: #d0d0d2;
}
/*------------------------------------
Go To
------------------------------------*/
.go-to {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
z-index: 9999;
width: 2.51819rem;
height: 2.51819rem;
background-color: rgba(73, 80, 87, 0.1);
color: #121a21;
font-size: 0.76131rem;
opacity: 0.5;
border-radius: 50%;
transition: 0.3s ease-out;
}
.go-to:hover, .go-to:focus:hover {
color: #fff;
background-color: #e42522;
opacity: 1;
}
/*------------------------------------
Grid
------------------------------------*/
@media (min-width: 1340px) {
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-wd {
max-width: 1340px;
}
}
@media (min-width: 1440px) {
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-wd {
max-width: 1440px;
}
}
@media (min-width: 1486px) {
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-wd {
max-width: 1486px;
}
}
@media (min-width: 1340px) {
.docs .container,
.docs .container-fluid,
.docs .container-sm,
.docs .container-md,
.docs .container-lg,
.docs .container-xl,
.docs .container-wd,
.snippets .container,
.snippets .container-fluid,
.snippets .container-sm,
.snippets .container-md,
.snippets .container-lg,
.snippets .container-xl,
.snippets .container-wd {
max-width: 100%;
}
}
@media (min-width: 1440px) {
.docs .container,
.docs .container-fluid,
.docs .container-sm,
.docs .container-md,
.docs .container-lg,
.docs .container-xl,
.docs .container-wd,
.snippets .container,
.snippets .container-fluid,
.snippets .container-sm,
.snippets .container-md,
.snippets .container-lg,
.snippets .container-xl,
.snippets .container-wd {
max-width: 100%;
}
}
@media (min-width: 1486px) {
.docs .container,
.docs .container-fluid,
.docs .container-sm,
.docs .container-md,
.docs .container-lg,
.docs .container-xl,
.docs .container-wd,
.snippets .container,
.snippets .container-fluid,
.snippets .container-sm,
.snippets .container-md,
.snippets .container-lg,
.snippets .container-xl,
.snippets .container-wd {
max-width: 100%;
}
}
/*------------------------------------
Icon
------------------------------------*/
.icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.937rem;
width: 2.92813rem;
height: 2.92813rem;
border-radius: 0.3125rem;
}
.icon-circle {
border-radius: 50%;
}
.icon.icon-xs {
font-size: 0.81988rem;
width: 1.63975rem;
height: 1.63975rem;
}
.icon.icon-sm {
font-size: 0.76131rem;
width: 2.51819rem;
height: 2.51819rem;
}
.icon.icon-lg {
font-size: 1.1244rem;
width: 3.98225rem;
height: 3.98225rem;
}
/*------------------------------------
Icon
------------------------------------*/
/* primary */
.icon-primary {
color: #fff;
border-color: #e42522;
background-color: #e42522;
}
/* secondary */
.icon-secondary {
color: #fff;
border-color: #495057;
background-color: #495057;
}
/* success */
.icon-success {
color: #fff;
border-color: #00c9a7;
background-color: #00c9a7;
}
/* info */
.icon-info {
color: #fff;
border-color: #e42522;
background-color: #e42522;
}
/* warning */
.icon-warning {
color: #19272e;
border-color: #f5ca99;
background-color: #f5ca99;
}
/* danger */
.icon-danger {
color: #fff;
border-color: #de4437;
background-color: #de4437;
}
/* light */
.icon-light {
color: #19272e;
border-color: #f7faff;
background-color: #f7faff;
}
/* dark */
.icon-dark {
color: #fff;
border-color: #19272e;
background-color: #19272e;
}
/* indigo */
.icon-indigo {
color: #fff;
border-color: #2d1582;
background-color: #2d1582;
}
/* white */
.icon-white {
color: #19272e;
border-color: #fff;
background-color: #fff;
}
/* navy */
.icon-navy {
color: #fff;
border-color: #21325b;
background-color: #21325b;
}
/* primary soft */
.icon-soft-primary {
color: #e42522;
background: rgba(36, 186, 239, 0.1);
}
/* secondary soft */
.icon-soft-secondary {
color: #495057;
background: rgba(73, 80, 87, 0.1);
}
/* success soft */
.icon-soft-success {
color: #00c9a7;
background: rgba(0, 201, 167, 0.1);
}
/* info soft */
.icon-soft-info {
color: #e42522;
background: rgba(36, 186, 239, 0.1);
}
/* warning soft */
.icon-soft-warning {
color: #f5ca99;
background: rgba(245, 202, 153, 0.1);
}
/* danger soft */
.icon-soft-danger {
color: #de4437;
background: rgba(222, 68, 55, 0.1);
}
/* light soft */
.icon-soft-light {
color: #f7faff;
background: rgba(247, 250, 255, 0.1);
}
/* dark soft */
.icon-soft-dark {
color: #19272e;
background: rgba(25, 39, 46, 0.1);
}
/* indigo soft */
.icon-soft-indigo {
color: #2d1582;
background: rgba(45, 21, 130, 0.1);
}
/* white soft */
.icon-soft-white {
color: #fff;
background: rgba(255, 255, 255, 0.1);
}
/* navy soft */
.icon-soft-navy {
color: #21325b;
background: rgba(33, 50, 91, 0.1);
}
/*------------------------------------
Media Viewer
------------------------------------*/
.media-viewer {
position: relative;
display: block;
}
.media-viewer:hover .media-viewer-icon {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.media-viewer-container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.media-viewer-icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
vertical-align: middle;
text-align: center;
width: 1.63975rem;
height: 1.63975rem;
font-size: 0.81988rem;
color: #fff;
background-color: #e42522;
border-radius: 50%;
opacity: 0;
-webkit-transform: scale(0.7);
transform: scale(0.7);
transition: 0.3s;
}
.media-viewer-icon:hover, .media-viewer-icon:focus {
color: #fff;
}
.media-viewer-icon-active {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/*------------------------------------
Video Player
------------------------------------*/
.video-player {
position: relative;
}
.video-player-preview {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
opacity: 1;
-o-object-fit: cover;
object-fit: cover;
transition: opacity 0.3s ease-in-out;
}
.video-player-played .video-player-preview {
opacity: 0;
pointer-events: none;
}
.video-player-btn {
z-index: 3;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.video-player-played .video-player-btn {
-webkit-animation: videoPlayerButton 0.4s ease-in-out forwards;
animation: videoPlayerButton 0.4s ease-in-out forwards;
pointer-events: none;
}
.video-player-btn:hover .video-player-icon {
color: #e42522;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.video-player-icon {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
vertical-align: middle;
text-align: center;
width: 3.98225rem;
height: 3.98225rem;
font-size: 0.76131rem;
border-radius: 50%;
color: #19272e;
background-color: #fff;
transition: 0.3s;
}
/* Positions */
.video-player-centered {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@-webkit-keyframes videoPlayerButton {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.3);
transform: translate(-50%, -50%) scale(1.3);
}
}
@keyframes videoPlayerButton {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.3);
transform: translate(-50%, -50%) scale(1.3);
}
}
/*------------------------------------
Device Mockups
------------------------------------*/
.device {
position: relative;
}
.device-pointer {
width: 65%;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.device-macbook-screen {
position: absolute;
top: 6.8%;
left: 12.3%;
width: 75.1%;
height: 81.1%;
-o-object-fit: cover;
object-fit: cover;
}
.device-iphone-x {
border-radius: 2.75rem;
box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1);
}
.device-iphone-x-frame {
position: relative;
z-index: 2;
max-width: 100%;
height: auto;
}
.device-iphone-x-screen {
position: absolute;
top: 2.4%;
left: 4%;
width: 92.4%;
height: 96%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.5rem;
}
.device-half-iphone-x {
border-top-left-radius: 3rem;
border-top-right-radius: 3rem;
box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1);
}
.device-half-iphone-x-frame {
position: relative;
z-index: 2;
max-width: 100%;
height: auto;
}
.device-half-iphone-x-screen {
position: absolute;
top: 2.6%;
left: 4.1%;
width: 91.8%;
height: 97.1%;
-o-object-fit: cover;
object-fit: cover;
border-top-left-radius: 0.9375rem;
border-top-right-radius: 0.9375rem;
}
.device-ipad {
border-radius: 1.25rem;
box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1);
}
.device-ipad-frame {
position: relative;
z-index: 2;
max-width: 100%;
height: auto;
}
.device-ipad-screen {
position: absolute;
top: 2.6%;
left: 4.2%;
width: 91.8%;
height: 94.2%;
-o-object-fit: cover;
object-fit: cover;
}
.device-horizontal-ipad {
border-radius: 1.5rem;
box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1);
}
.device-horizontal-ipad-frame {
position: relative;
z-index: 2;
max-width: 100%;
height: auto;
}
.device-horizontal-ipad-screen {
position: absolute;
top: 3.8%;
left: 3.2%;
width: 93.8%;
height: 92%;
-o-object-fit: cover;
object-fit: cover;
}
.device-browser {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
max-width: 85%;
overflow: hidden;
box-shadow: 0 0.625rem 2.5rem 0.625rem rgba(140, 152, 164, 0.175);
border-radius: 0.5rem;
}
.device-browser-screen {
position: absolute;
top: 6%;
left: 1.2%;
width: 97.7%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.device-wrapper {
position: relative;
}
.device-wrapper .device-iphone-x {
position: absolute;
bottom: 0;
right: 0;
width: 22%;
}
/*------------------------------------
Modal
------------------------------------*/
.modal-header {
-ms-flex-align: center;
align-items: center;
}
.modal-footer {
padding: 1rem 1.4055rem;
}
/*------------------------------------
Pagination
------------------------------------*/
.page-link {
cursor: pointer;
text-align: center;
min-width: 2.25rem;
}
.page-item {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.page-item .page-link {
border-top-left-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
}
.page-item .page-link {
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
}
/* Sizes */
.pagination-sm .page-link {
border-radius: 0.25rem;
}
.pagination-lg .page-link {
border-radius: 0.5rem;
}
.custom_pagination .page-item:not(:last-child).active .page-link {
background-color: #e42522;
color: #fff;
font-weight: bold;
}
.custom_pagination .page-item:not(:last-child).active .page-link:hover {
background-color: #e42522;
color: #fff;
}
.custom_pagination .page-item:not(:last-child) .page-link {
border-radius: 3px !important;
color: #949cb0;
font-family: "Open Sans", sans-serif;
font-weight: normal;
font-size: 14px;
background-color: #f6f7f9;
}
.custom_pagination .page-item:not(:last-child) .page-link:hover {
color: #0056b3;
background-color: #e9ecef;
border-color: #dee2e6;
}
.custom_pagination .page-item:last-child .page-link {
color: #949cb0;
background-color: transparent;
}
.custom-pagination-dark .page-item:not(:last-child).active .page-link {
font-weight: bold;
background-color: #e42522;
color: #19272e;
}
.custom-pagination-dark .page-item:not(:last-child).active .page-link:hover {
background-color: #e42522;
color: #19272e;
}
.custom-pagination-dark .page-item:not(:last-child) .page-link {
border-radius: 3px !important;
color: #b4bbc0;
font-family: "Open Sans", sans-serif;
font-weight: normal;
font-size: 14px;
background-color: #373c49;
}
.custom-pagination-dark .page-item:not(:last-child) .page-link:hover {
color: #b4bbc0;
background-color: #373c49;
border-color: #373c49;
}
.custom-pagination-dark .page-item:last-child .page-link {
color: #b4bbc0;
background-color: transparent;
}
.custom-pagination-v1 {
font-family: "Open Sans", sans-serif;
}
.custom-pagination-v1 .page-item.active .page-link {
color: #fff;
background-color: #e42522;
font-weight: 700;
}
.custom-pagination-v1 .page-item .page-link {
color: #949cb0;
background-color: #f6f7f9;
border-radius: 2px;
}
.custom-pagination-v1 .page-item .page-link:hover {
background-color: #e9ecef;
color: #0056b3;
}
/*------------------------------------
Navs
------------------------------------*/
.nav .nav-link {
color: #121a21;
}
.nav .nav-link:not(.active):hover {
color: #e42522;
}
.nav:not(.nav-pills) .nav-link.active {
color: #e42522;
}
/* Small Size */
.nav-sm .nav-link {
font-size: 0.87516rem;
}
/* No Gutters */
.nav-x-0 .nav-link {
padding-right: 0;
padding-left: 0;
}
.nav-y-0 .nav-link {
padding-top: 0;
padding-bottom: 0;
}
.nav-x-sm .nav-link {
padding-right: .25rem;
padding-left: .25rem;
}
/* Shadow */
.nav-shadow {
box-shadow: 0px 3px 6px 0px rgba(140, 152, 164, 0.25);
}
/* Classic */
.nav-classic {
border-bottom: 0.0625rem solid #d0d0d2;
}
.nav-classic .nav-link {
color: #121a21;
border-width: 0 0 0.1875rem 0;
border-style: solid;
border-color: transparent;
padding: 1rem 1.5rem;
margin-bottom: -0.125rem;
border-radius: 0;
transition: 0.3s;
}
.nav-classic .nav-link:hover {
color: #e42522;
}
.nav-classic .nav-link.active {
color: #e42522;
border-bottom-color: #e42522;
}
/* Rounded */
.nav-rounded {
border-radius: 0.3125rem;
}
.nav-rounded .nav-item:first-child .nav-link {
border-bottom-left-radius: 0.3125rem;
}
.nav-rounded .nav-item:last-child .nav-link {
border-bottom-right-radius: 0.3125rem;
}
/* White Color */
.nav-white .nav-link {
color: rgba(255, 255, 255, 0.7);
}
.nav-white .nav-link.active {
color: #e42522;
background-color: #fff;
}
.nav-white .nav-link:not(.active):hover {
color: #fff;
}
/* White Border Color */
.nav.nav-border-white .nav-link {
color: rgba(255, 255, 255, 0.7);
border-bottom: 0.125rem solid transparent;
}
.nav.nav-border-white .nav-link.active {
color: #fff;
border-bottom-color: #fff;
}
.nav.nav-border-white .nav-link:not(.active):hover {
color: #fff;
}
/* Box */
.nav-box .nav-link {
color: #19272e;
border-radius: 0.3125rem;
}
.nav-box .nav-link.active {
color: #e42522;
background-color: #fff;
box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1);
}
/* Segment */
.nav-segment {
position: relative;
background-color: #f8fafd;
padding: 0.25rem 0.25rem;
border-radius: 0.3125rem;
}
.nav-segment:not(.nav-fill) {
display: -ms-inline-flexbox;
display: inline-flex;
}
.nav-segment .nav-link {
color: #121a21;
font-size: 0.87516rem;
font-weight: 700;
padding: 0.58563rem 1.05412rem;
border-radius: 0.3125rem;
}
.nav-segment .nav-link:hover {
color: #e42522;
}
.nav-segment .nav-link.active {
color: #19272e;
background-color: #fff;
box-shadow: 0px 3px 6px 0px rgba(140, 152, 164, 0.25);
}
.nav-segment.nav-pills {
border-radius: 6.1875rem;
}
.nav-segment.nav-pills .nav-link {
border-radius: 6.1875rem;
}
.nav-meta {
font-size: 0.933rem;
}
.nav-meta li + li::before {
content: '|';
padding: 0 10px;
}
.nav-meta__white {
color: #fff;
}
.nav-meta__white a {
color: #fff;
}
@media (min-width: 768px) {
.mega-menu-sub-menu-lg {
min-width: 500px;
}
}
@media (min-width: 768px) {
.mega-menu-sub-menu-md {
min-width: 330px;
}
}
.off-canvas-menu .sidebar-body .dropdown-nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 8px 20px;
font-weight: 600;
}
.off-canvas-menu .sidebar-body .dropdown-nav-link:hover,
.off-canvas-menu .sidebar-body .dropdown-nav-link[aria-expanded="true"] {
background-color: #eeeff0;
}
.off-canvas-menu .sidebar-body .navbar-nav {
padding: 10px 0;
}
.off-canvas-menu .sidebar-body .dropdown-item {
padding: 0.3rem 2rem;
}
.off-canvas-menu .sidebar-body .dropdown-toggle::after {
margin-left: auto;
}
.off-canvas-menu .sidebar-body_inner > .dropdown-item {
padding: 10px 20px;
}
.off-canvas-menu.dark {
background-color: #131722;
}
.off-canvas-menu.dark .sidebar-body .dropdown-nav-link,
.off-canvas-menu.dark .sidebar-body .dropdown-item {
color: #fff;
}
.off-canvas-menu.dark .sidebar-body .dropdown-item:hover {
color: #e42522;
}
.off-canvas-menu.dark .sidebar-body .dropdown-nav-link:hover,
.off-canvas-menu.dark .sidebar-body .dropdown-nav-link[aria-expanded="true"] {
background-color: #1d222d;
}
.off-canvas-menu.dark .navbar-brand .vodi-gr {
fill: #fff;
}
.off-canvas-menu.dark .border-bottom {
border-bottom-color: #444 !important;
}
.tab-nav__v1 {
font-family: "Open Sans", sans-serif;
}
.tab-nav__v1 .nav-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.tab-nav__v1 .nav-item + .nav-item::before {
content: "/";
margin: 0 15px;
color: #949cb0;
}
.tab-nav__v1 .nav-link {
padding: 0;
font-size: 0.875rem;
color: #949cb0;
font-weight: 500;
}
.tab-nav__v1 .nav-link.active {
font-weight: 700;
color: #e42522;
}
.tab-nav__v2 {
font-family: "Open Sans", sans-serif;
}
.tab-nav__v2 .nav-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.tab-nav__v2 .nav-link {
font-size: 0.875rem;
color: #949cb0;
font-weight: 500;
}
.tab-nav__v2 .nav-link.active {
font-weight: 700;
color: #e42522;
}
.tab-nav__v3 {
font-family: "Open Sans", sans-serif;
}
.tab-nav__v3 .nav-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.tab-nav__v3 .nav-link {
font-size: 1rem;
color: #19272e;
font-weight: 500;
z-index: 1;
}
.tab-nav__v3 .nav-link.active {
font-size: 1.25rem;
font-weight: 700;
color: #e42522;
z-index: 1;
}
.dark .tab-nav__v4 .nav-link {
color: #fff;
}
.dark .tab-nav__v1 .nav-item + .nav-item::before {
color: #2c2c30;
}
.tab-nav__v4 .nav-link.active {
font-weight: 700;
font-size: 1.25rem;
}
.tab-nav__v5 {
font-family: "Open Sans", sans-serif;
}
.tab-nav__v5 .nav-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.tab-nav__v5 .nav-item + .nav-item::before {
content: "/";
margin: 0 15px;
color: #949cb0;
}
.tab-nav__v5 .nav-link {
padding: 0;
font-size: 1.25rem;
color: #949cb0;
font-weight: 500;
}
.tab-nav__v5 .nav-link.active {
color: #e42522;
}
.tab-nav__v6 .nav-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.tab-nav__v6 .nav-item + .nav-item::before {
content: "/";
margin: 0 15px;
color: #949cb0;
}
.tab-nav__v6 .nav-link {
padding: 0;
font-size: 0.875rem;
color: #949cb0;
font-weight: 500;
}
.tab-nav__v6 .nav-link.active {
font-weight: 700;
color: #e42522;
}
.tab-nav__v7 .nav-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.tab-nav__v7 .nav-item + .nav-item::before {
content: "/";
margin: 0 15px;
color: #949cb0;
}
.tab-nav__v7 .nav-link {
padding: 0;
font-size: 0.875rem;
color: #949cb0;
font-weight: 600;
}
.tab-nav__v7 .nav-link.active {
font-weight: 700;
color: #e42522;
}
.tab-nav__v8 .nav-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.tab-nav__v8 .nav-item + .nav-item::before {
content: "/";
margin: 0 15px;
color: #949cb0;
}
.tab-nav__v8 .nav-link {
padding: 0;
font-size: 0.875rem;
color: #949494;
font-weight: 600;
}
.tab-nav__v8 .nav-link.active {
font-weight: 700;
color: #e42522;
}
.tab-nav-shop .nav-link.active svg path {
fill: #e42522;
}
.tab-nav-shop .nav-link svg:hover path {
fill: #e42522;
}
.tab-nav__v9 .nav-link {
padding: 0;
font-size: 0.875rem;
color: #949494;
}
.tab-nav__v9 .nav-link.active {
font-weight: 700;
}
.tab-nav__v9 .nav-item + .nav-item {
margin-left: 20px;
}
.tab-nav__v10 {
font-family: "Open Sans", sans-serif;
}
.tab-nav__v10 .nav-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.tab-nav__v10 .nav-item + .nav-item::before {
content: "/";
margin: 0 20px 15px;
color: #949cb0;
}
.tab-nav__v10 .nav-link {
padding: 0;
font-size: 1.125rem;
color: #949cb0;
font-weight: 500;
position: relative;
padding-bottom: 20px;
}
.tab-nav__v10 .nav-link.active {
color: #e42522;
}
.tab-nav__v10 .nav-link.active:after {
content: '';
position: absolute;
border-bottom: 3px solid #e42522;
display: block;
bottom: -1px;
width: 100%;
left: 0;
}
.tab-nav__v11 .nav-item .nav-link {
color: #fff;
}
.tab-nav__v12 {
font-family: "Open Sans", sans-serif;
}
.tab-nav__v12 .nav-item .nav-link {
border-radius: 0.313rem;
padding: 0.406rem 1.906rem;
background: #323846;
line-height: 18px;
color: #e42522;
display: inline-block;
font-size: 14px;
font-weight: 600;
}
.tab-nav__v12 .nav-item .nav-link.active {
background-color: #e42522;
color: #1c212e;
}
.tab-nav__13 {
font-family: "Open Sans", sans-serif;
}
.tab-nav__13 .nav-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.tab-nav__13 .nav-item + .nav-item::before {
content: "/";
color: #949cb0;
}
.tab-nav__13 .nav-item .nav-link {
font-size: 1.375rem;
color: #949cb0;
}
.tab-nav__14 {
font-family: "Open Sans", sans-serif;
}
.tab-nav__14 .nav-item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tab-nav__14 .nav-item .nav-link {
color: #949cb0;
font-size: 0.875rem;
padding: 0;
}
.tab-nav__14 .nav-item .nav-link.active {
color: #fff;
font-weight: 700;
}
.tab-nav__14 .nav-item .nav-link:hover {
color: #fff;
font-weight: 700;
}
.tab-nav__14 .nav-item span {
color: #949cb0;
}
.tab-nav-landing {
overflow-y: auto;
}
.tab-nav-landing .nav-item {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tab-nav-landing .nav-item .nav-link {
color: #919398;
border-bottom: 3px solid transparent;
padding-bottom: 12px;
}
.tab-nav-landing .nav-item .nav-link.active {
color: #fff;
border-bottom: 3px solid #e42522;
}
.tab-nav__v15 .nav-item .nav-link {
border-radius: 0.313rem;
padding: 0.406rem 1.08rem;
background: #323846;
line-height: 18px;
color: #e42522;
display: inline-block;
font-size: 14px;
font-weight: 600;
}
.tab-nav__v15 .nav-item .nav-link.active {
background-color: #e42522;
color: #1c212e;
}
/*------------------------------------
Vertical Progress Bar
------------------------------------*/
.progress-vertical {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: end;
justify-content: flex-end;
background-color: #f8fafd;
height: 12.5rem;
}
/*------------------------------------
Popover
------------------------------------*/
.popover {
box-shadow: 0px 3px 6px 0px rgba(140, 152, 164, 0.25);
}
.popover-header {
font-weight: 700;
}
/*------------------------------------
Product
------------------------------------*/
.product-image a::after {
transition: all .3s ease-in-out;
}
.product-image a:hover::after {
background-color: rgba(36, 186, 239, 0.3);
}
.product-meta,
.product-title a {
color: #e42522;
}
.product-meta span:not(:last-child)::after {
content: ",";
margin-right: 2px;
color: #949cb0;
}
.product-meta.dot span:not(:last-child)::after {
content: ".";
margin-right: -1px;
margin-left: 4px;
margin-top: -3px;
}
.dark .product-title a {
color: #fff;
}
.product-title a {
color: #000;
}
.product-title a:hover {
color: #e42522;
}
.product--title a {
color: #fff;
}
.product--title a:hover {
color: #e42522;
}
.slider-movie .slider-movie__hover {
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
@media (min-width: 1200px) {
.slider-movie:hover {
overflow: visible !important;
}
.slider-movie:hover .slider-movie__hover {
-webkit-transform: translateY(0);
transform: translateY(0);
transition: all 1s;
}
.slider-movie:hover .slider-movie__hover-watch-now {
opacity: 1;
visibility: visible;
transition: all 1s;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.slider-movie:hover .movie__description {
display: block !important;
opacity: 1;
visibility: visible;
transition: all 1s;
}
.slider-movie:hover .movie__actions {
display: -ms-flexbox !important;
display: flex !important;
opacity: 1;
visibility: visible;
transition: all 1s;
}
.slider-movie:hover .movie__description-wrap {
height: 3em;
overflow: hidden;
margin-bottom: 1.125rem;
}
}
.slider-movie::after {
background: linear-gradient(to bottom, rgba(240, 47, 23, 0) 0, rgba(0, 0, 0, 0.7) 100%);
height: 564px;
content: " ";
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.product-comment::before {
content: '.';
display: inline-block;
font-weight: 700;
margin: 0 .25rem;
}
.product_title a {
color: #000;
}
.product_title a:hover {
color: #e42522;
}
.textDiv_hours::before {
position: absolute;
content: "";
width: 7px;
height: 7px;
background-color: #6c6f70;
border-radius: 20px;
display: block;
left: 0;
top: 45%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
.textDiv_hours::before {
width: 14px;
height: 14px;
top: 50%;
}
}
/*------------------------------------
Scrollbar
------------------------------------*/
.scrollbar {
overflow: hidden;
overflow-y: auto;
}
.scrollbar::-webkit-scrollbar {
width: 0.5rem;
}
.scrollbar::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
visibility: hidden;
}
.scrollbar:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
.scrollbar-horizontal {
display: -ms-flexbox;
display: flex;
max-width: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.scrollbar-horizontal::-webkit-scrollbar {
height: 0.25rem;
}
.scrollbar-horizontal::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
visibility: hidden;
}
.scrollbar-horizontal:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
/*------------------------------------
Search Form - Push Top
------------------------------------*/
.search-push-top {
display: none;
background-color: #f8fafd;
padding-top: 3rem;
padding-bottom: 3rem;
box-shadow: inset 0 -10px 20px -10px rgba(151, 164, 175, 0.05);
}
.search-push-top-content {
max-width: 50rem;
margin-left: auto;
margin-right: auto;
}
.search-push-top-close-btn {
position: absolute;
top: -1.5625rem;
right: .4375rem;
}
@media (max-width: 575.98px) {
.search-push-top {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
/* Banner */
.search-push-top-banner {
background-color: #fff;
box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1);
padding-right: 1.5625rem;
padding-top: 1.875rem;
overflow: hidden;
}
.search-push-top-banner-container {
position: relative;
width: 75%;
min-height: 11.5625rem;
}
.search-push-top-banner-img {
position: absolute;
bottom: -.625rem;
left: -.625rem;
transition: all 0.3s ease-in-out;
}
.search-push-top-banner:hover .search-push-top-banner-img:first-child {
bottom: 0;
left: 0;
}
/*------------------------------------
Search Form - Slide Down
------------------------------------*/
.search-slide-down {
position: fixed;
z-index: 1003;
top: 5rem;
left: calc(50% - 18rem) !important;
width: 36rem;
}
@media (max-width: 767.98px) {
.search-slide-down {
left: 5% !important;
right: 5% !important;
width: 90%;
}
}
.search-slide-down-trigger.active .search-slide-down-trigger-icon::before {
content: "";
}
.search-slide-down-bg-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1002;
display: none;
width: 100%;
height: 100%;
}
.search-slide-down .search-slide-down-input {
opacity: 0;
-webkit-transform: translateY(-2rem);
transform: translateY(-2rem);
transition: opacity 0.2s, -webkit-transform 0.3s cubic-bezier(0.37, 0.41, 0.55, 0.98);
transition: transform 0.3s cubic-bezier(0.37, 0.41, 0.55, 0.98), opacity 0.2s;
transition: transform 0.3s cubic-bezier(0.37, 0.41, 0.55, 0.98), opacity 0.2s, -webkit-transform 0.3s cubic-bezier(0.37, 0.41, 0.55, 0.98);
}
.search-slide-down .search-slide-down-suggestions {
opacity: 0;
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
transition: opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.37, 0.41, 0.55, 0.98);
transition: transform 0.4s cubic-bezier(0.37, 0.41, 0.55, 0.98), opacity 0.2s;
transition: transform 0.4s cubic-bezier(0.37, 0.41, 0.55, 0.98), opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.37, 0.41, 0.55, 0.98);
}
.search-slide-down-show .search-slide-down-input,
.search-slide-down-show .search-slide-down-suggestions {
opacity: 1;
-webkit-transform: none;
transform: none;
}
.search-slide-down-show .search-slide-down-suggestions {
transition-delay: 0.2s;
}
/*------------------------------------
Slick
------------------------------------*/
.slick {
position: relative;
}
.slick__tab .tab-pane:not(.active) {
display: block !important;
height: 0 !important;
overflow: hidden;
padding: 0 !important;
}
.slick__tab .tab-pane.active {
height: auto !important;
}
.slick-vertical .slick-slide {
border-width: 0;
}
.slick-transform-off.slick-transform-off .slick-track {
-webkit-transform: none !important;
transform: none !important;
}
.slick-thumb-progress {
width: 110%;
height: 110%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.slick-center-mode-right {
margin-right: calc(-1px - ((100vw - 100%) / 2) + 16px) !important;
}
.slick-center-mode-right-offset .draggable {
padding-right: 5rem;
}
@media (min-width: 1200px) {
.slider-m-0 .slick-track {
margin: 0 !important;
width: 100% !important;
}
.slider-m-0 .slick-slide {
width: 204px !important;
}
}
.slider-gradient {
position: relative;
}
.slider-gradient::after {
content: "";
position: absolute;
right: 0;
left: 0;
bottom: 0;
height: 100px;
background: linear-gradient(to bottom, rgba(230, 230, 230, 0) 11%, rgba(228, 226, 226, 0) 12%, #121621 100%);
}
.u-slick-bordered-primary .slick-current .thumb-img:before {
position: absolute;
content: "";
width: 10px;
height: 10px;
left: 50%;
border-radius: 2px;
z-index: -1;
top: -4px;
background-color: #e42522;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.u-slick-bordered-primary .slick-current .thumb-img img {
border: 1px solid #e42522;
}
/*------------------------------------
Slick Equal Height
------------------------------------*/
.slick-equal-height .slick-list {
height: 100%;
}
.slick-equal-height .slick-track {
display: -ms-flexbox;
display: flex;
height: 100%;
}
.slick-equal-height .slick-track .slick-slide {
display: -ms-flexbox;
display: flex;
height: auto;
}
/*------------------------------------
Slick Gutters
------------------------------------*/
/* Gutters X */
.slick-gutters-1 {
margin-left: -.312rem;
margin-right: -.312rem;
}
.slick-gutters-1 .slick-slide {
margin-left: .312rem;
margin-right: .312rem;
}
.slick-gutters-2 {
margin-left: -.5rem;
margin-right: -.5rem;
}
.slick-gutters-2 .slick-slide {
margin-left: .5rem;
margin-right: .5rem;
}
.slick-gutters-3 {
margin-left: -.9375rem;
margin-right: -.9375rem;
}
.slick-gutters-3 .slick-slide {
margin-left: .9375rem;
margin-right: .9375rem;
}
/*------------------------------------
Slick Arrows
------------------------------------*/
.slick-arrow {
z-index: 1;
line-height: 0;
display: inline-block;
color: #19272e;
background-color: #fff;
width: 2.51819rem;
height: 2.51819rem;
font-size: 0.76131rem;
cursor: pointer;
transition: 0.3s;
}
.slick-arrow:hover {
color: #fff;
background-color: #e42522;
}
.slick-arrow::before {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
}
.slick-arrow-left {
left: 0;
}
.slick-arrow-right {
right: 0;
}
/* Primary */
.slick-arrow-primary {
color: #fff;
background-color: rgba(36, 186, 239, 0.8);
}
/* Soft White */
.slick-arrow-soft-white {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
.slick-arrow-soft-white:hover {
color: #fff;
background-color: #e42522;
}
/* Offset */
@media (min-width: 992px) {
.slick-arrow-offset.slick-arrow-left {
left: -2.51819rem;
}
.slick-arrow-offset.slick-arrow-right {
right: -2.51819rem;
}
}
/* Vertical Center Alignment */
.slick-arrow-centered-y {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.u-slick {
position: relative;
}
.u-slick__tab .tab-pane:not(.active) {
display: block !important;
height: 0 !important;
overflow: hidden;
padding: 0 !important;
}
.u-slick__tab .tab-pane.active {
height: auto !important;
}
.slick-arrow-v1 {
background-color: transparent;
border: 2px solid #d2d2d8;
color: #d2d2d8;
}
.slick-arrow-v1:hover {
background-color: transparent;
color: #9f9fa4;
border-color: #9f9fa4;
}
.slick-arrow-v1.dark {
border: 2px solid #7a7c7d;
color: #7a7c7d;
}
.slick-arrow-v1.dark:hover {
color: #949cb0;
border-color: #949cb0;
}
@media (max-width: 767.98px) {
.slick-arrow-v1.left {
bottom: -146px;
left: 8px;
right: auto;
}
.slick-arrow-v1.right {
bottom: -146px;
left: 58px;
right: auto;
}
}
@media (min-width: 768px) {
.slick-arrow-v1.left {
bottom: 46px;
right: -60px;
}
.slick-arrow-v1.right {
bottom: 46px;
right: -114px;
}
}
@media (min-width: 1200px) {
.slick-arrow-v1.left {
bottom: 96px;
}
.slick-arrow-v1.right {
bottom: 96px;
}
}
@media (max-width: 767.98px) {
.slick-arrow-v1.left-position.left, .slick-arrow-v1.left-position.right {
bottom: auto;
top: 100px;
}
}
@media (min-width: 768px) {
.slick-arrow-v1.left-position.left {
bottom: 96px;
}
.slick-arrow-v1.left-position.right {
bottom: 96px;
}
}
@media (min-width: 768px) {
.slick-arrow-v1.left-position.left {
left: 10px;
right: auto;
}
.slick-arrow-v1.left-position.right {
left: 64px;
right: auto;
}
}
.slick-arrow-v2 {
display: inline-block;
font-size: 45px;
color: #b1b1b1;
cursor: pointer;
transition: .3s;
background-color: transparent;
width: 0;
height: 0;
}
.slick-arrow-v2:hover {
background-color: transparent;
color: #9f9fa4;
}
.slick-arrow-v3 {
background-color: transparent;
color: #7a7c7d;
border: 2px solid #7a7c7d;
font-size: 15px;
}
.slick-arrow-v3:hover {
background-color: transparent;
color: #9f9fa4;
border-color: #9f9fa4;
}
.slick-arrow-v3.left-position.left {
left: 10px;
right: auto;
}
.slick-arrow-v3.left-position.right {
left: 64px;
right: auto;
}
.slick-arrow-v4 {
background-color: transparent;
color: #bdc3c7;
border: 2px solid #bdc3c7;
font-size: 15px;
}
.slick-arrow-v4:hover {
background-color: transparent;
color: #9f9fa4;
border-color: #9f9fa4;
}
.slick-arrow-v4.left-position.left {
left: 10px;
right: auto;
}
.slick-arrow-v4.left-position.right {
left: 64px;
right: auto;
}
.slick-arrow-v5 {
background-color: transparent;
color: #bdc3c7;
border: 2px solid #bdc3c7;
font-size: 15px;
}
.slick-arrow-v5:hover {
background-color: transparent;
color: #9f9fa4;
border-color: #9f9fa4;
}
.slick-arrow-v5.left-position.left {
left: 10px;
right: auto;
}
.slick-arrow-v5.left-position.right {
left: 64px;
right: auto;
}
.slick-arrow-v6 {
background-color: transparent;
color: #d2d2d8;
border: 2px solid #d2d2d8;
font-size: 15px;
}
.slick-arrow-v6:hover {
background-color: transparent;
color: #9f9fa4;
border-color: #9f9fa4;
}
.slick-arrow-v6.left-position.left {
left: 10px;
right: auto;
}
.slick-arrow-v6.left-position.right {
left: 64px;
right: auto;
}
.slick-arrow-v7 {
background-color: transparent;
border: 2px solid #d2d2d8;
color: #d2d2d8;
}
.slick-arrow-v7:hover {
background-color: transparent;
color: #9f9fa4;
border-color: #9f9fa4;
}
.slick-arrow-v7.dark {
border: 2px solid #7a7c7d;
color: #7a7c7d;
}
.slick-arrow-v7.dark:hover {
color: #949cb0;
border-color: #949cb0;
}
@media (max-width: 767.98px) {
.slick-arrow-v7.left {
bottom: -146px;
left: 8px;
right: auto;
}
.slick-arrow-v7.right {
bottom: -146px;
left: 58px;
right: auto;
}
}
@media (min-width: 768px) {
.slick-arrow-v7.left {
bottom: 46px;
right: -60px;
}
.slick-arrow-v7.right {
bottom: 46px;
right: -114px;
}
}
@media (min-width: 992px) {
.slick-arrow-v7.left {
bottom: 46px;
right: -60px;
left: -50%;
}
.slick-arrow-v7.right {
bottom: 46px;
right: -114px;
left: -40%;
}
}
@media (min-width: 1200px) {
.slick-arrow-v7.left {
bottom: 96px;
left: -33%;
}
.slick-arrow-v7.right {
bottom: 96px;
left: -27%;
}
}
@media (min-width: 1480px) {
.slick-arrow-v7.right {
left: -28%;
}
}
@media (max-width: 767.98px) {
.slick-arrow-v7.left-position.left, .slick-arrow-v7.left-position.right {
bottom: auto;
top: 100px;
}
}
@media (min-width: 768px) {
.slick-arrow-v7.left-position.left {
bottom: 96px;
}
.slick-arrow-v7.left-position.right {
bottom: 96px;
}
}
@media (min-width: 768px) {
.slick-arrow-v7.left-position.left {
left: 10px;
right: auto;
}
.slick-arrow-v7.left-position.right {
left: 64px;
right: auto;
}
}
@media (min-width: 768px) {
.slick-arrow-v11.right, .slick-arrow-v11.left {
bottom: 26px;
}
}
.slick-arrow-svg-left, .slick-arrow-svg-right {
display: inline-block;
background-color: transparent;
bottom: 40px;
}
.slick-arrow-svg-left:hover, .slick-arrow-svg-right:hover {
background-color: transparent;
}
.slick-arrow-svg-left::before {
content: "";
background-image: url('data:image/svg+xml;utf8,');
width: 1.375rem;
}
.slick-arrow-svg-right::before {
content: "";
background-image: url('data:image/svg+xml;utf8,');
width: 1.375rem;
margin-left: auto;
}
.slick-arrow-svg-v1-left, .slick-arrow-svg-v1-right {
display: inline-block;
background-color: transparent;
bottom: 40px;
}
.slick-arrow-svg-v1-left:hover, .slick-arrow-svg-v1-right:hover {
background-color: transparent;
}
.slick-arrow-svg-v1-left::before {
content: "";
background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjJweCIgaGVpZ2h0PSI0M3B4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMTEzLCAxMjcsIDE0MCkiIGQ9Ik0yMS45OTMsNDAuODU1IEwyMC42MDYsNDIuMjY0IEwwLjAxMSwyMS4zNDQgTDAuMjE0LDIxLjEzOCBMMC4wMTEsMjAuOTMxIEwyMC42MDYsMC4wMTEgTDIxLjk5MywxLjQxOSBMMi41ODIsMjEuMTM3IEwyMS45OTMsNDAuODU1IFoiLz48L3N2Zz4=);
width: 1.375rem;
}
.slick-arrow-svg-v1-right::before {
content: "";
background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjNweCIgaGVpZ2h0PSI0M3B4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMTEzLCAxMjcsIDE0MCkiIGQ9Ik0yMi45ODgsMjEuODUwIEwxLjk4NCw0Mi45ODggTDAuNTcwLDQxLjU2NCBMMjAuMzY2LDIxLjY0MSBMMC41NzAsMS43MTcgTDEuOTg0LDAuMjk0IEwyMi45ODgsMjEuNDMyIEwyMi43ODEsMjEuNjQxIEwyMi45ODgsMjEuODUwIFoiLz48L3N2Zz4=);
width: 1.375rem;
}
/*------------------------------------
Slick Counter
------------------------------------*/
.slick-counter {
position: absolute;
bottom: 2rem;
right: 0;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.slick-counter-current {
color: #fff;
font-size: 3.63088rem;
line-height: 1;
}
.slick-counter-divider {
color: rgba(255, 255, 255, 0.7);
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.slick-counter-total {
font-size: 1.1244rem;
color: rgba(255, 255, 255, 0.7);
}
/*------------------------------------
Slick Dot Lined
------------------------------------*/
.slick-dots {
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.slick-dots li {
cursor: pointer;
margin: 0 .3125rem;
}
.slick-dots .dot-line {
position: relative;
display: block;
width: 2.75rem;
height: 0.1875rem;
background-color: rgba(255, 255, 255, 0.2);
}
.slick-dots .dot-line-helper {
position: absolute;
top: 0;
left: 0;
display: block;
width: 0;
height: 100%;
background-color: #e42522;
transition: none;
}
.slick-line-dots-ready .slick-dots li.slick-active .dot-line-helper {
transition-property: width;
transition-timing-function: linear;
width: 100%;
}
/*------------------------------------
Slick Pagination
------------------------------------*/
.slick-pagination {
padding-left: 0;
margin-bottom: 0;
}
.slick-pagination:not(.slick-pagination-vertical) {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
pointer-events: none;
}
.slick-pagination li {
display: -ms-flexbox;
display: flex;
pointer-events: all;
margin: 0 .25rem;
cursor: pointer;
}
.slick-pagination li span {
display: inline-block;
width: 0.9375rem;
height: 0.9375rem;
box-sizing: border-box;
background-color: #e42522;
border: 0.1875rem solid transparent;
border-radius: 50%;
-webkit-transform: scale(0.6);
transform: scale(0.6);
transition: 0.3s;
}
.slick-pagination li.slick-active span {
background-color: transparent;
border-color: #e42522;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
/* White Version */
.slick-pagination-white li span {
background-color: #fff;
}
.slick-pagination-white li.slick-active span {
border-color: #fff;
}
.slick-pagination-vertical li {
display: block;
}
.slick-pagination-v1 li span {
background-color: #fff;
}
.slick-pagination-v1 li.slick-active span {
width: 1.875rem;
height: .5rem;
background-color: #e42522;
border-radius: 3px;
}
.slick-pagination-v2 li span {
background-color: #d3d3d3;
}
.slick-pagination-v2 li.slick-active span {
width: 1.875rem;
height: .5rem;
background-color: #e42522;
border-radius: 3px;
}
/*------------------------------------
Slick Pagination Interactive
------------------------------------*/
.slick-pagination-interactive-title {
color: #fff;
}
.slick-pagination-interactive-text {
color: rgba(255, 255, 255, 0.7);
}
.slick-pagination-interactive .slick-slide {
cursor: pointer;
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
transition: 0.3s;
}
.slick-pagination-interactive .slick-slide:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.slick-pagination-interactive .slick-slide:hover.slick-center {
background-color: #fff;
}
.slick-pagination-interactive .slick-center {
background-color: #fff;
}
.slick-pagination-interactive .slick-center .slick-pagination-interactive-title {
color: #e42522;
}
.slick-pagination-interactive .slick-center .slick-pagination-interactive-text {
color: #121a21;
}
/*------------------------------------
Slick Pagination Modern
------------------------------------*/
.slick-pagination-modern {
width: 100%;
max-width: 12.5rem;
}
.slick-pagination-modern .slick-slide {
cursor: pointer;
opacity: 0.7;
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: 0.3s;
}
.slick-pagination-modern .slick-current {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/*------------------------------------
Slick Pagination Line
------------------------------------*/
.slick-pagination-line .slick-slide {
opacity: .5;
cursor: pointer;
font-weight: 400;
padding-bottom: 0.25rem;
}
.slick-pagination-line .slick-slide.slick-current {
opacity: 1;
}
.slick-pagination-line-progress {
position: relative;
display: block;
width: 100%;
height: 0.1875rem;
background-color: #fff;
margin-top: 0.5rem;
}
.slick-pagination-line-progress-helper {
position: absolute;
top: 0;
left: 0;
display: block;
width: 0;
height: 100%;
transition: none;
}
.slick-pagination-line.slick-dots-ready .slick-current .slick-pagination-line-progress-helper {
width: 100%;
background-color: #e42522;
transition-property: width;
transition-timing-function: linear;
}
@media (max-width: 991.98px) {
.slick-pagination-line-wrapper {
opacity: 0;
pointer-events: none;
overflow: hidden;
}
}
/*------------------------------------
Spinner
------------------------------------*/
.spinner-border,
.spinner-grow {
vertical-align: middle;
}
/*------------------------------------
Stats Progress
-------------------------------------*/
.stats-progress {
position: relative;
width: 13.75rem;
height: 13.75rem;
border-radius: 50%;
box-shadow: 0px 0.375rem 1.5rem 0px rgba(140, 152, 164, 0.125);
margin-left: auto;
margin-right: auto;
}
.stats-progress-info {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
padding: 2rem 2rem;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
/*------------------------------------
Step
------------------------------------*/
.step {
position: relative;
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
.step.step-dashed .step-icon::after {
border-left-style: dashed;
}
.step-border-last-0 .step-item:last-child .step-icon::after {
display: none;
}
.step .step-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
margin-bottom: 1.5rem;
}
.step .step-content-wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.step .step-content {
-ms-flex: 1;
flex: 1;
}
/*------------------------------------
Step Avatar
------------------------------------*/
.step .step-avatar {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.937rem;
font-weight: 700;
width: 2.92813rem;
height: 2.92813rem;
border-radius: 50%;
margin-right: 1rem;
}
.step .step-avatar-img {
max-width: 100%;
height: auto;
border-radius: 50%;
}
.step .step-avatar::after {
position: absolute;
top: 3.39688rem;
left: 1.46406rem;
height: calc(100% - 2.45938rem);
border-left: 0.125rem solid #d0d0d2;
content: "";
}
/*------------------------------------
Step Avatar
------------------------------------*/
.step-avatar-xs.step-avatar {
font-size: 0.81988rem;
width: 1.63975rem;
height: 1.63975rem;
}
.step-avatar-xs.step-avatar::after {
top: 2.1085rem;
left: 0.75738rem;
width: 1.0625rem;
height: calc(100% - 1.171rem);
}
.step-avatar-sm.step-avatar {
font-size: 0.76131rem;
width: 2.51819rem;
height: 2.51819rem;
}
.step-avatar-sm.step-avatar::after {
top: 2.98694rem;
left: 1.19659rem;
width: 1.0625rem;
height: calc(100% - 2.04944rem);
}
.step-avatar-lg.step-avatar {
font-size: 1.1244rem;
width: 3.98225rem;
height: 3.98225rem;
}
.step-avatar-lg.step-avatar::after {
top: 4.451rem;
left: 1.92863rem;
width: 1.0625rem;
height: calc(100% - 3.5135rem);
}
/*------------------------------------
Step Icon
------------------------------------*/
.step .step-icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.937rem;
font-weight: 700;
width: 2.92813rem;
height: 2.92813rem;
border-radius: 50%;
margin-right: 1rem;
}
.step .step-icon::after {
position: absolute;
top: 3.39688rem;
left: 1.46406rem;
height: calc(100% - 2.45938rem);
border-left: 0.125rem solid #d0d0d2;
content: "";
}
.step .step-icon-pseudo::before {
display: block;
width: 0.25rem;
height: 0.25rem;
background-color: #97a4af;
border-radius: 50%;
content: "";
}
/*------------------------------------
Step Icon Sizes
------------------------------------*/
.step-icon-xs.step-icon {
font-size: 0.81988rem;
width: 1.63975rem;
height: 1.63975rem;
}
.step-icon-xs.step-icon::after {
top: 2.1085rem;
left: 0.75738rem;
width: 1.0625rem;
height: calc(100% - 1.171rem);
}
.step-icon-sm.step-icon {
font-size: 0.76131rem;
width: 2.51819rem;
height: 2.51819rem;
}
.step-icon-sm.step-icon::after {
top: 2.98694rem;
left: 1.19659rem;
width: 1.0625rem;
height: calc(100% - 2.04944rem);
}
.step-icon-lg.step-icon {
font-size: 1.1244rem;
width: 3.98225rem;
height: 3.98225rem;
}
.step-icon-lg.step-icon::after {
top: 4.451rem;
left: 1.92863rem;
width: 1.0625rem;
height: calc(100% - 3.5135rem);
}
/*------------------------------------
Step Breakpoints
------------------------------------*/
@media (min-width: 576px) {
.step-sm.step-dashed .step-icon::after {
border-left: none;
border-top-style: dashed;
}
.step-sm .step-item {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
}
.step-sm:not(.step-inline) .step-content-wrapper {
display: block;
}
.step-sm .step-icon {
margin-bottom: 1rem;
}
.step-sm .step-icon::after {
top: 1.46406rem;
left: 3.86563rem;
width: calc(100% - 3.86563rem);
height: 1.0625rem;
border-top: 0.125rem solid #d0d0d2;
border-left: none;
}
.step-sm .step-icon.step-icon-xs::after {
top: 0.81988rem;
left: 2.57725rem;
width: calc(100% - 2.57725rem);
}
.step-sm .step-icon.step-icon-sm::after {
top: 1.25909rem;
left: 3.45569rem;
width: calc(100% - 3.45569rem);
}
.step-sm .step-icon.step-icon-lg::after {
top: 1.99113rem;
left: 4.91975rem;
width: calc(100% - 4.91975rem);
}
}
@media (min-width: 768px) {
.step-md.step-dashed .step-icon::after {
border-left: none;
border-top-style: dashed;
}
.step-md .step-item {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
}
.step-md:not(.step-inline) .step-content-wrapper {
display: block;
}
.step-md .step-icon {
margin-bottom: 1rem;
}
.step-md .step-icon::after {
top: 1.46406rem;
left: 3.86563rem;
width: calc(100% - 3.86563rem);
height: 1.0625rem;
border-top: 0.125rem solid #d0d0d2;
border-left: none;
}
.step-md .step-icon.step-icon-xs::after {
top: 0.81988rem;
left: 2.57725rem;
width: calc(100% - 2.57725rem);
}
.step-md .step-icon.step-icon-sm::after {
top: 1.25909rem;
left: 3.45569rem;
width: calc(100% - 3.45569rem);
}
.step-md .step-icon.step-icon-lg::after {
top: 1.99113rem;
left: 4.91975rem;
width: calc(100% - 4.91975rem);
}
}
@media (min-width: 992px) {
.step-lg.step-dashed .step-icon::after {
border-left: none;
border-top-style: dashed;
}
.step-lg .step-item {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
}
.step-lg:not(.step-inline) .step-content-wrapper {
display: block;
}
.step-lg .step-icon {
margin-bottom: 1rem;
}
.step-lg .step-icon::after {
top: 1.46406rem;
left: 3.86563rem;
width: calc(100% - 3.86563rem);
height: 1.0625rem;
border-top: 0.125rem solid #d0d0d2;
border-left: none;
}
.step-lg .step-icon.step-icon-xs::after {
top: 0.81988rem;
left: 2.57725rem;
width: calc(100% - 2.57725rem);
}
.step-lg .step-icon.step-icon-sm::after {
top: 1.25909rem;
left: 3.45569rem;
width: calc(100% - 3.45569rem);
}
.step-lg .step-icon.step-icon-lg::after {
top: 1.99113rem;
left: 4.91975rem;
width: calc(100% - 4.91975rem);
}
}
@media (min-width: 1200px) {
.step-xl.step-dashed .step-icon::after {
border-left: none;
border-top-style: dashed;
}
.step-xl .step-item {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
}
.step-xl:not(.step-inline) .step-content-wrapper {
display: block;
}
.step-xl .step-icon {
margin-bottom: 1rem;
}
.step-xl .step-icon::after {
top: 1.46406rem;
left: 3.86563rem;
width: calc(100% - 3.86563rem);
height: 1.0625rem;
border-top: 0.125rem solid #d0d0d2;
border-left: none;
}
.step-xl .step-icon.step-icon-xs::after {
top: 0.81988rem;
left: 2.57725rem;
width: calc(100% - 2.57725rem);
}
.step-xl .step-icon.step-icon-sm::after {
top: 1.25909rem;
left: 3.45569rem;
width: calc(100% - 3.45569rem);
}
.step-xl .step-icon.step-icon-lg::after {
top: 1.99113rem;
left: 4.91975rem;
width: calc(100% - 4.91975rem);
}
}
/*------------------------------------
Step Centered
------------------------------------*/
@media (min-width: 576px) {
.step-sm.step-centered {
text-align: center;
}
.step-sm.step-centered .step-item:last-child .step-icon::after {
display: none;
}
.step-sm.step-centered .step-icon {
margin-left: auto;
margin-right: auto;
}
.step-sm.step-centered .step-icon::after {
width: calc(100% - 2.92813rem);
left: calc(50% + 2.40156rem);
}
.step-sm.step-centered .step-icon.step-icon-xs::after {
width: calc(100% - 1.63975rem);
left: calc(50% + 1.75738rem);
}
.step-sm.step-centered .step-icon.step-icon-sm::after {
width: calc(100% - 2.51819rem);
left: calc(50% + 2.19659rem);
}
.step-sm.step-centered .step-icon.step-icon-lg::after {
width: calc(100% - 3.98225rem);
left: calc(50% + 2.92863rem);
}
}
@media (min-width: 768px) {
.step-md.step-centered {
text-align: center;
}
.step-md.step-centered .step-item:last-child .step-icon::after {
display: none;
}
.step-md.step-centered .step-icon {
margin-left: auto;
margin-right: auto;
}
.step-md.step-centered .step-icon::after {
width: calc(100% - 2.92813rem);
left: calc(50% + 2.40156rem);
}
.step-md.step-centered .step-icon.step-icon-xs::after {
width: calc(100% - 1.63975rem);
left: calc(50% + 1.75738rem);
}
.step-md.step-centered .step-icon.step-icon-sm::after {
width: calc(100% - 2.51819rem);
left: calc(50% + 2.19659rem);
}
.step-md.step-centered .step-icon.step-icon-lg::after {
width: calc(100% - 3.98225rem);
left: calc(50% + 2.92863rem);
}
}
@media (min-width: 992px) {
.step-lg.step-centered {
text-align: center;
}
.step-lg.step-centered .step-item:last-child .step-icon::after {
display: none;
}
.step-lg.step-centered .step-icon {
margin-left: auto;
margin-right: auto;
}
.step-lg.step-centered .step-icon::after {
width: calc(100% - 2.92813rem);
left: calc(50% + 2.40156rem);
}
.step-lg.step-centered .step-icon.step-icon-xs::after {
width: calc(100% - 1.63975rem);
left: calc(50% + 1.75738rem);
}
.step-lg.step-centered .step-icon.step-icon-sm::after {
width: calc(100% - 2.51819rem);
left: calc(50% + 2.19659rem);
}
.step-lg.step-centered .step-icon.step-icon-lg::after {
width: calc(100% - 3.98225rem);
left: calc(50% + 2.92863rem);
}
}
@media (min-width: 992px) {
.step-lg.step-centered {
text-align: center;
}
.step-lg.step-centered .step-item:last-child .step-icon::after {
display: none;
}
.step-lg.step-centered .step-icon {
margin-left: auto;
margin-right: auto;
}
.step-lg.step-centered .step-icon::after {
width: calc(100% - 2.92813rem);
left: calc(50% + 2.40156rem);
}
.step-lg.step-centered .step-icon.step-icon-xs::after {
width: calc(100% - 1.63975rem);
left: calc(50% + 1.75738rem);
}
.step-lg.step-centered .step-icon.step-icon-sm::after {
width: calc(100% - 2.51819rem);
left: calc(50% + 2.19659rem);
}
.step-lg.step-centered .step-icon.step-icon-lg::after {
width: calc(100% - 3.98225rem);
left: calc(50% + 2.92863rem);
}
}
/*------------------------------------
Step States
------------------------------------*/
.step .step-is-valid-icon,
.step .step-is-invalid-icon {
display: none;
}
.step .active .step-icon,
.step .active.is-valid .step-icon {
color: #fff;
background-color: #e42522;
}
.step .is-valid .step-icon {
color: #fff;
background-color: #00c9a7;
}
.step .is-valid .step-is-valid-icon {
display: -ms-inline-flexbox;
display: inline-flex;
}
.step .is-valid .step-is-default-icon,
.step .is-valid .step-is-invalid-icon {
display: none;
}
.step .is-invalid .step-icon {
color: #fff;
background-color: #de4437;
}
.step .is-invalid .step-is-invalid-icon {
display: -ms-inline-flexbox;
display: inline-flex;
}
.step .is-invalid .step-is-default-icon,
.step .is-invalid .step-is-valid-icon {
display: none;
}
/*------------------------------------
Step Colors
------------------------------------*/
/* primary */
.step-icon-primary {
color: #fff;
background-color: #e42522;
}
.step-icon-primary.step-icon-pseudo::before {
background-color: #fff;
}
/* secondary */
.step-icon-secondary {
color: #fff;
background-color: #495057;
}
.step-icon-secondary.step-icon-pseudo::before {
background-color: #fff;
}
/* success */
.step-icon-success {
color: #fff;
background-color: #00c9a7;
}
.step-icon-success.step-icon-pseudo::before {
background-color: #fff;
}
/* info */
.step-icon-info {
color: #fff;
background-color: #e42522;
}
.step-icon-info.step-icon-pseudo::before {
background-color: #fff;
}
/* warning */
.step-icon-warning {
color: #19272e;
background-color: #f5ca99;
}
.step-icon-warning.step-icon-pseudo::before {
background-color: #19272e;
}
/* danger */
.step-icon-danger {
color: #fff;
background-color: #de4437;
}
.step-icon-danger.step-icon-pseudo::before {
background-color: #fff;
}
/* light */
.step-icon-light {
color: #19272e;
background-color: #f7faff;
}
.step-icon-light.step-icon-pseudo::before {
background-color: #19272e;
}
/* dark */
.step-icon-dark {
color: #fff;
background-color: #19272e;
}
.step-icon-dark.step-icon-pseudo::before {
background-color: #fff;
}
/* indigo */
.step-icon-indigo {
color: #fff;
background-color: #2d1582;
}
.step-icon-indigo.step-icon-pseudo::before {
background-color: #fff;
}
/* white */
.step-icon-white {
color: #19272e;
background-color: #fff;
}
.step-icon-white.step-icon-pseudo::before {
background-color: #19272e;
}
/* navy */
.step-icon-navy {
color: #fff;
background-color: #21325b;
}
.step-icon-navy.step-icon-pseudo::before {
background-color: #fff;
}
/* primary soft */
.step-icon-soft-primary {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
}
.step-icon-soft-primary.step-icon-pseudo::before {
background-color: #e42522;
}
/* secondary soft */
.step-icon-soft-secondary {
color: #495057;
background-color: rgba(73, 80, 87, 0.1);
}
.step-icon-soft-secondary.step-icon-pseudo::before {
background-color: #495057;
}
/* success soft */
.step-icon-soft-success {
color: #00c9a7;
background-color: rgba(0, 201, 167, 0.1);
}
.step-icon-soft-success.step-icon-pseudo::before {
background-color: #00c9a7;
}
/* info soft */
.step-icon-soft-info {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
}
.step-icon-soft-info.step-icon-pseudo::before {
background-color: #e42522;
}
/* warning soft */
.step-icon-soft-warning {
color: #f5ca99;
background-color: rgba(245, 202, 153, 0.1);
}
.step-icon-soft-warning.step-icon-pseudo::before {
background-color: #f5ca99;
}
/* danger soft */
.step-icon-soft-danger {
color: #de4437;
background-color: rgba(222, 68, 55, 0.1);
}
.step-icon-soft-danger.step-icon-pseudo::before {
background-color: #de4437;
}
/* light soft */
.step-icon-soft-light {
color: #f7faff;
background-color: rgba(247, 250, 255, 0.1);
}
.step-icon-soft-light.step-icon-pseudo::before {
background-color: #f7faff;
}
/* dark soft */
.step-icon-soft-dark {
color: #19272e;
background-color: rgba(25, 39, 46, 0.1);
}
.step-icon-soft-dark.step-icon-pseudo::before {
background-color: #19272e;
}
/* indigo soft */
.step-icon-soft-indigo {
color: #2d1582;
background-color: rgba(45, 21, 130, 0.1);
}
.step-icon-soft-indigo.step-icon-pseudo::before {
background-color: #2d1582;
}
/* white soft */
.step-icon-soft-white {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
.step-icon-soft-white.step-icon-pseudo::before {
background-color: #fff;
}
/* navy soft */
.step-icon-soft-navy {
color: #21325b;
background-color: rgba(33, 50, 91, 0.1);
}
.step-icon-soft-navy.step-icon-pseudo::before {
background-color: #21325b;
}
/*------------------------------------
Step Inline
------------------------------------*/
.step-inline .step-content-wrapper {
-ms-flex-align: center;
align-items: center;
}
.step-inline .step-item:last-child .step-inline-title::after {
display: none;
}
.step-inline .step-inline-title {
display: inline-block;
color: #19272e;
font-weight: 700;
}
@media (min-width: 576px) {
.step-sm.step-inline.step-dashed .step-inline-title::after {
border-top-style: dashed;
}
.step-sm.step-inline .step-item {
overflow: hidden;
}
.step-sm.step-inline .step-icon {
margin-bottom: 0;
}
.step-sm.step-inline .step-icon::after {
display: none;
}
.step-sm.step-inline .step-inline-title::after {
position: absolute;
top: 1.46406rem;
width: 100%;
height: 1.0625rem;
border-top: 0.125rem solid #d0d0d2;
margin-left: 0.9375rem;
content: "";
}
.step-sm.step-inline .step-icon-xs + .step-content .step-inline-title::after {
top: 0.81988rem;
}
.step-sm.step-inline .step-icon-sm + .step-content .step-inline-title::after {
top: 1.25909rem;
}
.step-sm.step-inline .step-icon-lg + .step-content .step-inline-title::after {
top: 1.99113rem;
}
}
@media (min-width: 768px) {
.step-md.step-inline.step-dashed .step-inline-title::after {
border-top-style: dashed;
}
.step-md.step-inline .step-item {
overflow: hidden;
}
.step-md.step-inline .step-icon {
margin-bottom: 0;
}
.step-md.step-inline .step-icon::after {
display: none;
}
.step-md.step-inline .step-inline-title::after {
position: absolute;
top: 1.46406rem;
width: 100%;
height: 1.0625rem;
border-top: 0.125rem solid #d0d0d2;
margin-left: 0.9375rem;
content: "";
}
.step-md.step-inline .step-icon-xs + .step-content .step-inline-title::after {
top: 0.81988rem;
}
.step-md.step-inline .step-icon-sm + .step-content .step-inline-title::after {
top: 1.25909rem;
}
.step-md.step-inline .step-icon-lg + .step-content .step-inline-title::after {
top: 1.99113rem;
}
}
@media (min-width: 992px) {
.step-lg.step-inline.step-dashed .step-inline-title::after {
border-top-style: dashed;
}
.step-lg.step-inline .step-item {
overflow: hidden;
}
.step-lg.step-inline .step-icon {
margin-bottom: 0;
}
.step-lg.step-inline .step-icon::after {
display: none;
}
.step-lg.step-inline .step-inline-title::after {
position: absolute;
top: 1.46406rem;
width: 100%;
height: 1.0625rem;
border-top: 0.125rem solid #d0d0d2;
margin-left: 0.9375rem;
content: "";
}
.step-lg.step-inline .step-icon-xs + .step-content .step-inline-title::after {
top: 0.81988rem;
}
.step-lg.step-inline .step-icon-sm + .step-content .step-inline-title::after {
top: 1.25909rem;
}
.step-lg.step-inline .step-icon-lg + .step-content .step-inline-title::after {
top: 1.99113rem;
}
}
@media (min-width: 1200px) {
.step-xl.step-inline.step-dashed .step-inline-title::after {
border-top-style: dashed;
}
.step-xl.step-inline .step-item {
overflow: hidden;
}
.step-xl.step-inline .step-icon {
margin-bottom: 0;
}
.step-xl.step-inline .step-icon::after {
display: none;
}
.step-xl.step-inline .step-inline-title::after {
position: absolute;
top: 1.46406rem;
width: 100%;
height: 1.0625rem;
border-top: 0.125rem solid #d0d0d2;
margin-left: 0.9375rem;
content: "";
}
.step-xl.step-inline .step-icon-xs + .step-content .step-inline-title::after {
top: 0.81988rem;
}
.step-xl.step-inline .step-icon-sm + .step-content .step-inline-title::after {
top: 1.25909rem;
}
.step-xl.step-inline .step-icon-lg + .step-content .step-inline-title::after {
top: 1.99113rem;
}
}
/*------------------------------------
Step Dots
------------------------------------*/
.step-dots {
position: relative;
}
@media (min-width: 768px) {
.step-dots::after {
position: absolute;
right: -2.1875rem;
top: 50%;
width: 2.4375rem;
height: 0.75rem;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 16'%3E %3Ccircle fill='%23d0d0d2' cx='27.7' cy='8.1' r='7.7'/%3E %3Ccircle fill='%23d0d0d2' cx='5' cy='8.1' r='5'/%3E %3Ccircle fill='%23d0d0d2' cx='50' cy='8.1' r='5'/%3E %3C/svg%3E");
background-repeat: no-repeat;
content: "";
margin-top: -0.375rem;
}
}
/*------------------------------------
Step Flow
------------------------------------*/
.step-flow {
position: relative;
padding-left: 2.5rem;
}
.step-flow::before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: -0.25rem;
width: 2rem;
height: 0.0625rem;
border-top: 0.0625rem solid #d0d0d2;
margin: auto auto auto 0;
content: "";
}
.step-flow::after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: -0.3125rem;
width: 0.0625rem;
height: 100%;
border-right: 0.0625rem solid #d0d0d2;
margin: auto auto auto 0;
content: "";
}
.step-flow:first-child::after {
height: 50%;
top: auto;
}
.step-flow:last-child::after {
height: 50%;
bottom: auto;
}
.step-flow-inner {
min-width: 3rem;
}
/*------------------------------------
Step Timeline
------------------------------------*/
@media (min-width: 576px) {
.step-timeline-sm {
margin-left: 0;
margin-right: 0;
}
.step-timeline-sm .step-item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 0;
padding-right: 0;
margin-left: 50%;
}
.step-timeline-sm .step-item:nth-child(even) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
margin-left: auto;
margin-right: 50%;
}
.step-timeline-sm .step-item:nth-child(even) .step-content-wrapper {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.step-timeline-sm .step-item:nth-child(even) .step-icon {
margin-left: 0;
margin-right: -1.46406rem;
}
.step-timeline-sm .step-item:nth-child(even) .step-icon-xs {
margin-right: -0.81988rem;
}
.step-timeline-sm .step-item:nth-child(even) .step-icon-sm {
margin-right: -1.25909rem;
}
.step-timeline-sm .step-item:nth-child(even) .step-icon-lg {
margin-right: -1.99113rem;
}
.step-timeline-sm .step-item:nth-child(even) .step-content {
margin-right: 1.5rem;
}
.step-timeline-sm .step-icon {
margin-left: -1.46406rem;
}
.step-timeline-sm .step-icon::after {
left: auto;
width: auto;
}
.step-timeline-sm .step-icon-xs {
margin-left: -0.81988rem;
}
.step-timeline-sm .step-icon-sm {
margin-left: -1.25909rem;
}
.step-timeline-sm .step-icon-lg {
margin-left: -1.99113rem;
}
}
@media (min-width: 768px) {
.step-timeline-md {
margin-left: 0;
margin-right: 0;
}
.step-timeline-md .step-item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 0;
padding-right: 0;
margin-left: 50%;
}
.step-timeline-md .step-item:nth-child(even) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
margin-left: auto;
margin-right: 50%;
}
.step-timeline-md .step-item:nth-child(even) .step-content-wrapper {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.step-timeline-md .step-item:nth-child(even) .step-icon {
margin-left: 0;
margin-right: -1.46406rem;
}
.step-timeline-md .step-item:nth-child(even) .step-icon-xs {
margin-right: -0.81988rem;
}
.step-timeline-md .step-item:nth-child(even) .step-icon-sm {
margin-right: -1.25909rem;
}
.step-timeline-md .step-item:nth-child(even) .step-icon-lg {
margin-right: -1.99113rem;
}
.step-timeline-md .step-item:nth-child(even) .step-content {
margin-right: 1.5rem;
}
.step-timeline-md .step-icon {
margin-left: -1.46406rem;
}
.step-timeline-md .step-icon::after {
left: auto;
width: auto;
}
.step-timeline-md .step-icon-xs {
margin-left: -0.81988rem;
}
.step-timeline-md .step-icon-sm {
margin-left: -1.25909rem;
}
.step-timeline-md .step-icon-lg {
margin-left: -1.99113rem;
}
}
@media (min-width: 992px) {
.step-timeline-lg {
margin-left: 0;
margin-right: 0;
}
.step-timeline-lg .step-item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 0;
padding-right: 0;
margin-left: 50%;
}
.step-timeline-lg .step-item:nth-child(even) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
margin-left: auto;
margin-right: 50%;
}
.step-timeline-lg .step-item:nth-child(even) .step-content-wrapper {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.step-timeline-lg .step-item:nth-child(even) .step-icon {
margin-left: 0;
margin-right: -1.46406rem;
}
.step-timeline-lg .step-item:nth-child(even) .step-icon-xs {
margin-right: -0.81988rem;
}
.step-timeline-lg .step-item:nth-child(even) .step-icon-sm {
margin-right: -1.25909rem;
}
.step-timeline-lg .step-item:nth-child(even) .step-icon-lg {
margin-right: -1.99113rem;
}
.step-timeline-lg .step-item:nth-child(even) .step-content {
margin-right: 1.5rem;
}
.step-timeline-lg .step-icon {
margin-left: -1.46406rem;
}
.step-timeline-lg .step-icon::after {
left: auto;
width: auto;
}
.step-timeline-lg .step-icon-xs {
margin-left: -0.81988rem;
}
.step-timeline-lg .step-icon-sm {
margin-left: -1.25909rem;
}
.step-timeline-lg .step-icon-lg {
margin-left: -1.99113rem;
}
}
@media (min-width: 1200px) {
.step-timeline-xl {
margin-left: 0;
margin-right: 0;
}
.step-timeline-xl .step-item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 0;
padding-right: 0;
margin-left: 50%;
}
.step-timeline-xl .step-item:nth-child(even) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
margin-left: auto;
margin-right: 50%;
}
.step-timeline-xl .step-item:nth-child(even) .step-content-wrapper {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.step-timeline-xl .step-item:nth-child(even) .step-icon {
margin-left: 0;
margin-right: -1.46406rem;
}
.step-timeline-xl .step-item:nth-child(even) .step-icon-xs {
margin-right: -0.81988rem;
}
.step-timeline-xl .step-item:nth-child(even) .step-icon-sm {
margin-right: -1.25909rem;
}
.step-timeline-xl .step-item:nth-child(even) .step-icon-lg {
margin-right: -1.99113rem;
}
.step-timeline-xl .step-item:nth-child(even) .step-content {
margin-right: 1.5rem;
}
.step-timeline-xl .step-icon {
margin-left: -1.46406rem;
}
.step-timeline-xl .step-icon::after {
left: auto;
width: auto;
}
.step-timeline-xl .step-icon-xs {
margin-left: -0.81988rem;
}
.step-timeline-xl .step-icon-sm {
margin-left: -1.25909rem;
}
.step-timeline-xl .step-icon-lg {
margin-left: -1.99113rem;
}
}
/*------------------------------------
Tables
------------------------------------*/
.table .btn {
white-space: nowrap;
}
.table-heighlighted thead th {
border-bottom-color: #19272e;
border-top: none;
}
.table-heighlighted tfoot td {
border-top: 0.125rem solid #19272e;
}
.table-light-bordered {
border-color: rgba(255, 255, 255, 0.3);
}
.table-light-bordered thead th,
.table-light-bordered th,
.table-light-bordered td {
border-color: rgba(255, 255, 255, 0.3);
}
/*------------------------------------
Sticky Blocks
------------------------------------*/
[class*="sticky-block"] {
max-width: 100%;
}
/*------------------------------------
SVG IE10+ specific styles go here
------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.media {
width: 100%;
}
.ie-slick-equal-height .slick-track .slick-slide {
display: block;
}
.ie-main-hero {
height: 686px;
}
.ie-showcase-mockup {
height: 373px;
}
.ie-device-and-mobile {
height: 638px;
}
.ie-curved-y {
height: 26px;
}
.ie-curved-x {
width: 26px;
height: 370px;
margin-right: -4px;
}
}
/*------------------------------------
Background Gradients
------------------------------------*/
.gradient-y-sm-primary {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(36, 186, 239, 0.075) 100%);
background-repeat: repeat-x;
}
.gradient-y-gray {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(208, 208, 210, 0.5) 100%);
background-repeat: repeat-x;
}
.gradient-y-lg-white {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
background-repeat: repeat-x;
}
/*------------------------------------
Background Overlay Gradients
------------------------------------*/
[class*="gradient-x-overlay-"],
[class*="gradient-y-overlay-"] {
position: relative;
z-index: 1;
}
[class*="gradient-x-overlay-"]::before,
[class*="gradient-y-overlay-"]::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
right: 0;
z-index: -1;
width: 100%;
height: 100%;
content: "";
}
.gradient-x-overlay-lg-navy-video::before {
z-index: 2;
background-image: linear-gradient(to right, rgba(33, 50, 91, 0.95) 0%, rgba(33, 50, 91, 0.95) 100%);
background-repeat: repeat-x;
}
.gradient-x-overlay-sm-navy::before {
background-image: linear-gradient(to right, rgba(33, 50, 91, 0.25) 0%, rgba(25, 39, 46, 0.25) 100%);
background-repeat: repeat-x;
}
.gradient-x-overlay-lg-navy::before {
background-image: linear-gradient(to right, rgba(33, 50, 91, 0.9) 0%, rgba(33, 50, 91, 0.9) 100%);
background-repeat: repeat-x;
}
.gradient-x-overlay-sm-indigo::before {
background-image: linear-gradient(45deg, transparent, rgba(45, 21, 130, 0.05));
background-repeat: repeat-x;
}
.gradient-y-overlay-sm-dark::before {
background-image: linear-gradient(to bottom, rgba(25, 39, 46, 0.3) 0%, rgba(33, 50, 91, 0.2) 100%);
background-repeat: repeat-x;
}
.gradient-y-overlay-lg-white::before {
background-image: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.9) 100%);
background-repeat: repeat-x;
}
.gradient-y-overlay-landing::before {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.7) 100%);
background-repeat: repeat-x;
}
.gradient-x-overlay-1::before {
z-index: unset;
background: linear-gradient(to bottom, rgba(240, 47, 23, 0) 0, rgba(0, 0, 0, 0.9) 100%);
}
.gradient-x-overlay-2::before {
background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 90%);
z-index: unset;
}
/*------------------------------------
Background Image Style
------------------------------------*/
.bg-img-hero {
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.bg-img-hero-bottom {
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
}
.bg-img-hero-center {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.bg-img-hero-fixed {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
/*------------------------------------
Background Soft Colors
------------------------------------*/
.bg-soft-primary {
background-color: rgba(36, 186, 239, 0.1);
}
.bg-soft-secondary {
background-color: rgba(73, 80, 87, 0.1);
}
.bg-soft-success {
background-color: rgba(0, 201, 167, 0.1);
}
.bg-soft-info {
background-color: rgba(36, 186, 239, 0.1);
}
.bg-soft-warning {
background-color: rgba(245, 202, 153, 0.1);
}
.bg-soft-danger {
background-color: rgba(222, 68, 55, 0.1);
}
.bg-soft-light {
background-color: rgba(247, 250, 255, 0.1);
}
.bg-soft-dark {
background-color: rgba(25, 39, 46, 0.1);
}
.bg-soft-indigo {
background-color: rgba(45, 21, 130, 0.1);
}
.bg-soft-white {
background-color: rgba(255, 255, 255, 0.1);
}
.bg-soft-navy {
background-color: rgba(33, 50, 91, 0.1);
}
@media (max-width: 1479.98px) {
.bg-white-d-lg {
background-color: #fff;
}
}
.bg-gray-1000 {
background-color: #f6f7f9;
}
.bg-gray-1100 {
background-color: #131722;
}
.bg-gray-1500 {
background-color: #f5f5f5;
}
.bg-gray-2000 {
background-color: #0e0d12;
}
.bg-gray-2200 {
background-color: #f2f3f5;
}
.bg-gray-2300 {
background-color: #696969;
}
.bg-gray-2400 {
background-color: #b9c0c8;
}
.bg-gray-2500 {
background-color: #c0ae9f;
}
.bg-gray-2600 {
background-color: #7285ab;
}
.bg-gray-2700 {
background-color: #a48997;
}
.bg-gray-2800 {
background-color: #ededf5;
}
.bg-gray-3100 {
background-color: #1c212e;
}
.bg-gray-3500 {
background-color: #e8e7e7;
}
.bg-gray-4000 {
background-color: #0a0d14;
}
.bg-gray-3800 {
background-color: #373c49;
}
.bg-gray-4300 {
background-color: #06090f;
}
.bg-gray-4500 {
background-color: #131621;
}
.bg-gray-4900 {
background-color: #191e2b;
}
.bg-gray-5100 {
background-color: #181d29;
}
.bg-gray-6700 {
background-color: #929293;
}
.bg-gray-6820 {
background-color: #eeeff0;
}
.bg-red-2 {
background-color: #d50032;
}
.bg-royal-blue {
background-color: #141b4d;
}
.table-h-bg:hover {
background: #2e3544;
}
.bg-blue-1 {
background-color: #141b4d;
}
.bg-dark-1 {
background-color: #0c0e17;
}
.section-hot-premier-show .movie_poster::before {
background: linear-gradient(to bottom, rgba(240, 47, 23, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
content: "";
height: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.bg-gradient__1::after {
position: absolute;
content: '';
background-image: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 90%);
display: block;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.h-bg-1 li:hover {
background-color: #eff0f2;
transition: .3s all;
}
.h-bg-1-dark li:hover {
background-color: #252a37;
transition: .3s all;
}
.sidebar-area::before {
position: absolute;
content: " ";
display: block;
height: 100%;
width: 100%;
right: 100%;
background-color: #f6f7f9;
margin-top: -40px;
}
.sidebar-area-dark::before {
position: absolute;
content: " ";
display: block;
height: 100%;
width: 100%;
right: 100%;
background-color: #1c212e;
margin-top: -40px;
}
.h-bg-2:hover {
background-color: #e42522;
transition: all .3s ease-in-out;
}
.h-bg-2:hover span {
color: #19272e;
}
@media (min-width: 992px) {
.breadcrumb-bg::after {
content: '';
position: absolute;
display: block;
left: calc(-50vw + 50% - 8px);
top: 100%;
width: 100%;
height: 242px;
background: radial-gradient(farthest-corner at 46% 0%, #31394b 2%, rgba(33, 38, 53, 0.57) 37%, rgba(160, 162, 168, 0) 72%, rgba(255, 255, 255, 0) 100%);
}
}
.bg-single-player::after {
position: absolute;
content: '';
background-image: url(../../assets/img/360x200/img1.png);
display: block;
bottom: 0;
margin-left: calc(-50vw + 50% - 8px);
width: 100vw;
height: 148px;
}
/*------------------------------------
Borders-radius
------------------------------------*/
.rounded-pseudo {
border-radius: 0.3125rem;
}
.rounded-pseudo::before, .rounded-pseudo::after {
border-radius: 0.3125rem;
}
.rounded-3 {
border-radius: 3px;
}
.border-radius-sm {
border-radius: 0.25rem;
}
/*------------------------------------
Borders
------------------------------------*/
.border-dashed {
border: 0.0625rem dashed #d0d0d2;
}
.border-2 {
border-width: 0.125rem !important;
}
.border-3 {
border-width: 0.1875rem !important;
}
@media (min-width: 768px) {
.border-md-right {
border-right: 1px solid #e8e8e8;
}
}
@media (min-width: 768px) {
.border-md-right-dark {
border-right: 1px solid #373c49;
}
}
@media (max-width: 1199.98px) {
.border-w-lg-d-0 {
border-width: 0 !important;
}
}
/*------------------------------------
Borders-color
------------------------------------*/
.border-g-1200-op {
border-color: rgba(247, 246, 246, 0.2) !important;
}
.border-gray-1400 {
border-color: #2a2d36 !important;
}
.border-gray-1300 {
border-color: #949cb0 !important;
}
.border-gray-3200 {
border-color: #2f2f33 !important;
}
.border-gray-3300 {
border-color: #2c3346 !important;
}
.border-gray-3600 {
border-color: #e8e8e8 !important;
}
.border-gray-3700 {
border-color: #3c414f !important;
}
.border-gray-3800 {
border-color: #373c49 !important;
}
.border-gray-3900 {
border-color: #2a2e3c !important;
}
.border-gray-4100 {
border-color: #2d323f !important;
}
.border-gray-4600 {
border-color: #9b9b9b !important;
}
.border-gray-4800 {
border-color: #343949 !important;
}
.border-gray-5300 {
border-color: #283643 !important;
}
.border-gray-5400 {
border-color: #4e5567 !important;
}
.border-gray-5600 {
border-color: #333333 !important;
}
.border-transparent {
border-color: transparent;
}
.border-gray-5800 {
border-color: #434957 !important;
}
.border-gray-6300 {
border-color: #3f4467 !important;
}
.border-gray-6830 {
border-color: #394253 !important;
}
.border-white-5 {
border: 5px solid #fff;
}
.home-section .home-section__header::before {
content: " ";
width: 48px;
background-color: #a8a8a83d;
height: 1px;
top: 0;
display: block;
margin-bottom: 23px;
}
.h-white:hover .border-rounded {
border-color: #fff !important;
}
.h-white:hover i {
color: #fff;
}
/*------------------------------------
Position Spaces
------------------------------------*/
.top-auto {
top: auto;
}
.bottom-auto {
bottom: auto;
}
.right-auto {
right: auto;
}
.left-auto {
left: auto;
}
.top-0 {
top: 0;
}
.right-0 {
right: 0;
}
.bottom-0 {
bottom: 0;
}
.left-0 {
left: 0;
}
.top-50 {
top: 50%;
}
.right-50 {
right: 50%;
}
.bottom-50 {
bottom: 50%;
}
.left-50 {
left: 50%;
}
@media (min-width: 576px) {
.position-sm-absolute {
position: absolute;
}
}
@media (min-width: 768px) {
.top-md-0 {
top: 0;
}
.right-md-0 {
right: 0;
}
.bottom-md-0 {
bottom: 0;
}
.left-md-0 {
left: 0;
}
.position-md-absolute {
position: absolute;
}
}
@media (min-width: 992px) {
.top-lg-0 {
top: 0;
}
.right-lg-0 {
right: 0;
}
.bottom-lg-0 {
bottom: 0;
}
.left-lg-0 {
left: 0;
}
.position-lg-absolute {
position: absolute;
}
}
@media (min-width: 1200px) {
.top-xl-0 {
top: 0;
}
.right-xl-0 {
right: 0;
}
.bottom-xl-0 {
bottom: 0;
}
.left-xl-0 {
left: 0;
}
.position-xl-absolute {
position: absolute;
}
.position-xl-relative {
position: relative !important;
}
}
.order-n1 {
-ms-flex-order: -1;
order: -1;
}
/*------------------------------------
Content Centered
------------------------------------*/
.content-centered {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.content-centered-x {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.content-centered-y {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media (min-width: 768px) {
.content-centered-y-md {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@media (min-width: 992px) {
.content-centered-y-lg {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
/*------------------------------------
Opacity
------------------------------------*/
.opacity-xs {
opacity: .2;
}
.opacity-sm {
opacity: .4;
}
.opacity {
opacity: .6;
}
.opacity-lg {
opacity: .8;
}
/*------------------------------------
Box Shadow
------------------------------------*/
.shadow-primary-lg {
box-shadow: 0px 0px 50px rgba(36, 186, 239, 0.4) !important;
}
.shadow-soft {
box-shadow: 0px 3px 6px 0px rgba(140, 152, 164, 0.25) !important;
}
.shadow-1 {
box-shadow: 4px 25px 37px #858585;
}
.shadow-2 {
box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
}
/*------------------------------------
Width
------------------------------------*/
.w-34rem {
width: 2.125rem;
}
.w-50rem {
width: 3.125rem;
}
.w-55rem {
width: 3.438rem;
}
.w-93rem {
width: 5.813rem;
}
.w-120rem {
width: 7.5rem;
}
.w-160rem {
width: 10rem;
}
.w-180rem {
width: 11.25rem;
}
@media (min-width: 992px) {
.w-lg-220rem {
width: 13.75rem;
}
}
@media (min-width: 768px) {
.w-md-173rem {
width: 10.813rem !important;
}
}
@media (min-width: 768px) {
.w-md-352rem {
width: 22rem;
}
}
.min-w-3rem {
min-width: 1rem;
}
.min-w-4rem {
min-width: 1.5rem;
}
.min-w-8rem {
min-width: 3.5rem;
}
.min-w-6rem {
min-width: 6rem;
}
.min-w-21rem {
min-width: 10rem;
}
.min-w-224 {
min-width: 14rem;
}
@media (min-width: 768px) {
.min-w-370 {
min-width: 23.125rem !important;
}
}
.min-w-642 {
min-width: 40.125rem;
}
.max-w-3rem {
max-width: 1rem;
}
.max-w-4rem {
max-width: 1.5rem;
}
.max-w-5rem {
max-width: 2rem;
}
.max-w-6rem {
max-width: 2.5rem;
}
.max-w-7rem {
max-width: 3rem;
}
.max-w-8rem {
max-width: 3.5rem;
}
.max-w-9rem {
max-width: 4rem;
}
@media (min-width: 992px) {
.max-w-9rem-lg {
max-width: 4rem;
}
}
.max-w-10rem {
max-width: 4.5rem;
}
.max-w-11rem {
max-width: 5rem;
}
.max-w-13rem {
max-width: 6rem;
}
.max-w-15rem {
max-width: 7rem;
}
.max-w-19rem {
max-width: 9rem;
}
.max-w-23rem {
max-width: 11rem;
}
.max-w-27rem {
max-width: 13rem;
}
.max-w-33rem {
max-width: 16rem;
}
.max-w-35rem {
max-width: 17rem;
}
.max-w-40rem {
max-width: 19.5rem;
}
.max-w-50rem {
max-width: 24.5rem;
}
.max-w-330 {
max-width: 20.625rem;
}
.max-w-642 {
max-width: 40.125rem;
}
.max-w-370 {
max-width: 23.125rem;
}
.max-w-500 {
max-width: 31.25rem;
}
.max-w-550 {
max-width: 34.375rem;
}
.max-w-720 {
max-width: 45rem;
}
.max-w-565 {
max-width: 35.313rem;
}
.max-w-340 {
max-width: 21.25rem;
}
.max-w-240 {
max-width: 15rem;
}
@media (min-width: 1200px) {
.max-w-md-1160 {
max-width: 54.5rem;
}
}
@media (min-width: 1340px) {
.max-w-md-1160 {
max-width: 64.5rem;
}
}
@media (min-width: 1440px) {
.max-w-md-1160 {
max-width: 68.5rem;
}
}
@media (min-width: 1480px) {
.max-w-md-1160 {
max-width: 72.5rem;
}
}
@media (min-width: 992px) {
.max-w-lg-238rem {
max-width: 14.875rem;
}
}
@media (max-width: 1479.98px) {
.max-width-750rem {
max-width: 46.875rem;
}
}
.max-width-750 {
max-width: 50rem;
}
@media (min-width: 1480px) {
.max-width-750 {
max-width: 60rem;
}
}
.max-width-875rem {
max-width: 54.688rem;
}
@media (min-width: 1480px) {
.max-width-875rem {
max-width: 68.4rem;
}
}
.max-width-900rem {
max-width: 56.25rem;
}
@media (min-width: 1480px) {
.max-width-900rem {
max-width: 72rem;
}
}
.max-width-444rem {
max-width: 27.75rem;
}
@media (min-width: 1480px) {
.max-width-444rem {
max-width: 35.625rem;
}
}
.max-w-875rem {
max-width: 54.688rem;
}
/*------------------------------------
Height
------------------------------------*/
.h-4rem {
height: .25rem;
}
.h-34rem {
height: 2.125rem;
}
.h-44rem {
height: 2.75rem;
}
.h-50rem {
height: 3.125rem;
}
.h-52rem {
height: 3.25rem;
}
.h-60rem {
height: 3.75rem;
}
.h-100rem {
height: 6.25rem;
}
.h-115rem {
height: 7.188rem;
}
.h-120rem {
height: 7.5rem;
}
.h-150rem {
height: 9.375rem;
}
.h-185rem {
height: 11.563rem;
}
.h-250rem {
height: 15.625rem;
}
.h-299rem {
height: 18.688rem;
}
.h-340rem {
height: 21.25rem;
}
.h-371rem {
height: 23.188rem;
}
.h-380rem {
height: 23.75rem;
}
.h-393rem {
height: 24.563rem;
}
.h-425rem {
height: 26.563rem;
}
.h-464rem {
height: 29rem;
}
.h-700rem {
height: 43.75rem;
}
@media (min-width: 768px) {
.h-845 {
height: 37.5rem;
}
}
@media (min-width: 992px) {
.h-845 {
height: 52.812rem;
}
}
.min-h-270rem {
min-height: 16.875rem;
}
.min-h-300rem {
min-height: 18.75rem;
}
.min-h-320 {
min-height: 20rem;
}
.min-h-380rem {
min-height: 23.75rem;
}
.min-h-450rem {
min-height: 28.125rem;
}
.min-h-500rem {
min-height: 31.25rem;
}
.min-h-620rem {
min-height: 38.75rem;
}
@media (min-width: 576px) {
.max-w-sm-15rem {
max-width: 7rem;
}
.max-w-sm-40rem {
max-width: 19.5rem;
}
}
@media (min-width: 768px) {
.vh-md-30 {
height: 30vh;
}
.vh-md-70 {
height: 70vh;
}
.min-vh-md-100 {
min-height: 100vh;
}
.max-w-md-13rem {
max-width: 6rem;
}
}
@media (min-width: 992px) {
.vh-lg-100 {
height: 100vh;
}
.min-vh-lg-100 {
min-height: 100vh;
}
.min-h-lg-600rem {
min-height: 37.5rem;
}
}
.max-h-21rem {
max-height: 1.313rem;
}
.min-h-676rem {
min-height: 30rem;
}
@media (min-width: 1200px) {
.min-h-676rem {
min-height: 42.25rem;
}
}
.max-h-42rem {
max-height: 2.625rem;
}
.max-width-height-1 {
max-width: 340px;
max-height: 44px;
overflow: hidden;
}
@media (max-width: 1199.98px) {
.h-lg-down-100 {
height: 100% !important;
}
}
/*------------------------------------
Typography
------------------------------------*/
.font-weight-medium {
font-weight: 500 !important;
}
.font-weight-semi-bold {
font-weight: 600 !important;
}
.font-secondary {
font-family: "Open Sans", sans-serif;
}
.text-inherit {
color: inherit;
}
.text-cap {
text-transform: uppercase;
letter-spacing: 0.03125rem;
}
.text-lh-sm {
line-height: 1.2;
}
.text-lh-md {
line-height: 1.6;
}
.text-lh-lg {
line-height: 1.8;
}
.font-size-1rem {
font-size: 1rem;
}
.font-size-1 {
font-size: 0.87422rem;
}
.font-size-2 {
font-size: 1.4055rem;
}
.font-size-3 {
font-size: 1.874rem;
}
.font-size-4 {
font-size: 2.3425rem;
}
.font-size-5 {
font-size: 2.811rem;
}
.font-size-6 {
font-size: 4.4976rem;
}
.font-size-22 {
font-size: 1.375rem;
}
.font-size-10 {
font-size: 0.625rem;
}
.font-size-11 {
font-size: 0.688rem;
}
.font-size-12 {
font-size: 0.75rem;
}
.font-size-13 {
font-size: 0.812rem;
}
.font-size-14 {
font-size: 0.875rem;
}
.font-size-15 {
font-size: 0.938rem;
}
.font-size-16 {
font-size: 1rem;
}
.font-size-16-r {
font-size: 0.75rem;
}
@media (min-width: 768px) {
.font-size-16-r {
font-size: 1rem;
}
}
.font-size-17 {
font-size: 1.063rem;
}
.font-size-18 {
font-size: 1.125rem;
}
.font-size-18-r {
font-size: 0.875rem;
}
@media (min-width: 768px) {
.font-size-18-r {
font-size: 1.125rem;
}
}
.font-size-19 {
font-size: 1.187rem;
}
.font-size-20 {
font-size: 1.25rem;
}
.font-size-21 {
font-size: 1.313rem;
}
.font-size-21-r {
font-size: 1.125rem;
}
@media (min-width: 768px) {
.font-size-21-r {
font-size: 1.313rem;
}
}
.font-size-23-r {
font-size: 1.125rem;
}
@media (min-width: 768px) {
.font-size-23-r {
font-size: 1.437rem;
}
}
.font-size-24 {
font-size: 1.5rem;
}
.font-size-26 {
font-size: 1.625rem;
}
.font-size-26-r {
font-size: 0.875rem;
}
@media (min-width: 768px) {
.font-size-26-r {
font-size: 1.625rem;
}
}
.font-size-28-r {
font-size: 0.875rem;
}
@media (min-width: 768px) {
.font-size-28-r {
font-size: 1.75rem;
}
}
.font-size-30 {
font-size: 1.875rem;
}
.font-size-30-r {
font-size: 1.25rem;
}
@media (min-width: 768px) {
.font-size-30-r {
font-size: 1.875rem;
}
}
.font-size-34 {
font-size: 2.125rem;
}
.font-size-36 {
font-size: 2.25rem;
}
.font-size-42 {
font-size: 2.625rem;
}
.font-size-65 {
font-size: 4.063rem;
}
.display-5 {
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-5 {
font-size: calc(1.425rem + 2.1vw) ;
}
}
.display-6 {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-6 {
font-size: calc(1.375rem + 1.5vw) ;
}
}
.display-7 {
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-7 {
font-size: calc(1.325rem + 0.9vw) ;
}
}
.display-8 {
font-size: 3.125rem;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-8 {
font-size: calc(1.4375rem + 2.25vw) ;
}
}
.display-9 {
font-size: 2.75rem;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-9 {
font-size: calc(1.4rem + 1.8vw) ;
}
}
.display-10 {
font-size: 4rem;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-10 {
font-size: calc(1.525rem + 3.3vw) ;
}
}
.display-11 {
font-size: 2.563rem;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-11 {
font-size: calc(1.3813rem + 1.5756vw) ;
}
}
.display-12 {
font-size: 4.063rem;
font-weight: 700;
}
@media (max-width: 1200px) {
.display-12 {
font-size: calc(1.5313rem + 3.3756vw) ;
}
}
.display-13 {
font-size: 3.75rem;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-13 {
font-size: calc(1.5rem + 3vw) ;
}
}
.display-14 {
font-size: 4.5rem;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-14 {
font-size: calc(1.575rem + 3.9vw) ;
}
}
.display-15 {
font-size: 9.375rem;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-15 {
font-size: calc(2.0625rem + 9.75vw) ;
}
}
.display-16 {
font-size: 9.375rem;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-16 {
font-size: calc(2.0625rem + 9.75vw) ;
}
}
@media (max-width: 1199.98px) {
.display-16 {
font-size: calc(2.1875rem + 5.25vw);
}
}
.display-17 {
font-size: 4.375rem;
line-height: 1.2;
}
@media (max-width: 1200px) {
.display-17 {
font-size: calc(1.5625rem + 3.75vw) ;
}
}
.text-underline {
text-decoration: underline !important;
}
.text-lh-1 {
line-height: 1;
}
.text-lh-1dot1 {
line-height: 1.1;
}
.text-lh-1dot18 {
line-height: 1.18;
}
.text-lh-1dot25 {
line-height: 1.25;
}
.text-lh-1dot3 {
line-height: 1.3;
}
.text-lh-1dot4 {
line-height: 1.4;
}
.line-height-md {
line-height: 1.6;
}
.line-height-lg {
line-height: 1.8;
}
.line-height-xl {
line-height: 2;
}
.title-dash::before {
content: '';
width: 48px;
background-color: #a8a8a83d;
height: 1px;
top: 0;
margin-bottom: 23px;
display: block;
}
@media (min-width: 768px) {
.overflow-md-hidden {
overflow: hidden !important;
}
}
.line-clamp-1 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp-5 {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (min-width: 1200px) {
.h-btn-show .btn-show {
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in-out;
}
.h-btn-show:hover .row {
background-color: #fbfbfb;
}
.h-btn-show:hover .btn-show {
opacity: 1;
visibility: visible;
}
.h-btn-show:hover i {
color: #e42522;
}
.h-btn-show:hover .rating-number span {
color: #19272e !important;
}
}
.h-btn-show.dark i {
color: #303544;
}
.h-btn-show.dark:hover .row {
background: linear-gradient(135deg, #212635 5%, rgba(33, 38, 53, 0.57) 40%, rgba(160, 162, 168, 0) 60%, rgba(255, 255, 255, 0) 100%);
}
.h-btn-show.dark:hover i {
color: #e42522;
}
.h-btn-show.v1:hover .row {
background-color: transparent !important;
}
.description-title::after {
background: #323846;
color: #e42522;
content: "+";
display: inline-block;
width: 34px;
height: 34px;
border-radius: 50%;
font-size: 24px;
line-height: 34px;
text-align: center;
margin-left: 18px;
font-weight: 700;
}
.episode__player--prev-episode .episode__player--prev-episode__link-left:before {
content: "";
width: 84px;
height: 121px;
display: inline-block;
background-repeat: no-repeat;
background: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODRweCIgaGVpZ2h0PSIxMjBweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMTEzLCAxMjcsIDE0MCkiIGQ9Ik02MS45ODgsMTE4LjU3OSBMNjAuNTg0LDExOS45ODggTDAuMDEyLDU5LjIxMCBMMS40MTYsNTcuODAxIEwxLjcxMyw1OC4wOTggTDYwLjU5MCwwLjAwNiBMNjEuOTgyLDEuNDI2IEwzLjExNyw1OS41MDggTDYxLjk4OCwxMTguNTc5IFoiLz48L3N2Zz4=);
}
.episode__player--prev-episode .episode__player--prev-episode__link-left:hover:before {
background: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODRweCIgaGVpZ2h0PSIxMjBweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0icmdiKDI1NSwgMjU1LCAyNTUpIiBkPSJNNjEuOTg4LDExOC41NzkgTDYwLjU4NCwxMTkuOTg4IEwwLjAxMiw1OS4yMTAgTDEuNDE2LDU3LjgwMSBMMS43MTMsNTguMDk5IEw2MC41OTAsMC4wMDYgTDYxLjk4MiwxLjQyNiBMMy4xMTcsNTkuNTA4IEw2MS45ODgsMTE4LjU3OSBaIi8+PC9zdmc+);
}
.episode__player--prev-episode .episode__player--prev-episode__link-left:hover span {
color: #e42522 !important;
}
.episode__player--prev-episode .episode__player--prev-episode__link-right:after {
content: "";
width: 75px;
height: 121px;
display: inline-block;
background-repeat: no-repeat;
background: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzdweCIgaGVpZ2h0PSIxMjFweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0icmdiKDExMywgMTI3LCAxNDApIiBkPSJNNjIuNzA3LDU5LjcwNyBMMS43MDcsMTIwLjcwNyBMMC4yOTMsMTE5LjI5MyBMNTkuNTgwLDYwLjAwNiBMMC4yOTksMS43MTMgTDEuNzAxLDAuMjg3IEw2MC45OTQsNTguNTkyIEw2MS4yOTMsNTguMjkzIEw2Mi43MDcsNTkuNzA3IFoiLz48L3N2Zz4=);
}
.episode__player--prev-episode .episode__player--prev-episode__link-right:hover:after {
background: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzdweCIgaGVpZ2h0PSIxMjFweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0icmdiKDI1NSwgMjU1LCAyNTUpIiBkPSJNNjIuNzA3LDU5LjcwNyBMMS43MDcsMTIwLjcwNyBMMC4yOTMsMTE5LjI5MyBMNTkuNTgwLDYwLjAwNiBMMC4yOTksMS43MTMgTDEuNzAxLDAuMjg3IEw2MC45OTQsNTguNTkyIEw2MS4yOTMsNTguMjkzIEw2Mi43MDcsNTkuNzA3IFoiLz48L3N2Zz4=);
}
.episode__player--prev-episode .episode__player--prev-episode__link-right:hover span {
color: #e42522 !important;
}
/*------------------------------------
Text Colors
------------------------------------*/
.text-white-70 {
color: rgba(255, 255, 255, 0.7);
}
.text-white-70[href]:hover {
color: #fff;
}
a:hover .text-hover-primary {
color: #0e8cb9 !important;
}
.h-w-primary {
color: #fff !important;
}
.h-w-primary:hover {
color: #e42522 !important;
}
.h-g-primary {
color: #000000;
}
.h-g-primary:hover {
color: #e42522;
}
.h-b-primary {
color: #121a21;
}
.h-b-primary:hover {
color: #e42522;
}
.h-fw-bold:hover {
font-weight: bold;
}
.h-g1-primary {
color: #717376;
}
.h-g1-primary:hover {
color: #e42522;
}
.h-g-white {
color: #949cb0;
}
.h-g-white:hover {
color: #fff;
}
.h-g-white-1 {
color: #bec0cd;
}
.h-g-white-1:hover {
color: #fff;
}
.hover-white {
color: #c8ced1;
}
.hover-white:hover {
color: #fff;
}
.h-g-dark {
color: #949cb0;
}
.h-g-dark:hover {
color: #19272e;
}
.h-d-black {
color: #19272e;
}
.h-d-black:hover {
color: #000;
}
.text-gray-700 {
color: #121a21;
}
.text-gray-1300 {
color: #949cb0 !important;
}
.text-gray-1800 {
color: #b4bbc0;
}
.text-gray-2100 {
color: #949494;
}
.text-gray-2900 {
color: #9ea0a3;
}
.text-gray-3700 {
color: #3c414f;
}
.text-gray-4200 {
color: #d1d1d1;
}
.text-gray-4700 {
color: #919398;
}
.text-red-3 {
color: #c33637;
}
.text-red-3:hover {
color: #d50032;
}
.text-gray-3200 {
color: #2f2f33;
}
.text-primary-light {
color: #7ad5f5;
}
.text-gray-3500 {
color: #e8e7e7;
}
.text-gray-5000 {
color: #d1d1d1;
}
.text-gray-5200 {
color: #6b7590;
}
.text-gray-5400 {
color: #4e5567;
}
.text-gray-5500 {
color: #e3e3e3;
}
.text-gray-5700 {
color: #808b90;
}
.text-gray-7000 {
color: #bbc2d3;
}
.text-gray-7100 {
color: #4b5358;
}
.text-gray-5900 {
color: #a3a3a3;
}
.text-gray-6000 {
color: #a5a6a7;
}
.text-gray-6100 {
color: #2c2d33;
}
.text-gray-6200 {
color: #555f64;
}
.text-gray-6600 {
color: #97979f !important;
}
.text-gray-6800 {
color: #B0B0B0 !important;
}
.text-gray-6810 {
color: #4d5c63 !important;
}
.hover-s-color:hover span {
color: #19272e;
}
.h-color-white:hover {
color: #fff;
font-weight: 700;
}
/*------------------------------------
Transform Rotate
------------------------------------*/
.transform-rotate-1 {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
-webkit-transform-origin: 30% 20%;
transform-origin: 30% 20%;
}
.transform-rotate-2 {
-webkit-transform: rotate(-17deg);
transform: rotate(-17deg);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.transform-rotate-3 {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
-webkit-transform-origin: 90% -20%;
transform-origin: 90% -20%;
}
.transform-rotate-4 {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.transform-rotate-5 {
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg);
}
.transform-rotate-6 {
-webkit-transform: translate3d(20%, -55%, 0);
transform: translate3d(20%, -55%, 0);
}
.transform-rotate-7 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/*------------------------------------
Transform Translate
------------------------------------*/
.transform-translate-1 {
-webkit-transform: translate(-35px, -25px);
transform: translate(-35px, -25px);
}
.transform-translate-2 {
-webkit-transform: translate(-25px, 40px);
transform: translate(-25px, 40px);
}
/*------------------------------------
Transitions
------------------------------------*/
/* 3D Hover */
.transition-3d-hover {
transition: all 0.2s ease-in-out;
}
.transition-3d-hover:hover, .transition-3d-hover:focus {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.transition-1 {
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
/*------------------------------------
Z-Index
------------------------------------*/
.z-index-n1 {
z-index: -1;
}
.z-index-2 {
z-index: 2;
}
.z-index-4 {
z-index: 4;
}
.z-index-999 {
z-index: 999;
}
/*------------------------------------
Unfold
------------------------------------*/
.hs-unfold {
position: relative;
display: inline-block;
}
.hs-unfold-content {
display: block !important;
opacity: 0;
pointer-events: none;
}
.hs-unfold-content-initialized {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.hs-unfold-hidden {
display: none !important;
opacity: 0;
visibility: hidden;
}
.hs-unfold-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1002;
background-color: rgba(33, 50, 91, 0.125);
}
.hs-unfold-content.hs-unfold-reverse-y {
top: auto;
bottom: 100%;
margin-top: 0;
}
/*------------------------------------
Video Background
------------------------------------*/
/*------------------------------------
Video Background
------------------------------------*/
.hs-video-bg-video video {
-o-object-fit: cover;
object-fit: cover;
}
/*------------------------------------
Select
------------------------------------*/
.js-selectpicker {
display: none;
}
.dropdown-select.bootstrap-select li .dropdown-item.opt {
padding-left: 1.5rem;
}
.dropdown-select.bootstrap-select .bs-searchbox {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.dropdown-select.bootstrap-select .dropdown-header .text {
font-size: 80%;
font-weight: 700;
color: #19272e;
text-transform: uppercase;
}
.dropdown-select.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
top: 10px;
}
.dropdown-select.bootstrap-select .dropdown-menu li a span.check-mark {
font-size: 0.75rem;
}
.dropdown-select .form-control {
margin-bottom: 0.5rem;
}
/*------------------------------------
Chartjs
------------------------------------*/
.hs-chartjs-tooltip-wrap {
position: absolute;
z-index: 3;
transition: opacity 0.2s ease-in-out;
}
.hs-chartjs-tooltip {
background-color: #fff;
border: 0.0625rem solid #d0d0d2;
box-shadow: 0px 0.375rem 1.5rem 0px rgba(140, 152, 164, 0.125);
border-radius: 0.3125rem;
padding: 1rem 1rem;
}
.hs-chartjs-tooltip-header {
font-weight: 700;
}
.hs-chartjs-tooltip-body {
color: #121a21;
}
/*------------------------------------
Cubeportfolio
------------------------------------*/
@media (max-width: 991.98px) {
.cbp-filter-scrollbar {
max-width: 100%;
display: -ms-flexbox;
display: flex;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.cbp-filter-scrollbar::-webkit-scrollbar {
height: 0.25rem;
}
.cbp-filter-scrollbar::-webkit-scrollbar-thumb {
background-color: rgba(189, 197, 209, 0.6);
visibility: hidden;
}
.cbp-filter-scrollbar:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
}
.cbp-filter-item-active.label.label-soft-secondary {
color: #fff;
background-color: #e42522;
}
.cbp-filter-item-active.nav-link {
color: #e42522;
}
.cbp-l-loadMore-stop {
pointer-events: none;
}
.cbp-caption-zoom .cbp-caption-defaultWrap {
transition: -webkit-transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.cbp-caption-zoom .cbp-caption-activeWrap {
background-color: rgba(33, 50, 91, 0.5);
}
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/*------------------------------------
Datatable
------------------------------------*/
.datatable .dataTables_length,
.datatable .dataTables_filter,
.datatable .dataTables_info,
.datatable .dataTables_paginate {
display: none;
}
.datatable-striped .odd {
background-color: #f8fafd;
}
.datatable-content td[colspan] {
padding-left: 0;
padding-right: 0;
}
.datatable .datatable-trigger {
cursor: pointer;
}
.datatable .datatable-trigger-icon::before {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "";
margin-right: 0.75rem;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.datatable .opened .datatable-trigger-icon::before {
content: "";
}
.datatable-thead-icon {
display: block;
line-height: 0.7;
cursor: pointer;
color: #bdc5d1;
}
.datatable-thead-icon:hover, .datatable-thead-icon:active {
color: #e42522;
}
/*------------------------------------
Dropzone
------------------------------------*/
.dz-dropzone {
cursor: pointer;
}
.dz-dropzone-boxed {
width: 100%;
background-color: #f8fafd;
border: 0.125rem dashed #d0d0d2;
border-radius: 0.3125rem;
padding: 3rem 3rem;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dz-dropzone .dz-message {
width: 100%;
text-align: center;
}
.dz-dropzone .dz-details {
margin-bottom: 1rem;
}
.dz-dropzone .dz-file-preview {
background-color: #fff;
border-radius: 0.3125rem;
padding: 1rem 1rem;
box-shadow: 0px 3px 6px 0px rgba(140, 152, 164, 0.25);
}
.dz-dropzone .dz-file-wrapper {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dz-dropzone .dz-filename {
margin-bottom: 0.25rem;
}
.dz-dropzone .dz-img {
max-width: 2.92813rem;
border-radius: 0.3125rem;
margin-right: 0.75rem;
}
.dz-dropzone .dz-img-inner {
border-radius: 0.3125rem;
}
.dz-dropzone .dz-close-icon,
.dz-dropzone .dz-size {
color: #121a21;
}
.dz-dropzone .dz-title {
font-size: 0.81988rem;
font-weight: 700;
}
.dz-dropzone .dz-size {
font-size: 80%;
}
.dz-dropzone .dz-file-initials {
display: inline-block;
width: 2.92813rem;
height: 2.92813rem;
line-height: 2.92813rem;
font-weight: 700;
font-size: 0.937rem;
color: #e42522;
text-align: center;
background-color: rgba(36, 186, 239, 0.1);
border-radius: 0.3125rem;
margin-right: 0.75rem;
}
.dz-dropzone [data-dz-thumbnail]:not([src]) {
display: none;
margin-bottom: 0;
}
.dz-dropzone .dz-progress {
margin-bottom: 1rem;
}
.dz-dropzone .dz-processing .dz-error-mark,
.dz-dropzone .dz-processing .dz-success-mark {
display: none;
}
.dz-dropzone .dz-processing.dz-error .dz-error-mark,
.dz-dropzone .dz-processing.dz-success .dz-success-mark {
display: block;
}
.dz-dropzone .dz-processing .dz-error-mark {
color: #de4437;
}
.dz-dropzone .dz-processing .dz-success-mark {
color: #00c9a7;
}
/*------------------------------------
Dzsparallaxer
------------------------------------*/
.dzsparallaxer {
color: inherit;
}
/*--------------------------------------------------
Fancybox
----------------------------------------------------*/
.fancybox-theme .fancybox-slide.animated {
display: block;
opacity: 0;
z-index: 0;
}
.fancybox-theme .fancybox-slide.animated.fancybox-slide--current {
opacity: 1;
z-index: 1;
}
.fancybox-theme .fancybox-content {
background-color: transparent;
}
.fancybox-theme .fancybox-bg {
background-color: #19272e;
}
.fancybox-theme .fancybox-button svg {
margin-bottom: 0;
}
.fancybox-theme .fancybox-progress {
background-color: #e42522;
}
.blur-30 {
-webkit-filter: blur(30px);
filter: blur(30px);
}
/*------------------------------------
Flatpickr
------------------------------------*/
.flatpickr {
position: relative;
}
.flatpickr .flatpickr-form-control {
border: none;
cursor: pointer;
}
.flatpickr .flatpickr-form-control[readonly] {
background-color: transparent;
}
.flatpickr .flatpickr-calendar {
top: calc(1.5em + 1.5305rem) !important;
left: 0 !important;
width: auto;
padding: 1rem 1rem;
box-shadow: 0px 10px 40px 10px rgba(140, 152, 164, 0.175);
}
.flatpickr .flatpickr-calendar::before, .flatpickr .flatpickr-calendar::after {
display: none;
}
.flatpickr .flatpickr-calendar.animate.open {
-webkit-animation: fadeInUp 300ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fadeInUp 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr .flatpickr-months {
-ms-flex-align: center;
align-items: center;
margin-bottom: 0.75rem;
}
.flatpickr .flatpickr-current-month,
.flatpickr .flatpickr-prev-month,
.flatpickr .flatpickr-next-month {
padding: 0;
}
.flatpickr .flatpickr-current-month {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: auto;
}
.flatpickr .flatpickr-prev-month,
.flatpickr .flatpickr-next-month {
position: static;
color: #121a21;
width: 2.51819rem;
height: 2.51819rem;
line-height: 2.51819rem;
background-color: transparent;
border-radius: 0.3125rem;
}
.flatpickr .flatpickr-prev-month svg,
.flatpickr .flatpickr-next-month svg {
width: 0.6125rem;
height: 0.6125rem;
margin-bottom: 0;
}
.flatpickr .flatpickr-prev-month svg path,
.flatpickr .flatpickr-next-month svg path {
fill: #121a21;
}
.flatpickr .flatpickr-prev-month:hover,
.flatpickr .flatpickr-next-month:hover {
background-color: rgba(36, 186, 239, 0.1);
}
.flatpickr .flatpickr-prev-month:hover svg path,
.flatpickr .flatpickr-next-month:hover svg path {
fill: #e42522;
}
.flatpickr .flatpickr-weekday {
color: #97a4af;
text-transform: uppercase;
font-weight: 700;
}
.flatpickr .rangeMode .flatpickr-day {
margin-top: 0.25rem;
}
.flatpickr .flatpickr-monthDropdown-months {
font-size: 0.937rem;
font-weight: 700;
}
.flatpickr .flatpickr-monthDropdown-months:hover {
background-color: transparent;
}
.flatpickr .flatpickr-current-month input.cur-year {
font-size: 0.937rem;
font-weight: 700;
}
.flatpickr .flatpickr-day {
border-color: transparent;
}
.flatpickr .flatpickr-day:focus, .flatpickr .flatpickr-day:hover {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
}
.flatpickr .flatpickr-day.selected, .flatpickr .flatpickr-day.startRange, .flatpickr .flatpickr-day.endRange, .flatpickr .flatpickr-day.selected.inRange, .flatpickr .flatpickr-day.startRange.inRange, .flatpickr .flatpickr-day.endRange.inRange, .flatpickr .flatpickr-day.selected:focus, .flatpickr .flatpickr-day.startRange:focus, .flatpickr .flatpickr-day.endRange:focus, .flatpickr .flatpickr-day.selected:hover, .flatpickr .flatpickr-day.startRange:hover, .flatpickr .flatpickr-day.endRange:hover, .flatpickr .flatpickr-day.selected.prevMonthDay, .flatpickr .flatpickr-day.startRange.prevMonthDay, .flatpickr .flatpickr-day.endRange.prevMonthDay, .flatpickr .flatpickr-day.selected.nextMonthDay, .flatpickr .flatpickr-day.startRange.nextMonthDay, .flatpickr .flatpickr-day.endRange.nextMonthDay {
color: #fff;
background-color: #e42522;
border-color: #e42522;
}
.flatpickr .flatpickr-day.inRange {
color: #fff;
background-color: #e42522;
box-shadow: -0.5rem 0 0 #e42522, 0.3125rem 0 0 #e42522;
}
.flatpickr .flatpickr-day.inRange.prevMonthDay, .flatpickr .flatpickr-day.inRange.prevMonthDay:focus, .flatpickr .flatpickr-day.inRange.prevMonthDay:hover, .flatpickr .flatpickr-day.inRange.nextMonthDay, .flatpickr .flatpickr-day.inRange.nextMonthDay:focus, .flatpickr .flatpickr-day.inRange.nextMonthDay:hover, .flatpickr .flatpickr-day.selected.prevMonthDay, .flatpickr .flatpickr-day.selected.prevMonthDay:focus, .flatpickr .flatpickr-day.selected.prevMonthDay:hover, .flatpickr .flatpickr-day.selected.nextMonthDay, .flatpickr .flatpickr-day.selected.nextMonthDay:focus, .flatpickr .flatpickr-day.selected.nextMonthDay:hover {
color: #fff;
border-color: #e42522;
background-color: #e42522;
}
.flatpickr .flatpickr-day.today {
color: #fff;
border-color: transparent;
background-color: #e42522;
}
.flatpickr .flatpickr-day.prevMonthDay, .flatpickr .flatpickr-day.nextMonthDay {
color: #d0d0d2;
}
.flatpickr .flatpickr-day.prevMonthDay:focus, .flatpickr .flatpickr-day.prevMonthDay:hover, .flatpickr .flatpickr-day.nextMonthDay:focus, .flatpickr .flatpickr-day.nextMonthDay:hover {
color: #bdc5d1;
background-color: #d0d0d2;
border-color: #d0d0d2;
}
.flatpickr .flatpickr-day.disabled {
color: #121a21;
}
.flatpickr .flatpickr-day.disabled:hover {
color: #121a21;
background-color: #d0d0d2;
border-color: #d0d0d2;
}
.flatpickr .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
box-shadow: -0.5rem 0 0 #e42522, 0.3125rem 0 0 #e42522;
}
.flatpickr .numInputWrapper span.arrowUp,
.flatpickr .numInputWrapper span.arrowDown {
display: none;
}
.flatpickr .numInputWrapper:hover {
background-color: transparent;
}
/* Skins */
.flatpickr-white .flatpickr-form-control::-webkit-input-placeholder {
color: #fff;
}
.flatpickr-white .flatpickr-form-control::-moz-placeholder {
color: #fff;
}
.flatpickr-white .flatpickr-form-control:-ms-input-placeholder {
color: #fff;
}
.flatpickr-white .flatpickr-form-control::-ms-input-placeholder {
color: #fff;
}
.flatpickr-white .flatpickr-form-control,
.flatpickr-white .flatpickr-form-control::placeholder {
color: #fff;
}
.flatpickr-white .input-group-text {
color: rgba(255, 255, 255, 0.7);
}
/* Positions */
.flatpickr-right .flatpickr-calendar {
right: 0 !important;
left: auto !important;
}
/*------------------------------------
Leaflet
------------------------------------*/
.leaflet-bar,
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
box-shadow: 0px 3px 6px 0px rgba(140, 152, 164, 0.25);
}
.leaflet-bar,
.leaflet-popup-content-wrapper {
border-radius: 0.3125rem;
}
.leaflet-popup {
margin-bottom: 3rem;
}
/*------------------------------------
Range Slider
------------------------------------*/
.range-slider {
height: 1.25rem;
}
.range-slider .irs {
height: 1.25rem;
}
.range-slider .irs-line {
top: 0.5rem;
height: 0.25rem;
}
.range-slider .irs-line-left {
left: 0;
height: 0.25rem;
background-color: #d0d0d2;
border-top-left-radius: 6.1875rem;
border-bottom-left-radius: 6.1875rem;
}
.range-slider .irs-line-mid {
height: 0.25rem;
background-color: #d0d0d2;
}
.range-slider .irs-line-right {
right: 0;
height: 0.25rem;
background-color: #d0d0d2;
border-top-right-radius: 6.1875rem;
border-bottom-right-radius: 6.1875rem;
}
.range-slider .irs-bar {
top: 0.5rem;
height: 0.25rem;
background-color: #e42522;
}
.range-slider .irs-bar-edge {
top: 0.5rem;
left: 0;
height: 0.25rem;
width: 0.875rem;
border-top-left-radius: 6.1875rem;
border-bottom-left-radius: 6.1875rem;
background-color: #e42522;
}
.range-slider .irs-slider {
top: -0.25rem;
width: 1.63975rem;
height: 1.63975rem;
background-color: #fff;
cursor: pointer;
border-radius: 50%;
box-shadow: 0px 3px 6px 0px rgba(140, 152, 164, 0.25);
}
.range-slider .irs-slider.state_hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.range-slider .irs-from,
.range-slider .irs-to,
.range-slider .irs-single {
display: inline-block;
min-width: 2.5rem;
background-color: #fff;
color: #19272e;
font-size: 0.87516rem;
text-shadow: none;
text-align: center;
border-radius: 0.3125rem;
box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1);
padding: 0.5rem 0.5rem;
}
/* Indicator */
.range-slider-indicator {
height: 5rem;
}
.range-slider-indicator .irs {
height: 5rem;
}
.range-slider-indicator.range-slider-grid {
height: 8rem;
}
.range-slider-indicator.range-slider-grid .irs {
height: 8rem;
}
.range-slider-indicator .irs-line {
top: 3.875rem;
}
.range-slider-indicator .irs-bar {
top: 3.875rem;
}
.range-slider-indicator .irs-bar-edge {
top: 3.875rem;
}
.range-slider-indicator .irs-slider {
top: 2.7795rem;
}
/* Grid */
.range-slider-grid {
height: 4.5rem;
}
.range-slider-grid .irs {
height: 4.5rem;
}
.range-slider-grid .irs-grid {
height: 2.5rem;
}
.range-slider-grid .irs-grid-text {
display: inline-block;
min-width: 2.5rem;
line-height: 1;
font-size: 0.87516rem;
color: #121a21;
border-radius: 6.1875rem;
padding: 0.25rem;
}
.range-slider-grid .irs-grid-text.current {
background: rgba(36, 186, 239, 0.1);
color: #e42522;
}
.range-slider-grid .irs-grid-pol {
height: 0.9rem;
background-color: #d0d0d2;
}
.range-slider-grid .irs-grid-pol.small {
display: none;
}
/*------------------------------------
Slick
------------------------------------*/
.slick-cloned [data-hs-slick-carousel-slide-animated-element-animation] {
opacity: 0;
}
.slick {
background: url(../svg/components/circle-preloader.svg) no-repeat 50% 50%;
}
.slick .js-next,
.slick .js-prev {
opacity: 0;
}
.slick.slick-initialized {
background: none;
}
.slick.slick-initialized .js-slide,
.slick.slick-initialized .js-thumb {
visibility: visible;
height: auto;
overflow: visible;
}
.slick.slick-initialized .js-next,
.slick.slick-initialized .js-prev {
opacity: 1;
}
.slick .js-slide,
.slick .js-thumb {
height: 0;
visibility: hidden;
overflow: hidden;
}
.slick .js-slide:first-child,
.slick .js-thumb:first-child {
height: auto;
}
/*------------------------------------
Summernote Editor
------------------------------------*/
.note-modal-footer {
height: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 20px 30px;
}
.note-modal-footer .note-btn {
float: inherit;
}
.summernote-editor .note-editor.note-frame {
border-color: #d0d0d2;
}
.summernote-editor .note-editor.note-frame .note-statusbar {
background-color: #f8fafd;
border-top-color: #d0d0d2;
}
.summernote-editor .note-toolbar {
background-color: #f8fafd;
}
.summernote-editor .note-toolbar > .note-btn-group {
border: 0.0625rem solid #d0d0d2;
}
.summernote-editor .note-toolbar .note-dropdown-menu {
min-width: 12.5rem;
border-color: transparent;
box-shadow: 0px 10px 40px 10px rgba(140, 152, 164, 0.175);
border-radius: 0.3125rem;
padding: 1rem 0;
}
.summernote-editor .note-toolbar .note-color .note-dropdown-menu {
min-width: 21.5rem;
padding: 1rem 1rem;
}
.summernote-editor .note-toolbar .note-dropdown-item {
padding: 0.375rem 1.5rem;
}
.summernote-editor .note-btn:focus, .summernote-editor .note-btn:hover {
background-color: transparent;
}
.summernote-editor .note-dropdown-item:hover {
color: #e42522;
background-color: transparent;
}
.summernote-editor .dropdown-toggle::after {
display: none;
}
/*------------------------------------
Tagify
------------------------------------*/
.tagify {
--tag-bg: unset;
--tag-hover: unset;
-ms-flex-align: center;
align-items: center;
border-color: #d0d0d2;
border-radius: 0.25rem;
}
.tagify:hover {
border-color: #d0d0d2;
}
.tagify.tagify--focus {
border-color: rgba(36, 186, 239, 0.4);
}
.tagify__tag {
background-color: #d0d0d2;
border-radius: 0.25rem;
}
.tagify__tag__removeBtn {
width: 0.937rem;
height: 0.937rem;
line-height: 0.937rem;
}
.tagify__tag__removeBtn:hover {
background-color: #de4437;
}
.tagify__tag__removeBtn:hover + div::before {
box-shadow: none !important;
}
.tagify__tag__removeBtn:hover + div .tagify__tag-text {
opacity: 1;
}
.tagify__tag > div {
color: #495057;
line-height: normal;
padding: 0.3125rem 0.937rem;
border-radius: 0.25rem;
}
.tagify__tag > div * {
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: baseline;
}
.tagify__input::before {
line-height: 1.8;
}
.tagify__input .tagify__tag > div {
padding: 0.3125rem 0.937rem;
line-height: normal;
}
.tagify__dropdown__menu {
border: 0.0625rem solid #d0d0d2;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
margin-top: -1px;
}
.tagify__dropdown__item--active {
color: #e42522;
background-color: rgba(36, 186, 239, 0.1);
}
.tagify.tagify-form-control-list {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
/*------------------------------------
Typed.js
------------------------------------*/
.typed-cursor {
opacity: 1;
-webkit-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}