/*----------------------------------------------------------------------
* Swap - Responsive Website Template version 1.0.
* Copyright 2018 Htmlstream
* Licensed under Bootstrap Themes (https://themes.getbootstrap.com/licenses/)
------------------------------------------------------------------------*/
/*------------------------------------
Default Styles
------------------------------------*/
html {
font-size: 16px;
}
body {
font-family: "Roboto", Helvetica, Arial, sans-serif;
color: #111;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
text-rendering: optimizelegibility;
}
main {
position: relative;
overflow: hidden;
}
p {
color: #555;
line-height: 1.7;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: 400;
}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a,
.h1 > a, .h2 > a, .h3 > a, .h4 > a, .h5 > a, .h6 > a {
color: #111;
font-weight: 400;
}
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover,
.h1 > a:hover, .h2 > a:hover, .h3 > a:hover, .h4 > a:hover, .h5 > a:hover, .h6 > a:hover {
color: #543b82;
}
h1.text-white > a, h2.text-white > a, h3.text-white > a, h4.text-white > a, h5.text-white > a, h6.text-white > a,
.h1.text-white > a, .h2.text-white > a, .h3.text-white > a, .h4.text-white > a, .h5.text-white > a, .h6.text-white > a {
color: #fff;
}
h6,
.h6 {
font-weight: 500;
}
figure {
margin-bottom: 0;
}
object {
margin-bottom: -0.3125rem;
}
/*------------------------------------
Highlight Color
------------------------------------*/
::-moz-selection {
color: #fff;
background-color: #bd8b13;
}
::selection {
color: #fff;
background-color: #bd8b13;
}
.bg-primary ::-moz-selection {
color: #bd8b13;
background-color: #fff;
}
.bg-primary ::selection {
color: #bd8b13;
background-color: #fff;
}
.bg-gray-100 {
background-color: #f5f8fb;
}
/*------------------------------------
Animate.css
------------------------------------*/
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 25%, 0);
transform: translate3d(0, 25%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 25%, 0);
transform: translate3d(0, 25%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-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;
}
/*------------------------------------
Custombox
------------------------------------*/
.custombox-lock {
overflow: auto;
}
/*------------------------------------
Dzsparallaxer
------------------------------------*/
.dzsparallaxer {
color: inherit;
}
/*--------------------------------------------------
Fancybox
----------------------------------------------------*/
.u-fancybox-theme .fancybox-bg {
background-color: #111;
}
/*------------------------------------
Slick
------------------------------------*/
[data-lazy] {
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.slick-cloned [data-scs-animation-in] {
opacity: 0;
}
.u-slick {
background: url(../svg/preloaders/slick-carousel-preloader-primary.svg) no-repeat 50% 50%;
}
.u-slick .js-next,
.u-slick .js-prev {
opacity: 0;
}
.u-slick.slick-initialized {
background: none;
}
.u-slick.slick-initialized .js-slide,
.u-slick.slick-initialized .js-thumb {
visibility: visible;
height: auto;
overflow: visible;
}
.u-slick.slick-initialized .js-next,
.u-slick.slick-initialized .js-prev {
opacity: 1;
}
.u-slick .js-slide,
.u-slick .js-thumb {
height: 0;
visibility: hidden;
overflow: hidden;
}
.u-slick .js-slide:first-child,
.u-slick .js-thumb:first-child {
height: auto;
}
/*------------------------------------
Typed.js
------------------------------------*/
.typed-cursor {
opacity: 1;
-webkit-animation: blink .7s infinite;
animation: blink .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;
}
}
/*------------------------------------
List
------------------------------------*/
.u-list {
margin-bottom: 0;
}
.u-list__item {
padding-left: .5rem;
padding-right: .5rem;
}
.u-list__item-mosaic:nth-child(even) {
background-color: #f5f8fb;
}
.u-list__link {
display: block;
color: #646f79;
font-size: .875rem;
padding-top: .375rem;
padding-bottom: .375rem;
}
.u-list__link.active {
color: #bd8b13;
}
.u-list__link-icon {
display: inline-block;
vertical-align: middle;
text-align: center;
vertical-align: inherit;
width: 1rem;
font-size: .75rem;
}
.u-list .disabled, .u-list:disabled {
color: #8c98a4;
}
.u-list .active > .u-list__link {
color: #bd8b13;
}
/* Light */
.u-list--light .u-list__link {
color: #646f79;
}
.u-list--light .u-list__link:hover {
color: #bd8b13;
}
/* White */
.u-list--white .u-list__item-mosaic:nth-child(even) {
background-color: rgba(255, 255, 255, .1);
}
.u-list--white .u-list__link {
color: rgba(255, 255, 255, .7);
}
.u-list--white .u-list__link:hover {
color: #fff;
}
.u-list--white .active .u-list__link {
color: #fff;
}
/*------------------------------------
Header Default
------------------------------------*/
.u-header {
position: relative;
right: 0;
left: 0;
width: 100%;
z-index: 101;
transition: all .2s;
}
.u-header__section {
position: relative;
z-index: 1;
background-color: #fff;
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
border-bottom: 1px solid #e3e6f0;
}
.u-header__hamburger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* Navbar */
.u-header__navbar {
padding: 0;
}
.u-header__navbar-brand {
width: 13.875rem;
}
.u-header__navbar-brand img {
max-width: 100%;
}
.u-header__navbar-brand-mobile {
width: 3.125rem;
}
.u-header__navbar-nav {
padding-top: .625rem;
padding-bottom: .625rem;
}
.u-header__navbar-icon {
padding-top: 1.3125rem;
padding-bottom: 1.3125rem;
padding-left: .4375rem;
padding-right: .4375rem;
}
.u-header__navbar-icon:last-child {
padding-right: 0;
}
.u-header__navbar-icon-wrapper {
margin-left: auto;
}
/* Nav Item */
.u-header__nav-item:hover .u-header__nav-link, .u-header__nav-item:focus .u-header__nav-link {
color: #bd8b13;
}
/* Nav Link */
.u-header__nav-link {
color: #5a5757;
font-size: 16px;
font-weight: 400;
transition: .3s;
}
.u-header__nav-link-icon {
font-size: .625rem;
margin-left: .25rem;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.u-header .active > .u-header__nav-link {
color: #bd8b13;
}
/* Sub Menu */
.u-header__sub-menu-title {
display: block;
color: #111;
font-size: 1rem;
font-weight: 500;
margin-bottom: .625rem;
}
.u-header__sub-menu-nav-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: .875rem;
color: #5a5757;
}
.u-header__sub-menu-nav-link-icon {
font-size: .625rem;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.u-header__sub-menu .active > .u-header__sub-menu-nav-link {
color: #bd8b13;
}
/* Search */
.u-header__search-addon {
border: none;
}
.u-header__search-addon-btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* Header Fix Top */
.u-header--fix-top {
position: fixed;
}
.u-header.u-header--fix-top[data-effect-compensation] {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
/*------------------------------------
Header Helpers
------------------------------------*/
.u-header--invisible {
display: none;
}
.u-header--moved-up {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.u-header--faded {
opacity: 0;
visibility: hidden;
}
.u-header__section--hidden {
position: relative;
}
.u-header[data-header-fix-effect] {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
}
.u-header.u-header--untransitioned {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.u-header.js-header-fix-moment {
position: fixed;
top: 0;
bottom: auto;
}
/*------------------------------------
Transparent Header
------------------------------------*/
@media (min-width: 992px) {
.u-header--bg-transparent:not(.js-header-fix-moment):not(.u-scrolled) .u-header__section {
background-color: transparent;
border-color: transparent;
}
.u-header--bordered:not(.bg-white):not(.js-header-fix-moment):not(.u-scrolled) .u-header__section,
.u-header--bordered:not(.bg-white):not(.js-header-fix-moment):not(.u-scrolled) .u-header__navbar-brand,
.u-header--bordered:not(.bg-white):not(.js-header-fix-moment):not(.u-scrolled) .u-header__nav-item-user,
.u-header--bordered:not(.bg-white):not(.js-header-fix-moment):not(.u-scrolled) .u-header__navbar-v-divider {
border-color: rgba(255, 255, 255, .15);
}
.u-header__navbar-brand-on-scroll {
display: none;
}
.js-header-fix-moment .u-header__navbar-brand-default, .u-scrolled .u-header__navbar-brand-default {
display: none;
}
.js-header-fix-moment .u-header__navbar-brand-on-scroll, .u-scrolled .u-header__navbar-brand-on-scroll {
display: inline-block;
}
}
@media (max-width: 991px) {
.u-header__navbar-brand-default {
display: none;
}
}
/*------------------------------------
Header White Nav Links
------------------------------------*/
@media (min-width: 992px) {
.u-header--white-nav-links .u-header__nav-link,
.u-header--white-nav-links [class*="u-btn-text-"] {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.u-header--white-nav-links .u-header__nav-link-icon {
-webkit-transition: 0s;
-o-transition: 0s;
transition: 0s;
}
.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment):not(.u-scrolled) .u-header__nav-item:hover .u-header__nav-link {
color: #fff;
}
.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment):not(.u-scrolled) .u-header__nav-link,
.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment):not(.u-scrolled) .u-header__nav-item-user-name,
.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment):not(.u-scrolled) [class*="u-btn-text-"] {
color: rgba(255, 255, 255, .9);
}
.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment):not(.u-scrolled) .u-header__nav-link:hover,
.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment):not(.u-scrolled) .u-header__nav-item-user-name:hover,
.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment):not(.u-scrolled) [class*="u-btn-text-"]:hover {
color: #fff;
}
.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment):not(.u-scrolled) .u-header__nav-item-user {
background-color: rgba(255, 255, 255, .1);
}
}
/*------------------------------------
Default Navbar Expand
------------------------------------*/
.navbar-expand {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-header--bordered .navbar-expand .u-header__navbar-brand {
border-right: 1px solid #e3e6f0;
margin-right: 1.375rem;
}
.u-header--bordered .navbar-expand .u-header__navbar-v-divider {
border-left: .0625rem solid #e3e6f0;
margin-left: 1.375rem;
}
.u-header--modern .navbar-expand .u-header__hamburger {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand .u-header__navbar-brand-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand .u-header__navbar-collapse {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.u-header--modern .navbar-expand .u-header__secondary-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.navbar-expand .u-header__navbar-brand {
padding-top: 1rem;
padding-bottom: .9375rem;
padding-right: 1rem;
}
.navbar-expand .u-header__navbar-nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
margin-left: auto;
}
.navbar-expand .u-header__navbar-nav .u-header__nav-link {
padding-top: 1.375rem;
padding-bottom: 1.375rem;
padding-right: .875rem;
padding-left: .875rem;
}
.navbar-expand .u-header__navbar-nav .u-header__sub-menu {
border: 1px solid #e3e6f0;
padding-top: 1rem;
padding-bottom: 1rem;
-webkit-box-shadow: 0 8px 20px rgba(100, 111, 121, .1);
box-shadow: 0 8px 20px rgba(100, 111, 121, .1);
}
.navbar-expand .u-header__navbar-nav .u-header__sub-menu .u-header__sub-menu {
padding-top: 1rem;
padding-bottom: 1rem;
}
.navbar-expand .u-header__navbar-nav .u-header__sub-menu-list-item {
padding: 0;
}
.navbar-expand .u-header__navbar-nav .u-header__sub-menu-nav-link {
padding-top: .625rem;
padding-bottom: .625rem;
padding-right: 1.75rem;
padding-left: 1.75rem;
}
.navbar-expand .u-header__navbar-nav .u-header__sub-menu-offset {
margin-top: -1.0625rem;
}
.navbar-expand .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu {
padding: 0;
}
.navbar-expand .u-header__mega-menu-list {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0;
list-style: none;
}
.navbar-expand .u-header__mega-menu-col {
padding-left: 2rem;
}
.navbar-expand .u-header__mega-menu-col:first-child {
padding-left: 1.5rem;
}
.navbar-expand .u-header__mega-menu-col:not(:last-child) {
border-right: 1px solid #e3e6f0;
}
.navbar-expand .u-header__mega-menu-wrapper-v1 {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.navbar-expand .u-header__nav-item-btn {
padding-left: 1rem;
}
.navbar-expand .u-header__nav-item-user {
background-color: #f5f8fb;
border-left: 1px solid #e3e6f0;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
padding-right: 1rem;
}
.navbar-expand .u-header__nav-item-user-name {
color: #646f79;
}
.navbar-expand .u-header__nav-item-user-name:hover {
color: #bd8b13;
}
.navbar-expand .u-header__nav-item-user + .u-header__navbar-v-divider {
margin-left: 0;
}
.navbar-expand .u-header__navbar-v-divider {
padding-left: .875rem;
}
.navbar-expand .u-header__search {
position: absolute;
right: 0;
z-index: 102;
width: 23.125rem;
background-color: #fff;
border: 1px solid #e3e6f0;
-webkit-box-shadow: 0 0 25px rgba(21, 27, 38, .1);
box-shadow: 0 0 25px rgba(21, 27, 38, .1);
padding: 1rem;
border-radius: 0;
margin-top: 1.3125rem;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.navbar-expand .u-header__search.u-unfold--css-animation.u-unfold--hidden {
display: none;
opacity: 0;
visibility: hidden;
}
.u-header--left-aligned-nav .navbar-expand .u-header__navbar-nav {
width: 100%;
margin-left: 0;
}
.u-header--left-aligned-nav .navbar-expand .u-header__nav-item-btn {
margin-left: auto;
}
@media (min-width: 576px) {
.navbar-expand-sm {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-header--bordered .navbar-expand-sm .u-header__navbar-brand {
border-right: 1px solid #e3e6f0;
margin-right: 1.375rem;
}
.u-header--bordered .navbar-expand-sm .u-header__navbar-v-divider {
border-left: .0625rem solid #e3e6f0;
margin-left: 1.375rem;
}
.u-header--modern .navbar-expand-sm .u-header__hamburger {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand-sm .u-header__navbar-brand-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand-sm .u-header__navbar-collapse {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.u-header--modern .navbar-expand-sm .u-header__secondary-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.navbar-expand-sm .u-header__navbar-brand {
padding-top: 1rem;
padding-bottom: .9375rem;
padding-right: 1rem;
}
.navbar-expand-sm .u-header__navbar-nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
margin-left: auto;
}
.navbar-expand-sm .u-header__navbar-nav .u-header__nav-link {
padding-top: 1.375rem;
padding-bottom: 1.375rem;
padding-right: .875rem;
padding-left: .875rem;
}
.navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu {
border: 1px solid #e3e6f0;
padding-top: 1rem;
padding-bottom: 1rem;
-webkit-box-shadow: 0 8px 20px rgba(100, 111, 121, .1);
box-shadow: 0 8px 20px rgba(100, 111, 121, .1);
}
.navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu .u-header__sub-menu {
padding-top: 1rem;
padding-bottom: 1rem;
}
.navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu-list-item {
padding: 0;
}
.navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu-nav-link {
padding-top: .625rem;
padding-bottom: .625rem;
padding-right: 1.75rem;
padding-left: 1.75rem;
}
.navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu-offset {
margin-top: -1.0625rem;
}
.navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu {
padding: 0;
}
.navbar-expand-sm .u-header__mega-menu-list {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0;
list-style: none;
}
.navbar-expand-sm .u-header__mega-menu-col {
padding-left: 2rem;
}
.navbar-expand-sm .u-header__mega-menu-col:first-child {
padding-left: 1.5rem;
}
.navbar-expand-sm .u-header__mega-menu-col:not(:last-child) {
border-right: 1px solid #e3e6f0;
}
.navbar-expand-sm .u-header__mega-menu-wrapper-v1 {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.navbar-expand-sm .u-header__nav-item-btn {
padding-left: 1rem;
}
.navbar-expand-sm .u-header__nav-item-user {
background-color: #f5f8fb;
border-left: 1px solid #e3e6f0;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
padding-right: 1rem;
}
.navbar-expand-sm .u-header__nav-item-user-name {
color: #646f79;
}
.navbar-expand-sm .u-header__nav-item-user-name:hover {
color: #bd8b13;
}
.navbar-expand-sm .u-header__nav-item-user + .u-header__navbar-v-divider {
margin-left: 0;
}
.navbar-expand-sm .u-header__navbar-v-divider {
padding-left: .875rem;
}
.navbar-expand-sm .u-header__search {
position: absolute;
right: 0;
z-index: 102;
width: 23.125rem;
background-color: #fff;
border: 1px solid #e3e6f0;
-webkit-box-shadow: 0 0 25px rgba(21, 27, 38, .1);
box-shadow: 0 0 25px rgba(21, 27, 38, .1);
padding: 1rem;
border-radius: 0;
margin-top: 1.3125rem;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.navbar-expand-sm .u-header__search.u-unfold--css-animation.u-unfold--hidden {
display: none;
opacity: 0;
visibility: hidden;
}
.u-header--left-aligned-nav .navbar-expand-sm .u-header__navbar-nav {
width: 100%;
margin-left: 0;
}
.u-header--left-aligned-nav .navbar-expand-sm .u-header__nav-item-btn {
margin-left: auto;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-header--bordered .navbar-expand-md .u-header__navbar-brand {
border-right: 1px solid #e3e6f0;
margin-right: 1.375rem;
}
.u-header--bordered .navbar-expand-md .u-header__navbar-v-divider {
border-left: .0625rem solid #e3e6f0;
margin-left: 1.375rem;
}
.u-header--modern .navbar-expand-md .u-header__hamburger {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand-md .u-header__navbar-brand-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand-md .u-header__navbar-collapse {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.u-header--modern .navbar-expand-md .u-header__secondary-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.navbar-expand-md .u-header__navbar-brand {
padding-top: 1rem;
padding-bottom: .9375rem;
padding-right: 1rem;
}
.navbar-expand-md .u-header__navbar-nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
margin-left: auto;
}
.navbar-expand-md .u-header__navbar-nav .u-header__nav-link {
padding-top: 1.375rem;
padding-bottom: 1.375rem;
padding-right: .875rem;
padding-left: .875rem;
}
.navbar-expand-md .u-header__navbar-nav .u-header__sub-menu {
border: 1px solid #e3e6f0;
padding-top: 1rem;
padding-bottom: 1rem;
-webkit-box-shadow: 0 8px 20px rgba(100, 111, 121, .1);
box-shadow: 0 8px 20px rgba(100, 111, 121, .1);
}
.navbar-expand-md .u-header__navbar-nav .u-header__sub-menu .u-header__sub-menu {
padding-top: 1rem;
padding-bottom: 1rem;
}
.navbar-expand-md .u-header__navbar-nav .u-header__sub-menu-list-item {
padding: 0;
}
.navbar-expand-md .u-header__navbar-nav .u-header__sub-menu-nav-link {
padding-top: .625rem;
padding-bottom: .625rem;
padding-right: 1.75rem;
padding-left: 1.75rem;
}
.navbar-expand-md .u-header__navbar-nav .u-header__sub-menu-offset {
margin-top: -1.0625rem;
}
.navbar-expand-md .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu {
padding: 0;
}
.navbar-expand-md .u-header__mega-menu-list {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0;
list-style: none;
}
.navbar-expand-md .u-header__mega-menu-col {
padding-left: 2rem;
}
.navbar-expand-md .u-header__mega-menu-col:first-child {
padding-left: 1.5rem;
}
.navbar-expand-md .u-header__mega-menu-col:not(:last-child) {
border-right: 1px solid #e3e6f0;
}
.navbar-expand-md .u-header__mega-menu-wrapper-v1 {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.navbar-expand-md .u-header__nav-item-btn {
padding-left: 1rem;
}
.navbar-expand-md .u-header__nav-item-user {
background-color: #f5f8fb;
border-left: 1px solid #e3e6f0;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
padding-right: 1rem;
}
.navbar-expand-md .u-header__nav-item-user-name {
color: #646f79;
}
.navbar-expand-md .u-header__nav-item-user-name:hover {
color: #bd8b13;
}
.navbar-expand-md .u-header__nav-item-user + .u-header__navbar-v-divider {
margin-left: 0;
}
.navbar-expand-md .u-header__navbar-v-divider {
padding-left: .875rem;
}
.navbar-expand-md .u-header__search {
position: absolute;
right: 0;
z-index: 102;
width: 23.125rem;
background-color: #fff;
border: 1px solid #e3e6f0;
-webkit-box-shadow: 0 0 25px rgba(21, 27, 38, .1);
box-shadow: 0 0 25px rgba(21, 27, 38, .1);
padding: 1rem;
border-radius: 0;
margin-top: 1.3125rem;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.navbar-expand-md .u-header__search.u-unfold--css-animation.u-unfold--hidden {
display: none;
opacity: 0;
visibility: hidden;
}
.u-header--left-aligned-nav .navbar-expand-md .u-header__navbar-nav {
width: 100%;
margin-left: 0;
}
.u-header--left-aligned-nav .navbar-expand-md .u-header__nav-item-btn {
margin-left: auto;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-header--bordered .navbar-expand-lg .u-header__navbar-brand {
border-right: 1px solid #e3e6f0;
margin-right: 1.375rem;
}
.u-header--bordered .navbar-expand-lg .u-header__navbar-v-divider {
border-left: .0625rem solid #e3e6f0;
margin-left: 1.375rem;
}
.u-header--modern .navbar-expand-lg .u-header__hamburger {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand-lg .u-header__navbar-brand-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand-lg .u-header__navbar-collapse {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.u-header--modern .navbar-expand-lg .u-header__secondary-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.navbar-expand-lg .u-header__navbar-brand {
padding-top: 0;
padding-bottom: 0;
padding-right: 1rem;
}
.navbar-expand-lg .u-header__navbar-nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
margin-left: auto;
}
.navbar-expand-lg .u-header__navbar-nav .u-header__nav-link {
padding-top: 1.375rem;
padding-bottom: 1.375rem;
padding-right: .875rem;
padding-left: .875rem;
}
.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu {
border: 1px solid #e3e6f0;
padding-top: 1rem;
padding-bottom: 1rem;
-webkit-box-shadow: 0 8px 20px rgba(100, 111, 121, .1);
box-shadow: 0 8px 20px rgba(100, 111, 121, .1);
}
.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu .u-header__sub-menu {
padding-top: 1rem;
padding-bottom: 1rem;
}
.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu-list-item {
padding: 0;
}
.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu-nav-link {
padding-top: .625rem;
padding-bottom: .625rem;
padding-right: 1.75rem;
padding-left: 1.75rem;
}
.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu-offset {
margin-top: -1.0625rem;
}
.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu {
padding: 0;
}
.navbar-expand-lg .u-header__mega-menu-list {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0;
list-style: none;
}
.navbar-expand-lg .u-header__mega-menu-col {
padding-left: 2rem;
}
.navbar-expand-lg .u-header__mega-menu-col:first-child {
padding-left: 1.5rem;
}
.navbar-expand-lg .u-header__mega-menu-col:not(:last-child) {
border-right: 1px solid #e3e6f0;
}
.navbar-expand-lg .u-header__mega-menu-wrapper-v1 {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.navbar-expand-lg .u-header__nav-item-btn {
padding-left: 1rem;
}
.navbar-expand-lg .u-header__nav-item-user {
background-color: #f5f8fb;
border-left: 1px solid #e3e6f0;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
padding-right: 1rem;
}
.navbar-expand-lg .u-header__nav-item-user-name {
color: #646f79;
}
.navbar-expand-lg .u-header__nav-item-user-name:hover {
color: #bd8b13;
}
.navbar-expand-lg .u-header__nav-item-user + .u-header__navbar-v-divider {
margin-left: 0;
}
.navbar-expand-lg .u-header__navbar-v-divider {
padding-left: .875rem;
}
.navbar-expand-lg .u-header__search {
position: absolute;
right: 0;
z-index: 102;
width: 23.125rem;
background-color: #fff;
border: 1px solid #e3e6f0;
-webkit-box-shadow: 0 0 25px rgba(21, 27, 38, .1);
box-shadow: 0 0 25px rgba(21, 27, 38, .1);
padding: 1rem;
border-radius: 0;
margin-top: 1.3125rem;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.navbar-expand-lg .u-header__search.u-unfold--css-animation.u-unfold--hidden {
display: none;
opacity: 0;
visibility: hidden;
}
.u-header--left-aligned-nav .navbar-expand-lg .u-header__navbar-nav {
width: 100%;
margin-left: 0;
}
.u-header--left-aligned-nav .navbar-expand-lg .u-header__nav-item-btn {
margin-left: auto;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.navbar-expand-lg .u-header__navbar-nav {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-header--bordered .navbar-expand-xl .u-header__navbar-brand {
border-right: 1px solid #e3e6f0;
margin-right: 1.375rem;
}
.u-header--bordered .navbar-expand-xl .u-header__navbar-v-divider {
border-left: .0625rem solid #e3e6f0;
margin-left: 1.375rem;
}
.u-header--modern .navbar-expand-xl .u-header__hamburger {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand-xl .u-header__navbar-brand-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand-xl .u-header__navbar-collapse {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.u-header--modern .navbar-expand-xl .u-header__secondary-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.navbar-expand-xl .u-header__navbar-brand {
padding-top: 1rem;
padding-bottom: .9375rem;
padding-right: 1rem;
}
.navbar-expand-xl .u-header__navbar-nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
margin-left: auto;
}
.navbar-expand-xl .u-header__navbar-nav .u-header__nav-link {
padding-top: 1.375rem;
padding-bottom: 1.375rem;
padding-right: .875rem;
padding-left: .875rem;
}
.navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu {
border: 1px solid #e3e6f0;
padding-top: 1rem;
padding-bottom: 1rem;
-webkit-box-shadow: 0 8px 20px rgba(100, 111, 121, .1);
box-shadow: 0 8px 20px rgba(100, 111, 121, .1);
}
.navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu .u-header__sub-menu {
padding-top: 1rem;
padding-bottom: 1rem;
}
.navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu-list-item {
padding: 0;
}
.navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu-nav-link {
padding-top: .625rem;
padding-bottom: .625rem;
padding-right: 1.75rem;
padding-left: 1.75rem;
}
.navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu-offset {
margin-top: -1.0625rem;
}
.navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu {
padding: 0;
}
.navbar-expand-xl .u-header__mega-menu-list {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0;
list-style: none;
}
.navbar-expand-xl .u-header__mega-menu-col {
padding-left: 2rem;
}
.navbar-expand-xl .u-header__mega-menu-col:first-child {
padding-left: 1.5rem;
}
.navbar-expand-xl .u-header__mega-menu-col:not(:last-child) {
border-right: 1px solid #e3e6f0;
}
.navbar-expand-xl .u-header__mega-menu-wrapper-v1 {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.navbar-expand-xl .u-header__nav-item-btn {
padding-left: 1rem;
}
.navbar-expand-xl .u-header__nav-item-user {
background-color: #f5f8fb;
border-left: 1px solid #e3e6f0;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
padding-right: 1rem;
}
.navbar-expand-xl .u-header__nav-item-user-name {
color: #646f79;
}
.navbar-expand-xl .u-header__nav-item-user-name:hover {
color: #bd8b13;
}
.navbar-expand-xl .u-header__nav-item-user + .u-header__navbar-v-divider {
margin-left: 0;
}
.navbar-expand-xl .u-header__navbar-v-divider {
padding-left: .875rem;
}
.navbar-expand-xl .u-header__search {
position: absolute;
right: 0;
z-index: 102;
width: 23.125rem;
background-color: #fff;
border: 1px solid #e3e6f0;
-webkit-box-shadow: 0 0 25px rgba(21, 27, 38, .1);
box-shadow: 0 0 25px rgba(21, 27, 38, .1);
padding: 1rem;
border-radius: 0;
margin-top: 1.3125rem;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.navbar-expand-xl .u-header__search.u-unfold--css-animation.u-unfold--hidden {
display: none;
opacity: 0;
visibility: hidden;
}
.u-header--left-aligned-nav .navbar-expand-xl .u-header__navbar-nav {
width: 100%;
margin-left: 0;
}
.u-header--left-aligned-nav .navbar-expand-xl .u-header__nav-item-btn {
margin-left: auto;
}
}
@media (max-width: 575px) {
.u-header--modern .navbar-expand-sm.u-header__navbar {
padding-top: 0;
padding-bottom: 0;
}
.u-header--modern .navbar-expand-sm .u-header__hamburger {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand-sm .u-header__navbar-brand {
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
}
.u-header--modern .navbar-expand-sm .u-header__navbar-brand-wrapper {
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.u-header--modern .navbar-expand-sm .u-header__navbar-collapse {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.u-header--modern .navbar-expand-sm .u-header__secondary-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.navbar-expand-sm.u-header__navbar {
padding-top: .3125rem;
padding-bottom: .3125rem;
}
.navbar-expand-sm .u-header__nav-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-expand-sm .u-header__nav-link-icon {
margin-left: auto;
}
.navbar-expand-sm .hs-mega-menu-opened .u-header__nav-link-icon,
.navbar-expand-sm .hs-sub-menu-opened .u-header__nav-link-icon {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-sm .hs-sub-menu-opened > .u-header__sub-menu-nav-link .u-header__sub-menu-nav-link-icon {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar-expand-sm .u-header__sub-menu {
padding-left: .75rem;
padding-right: .75rem;
}
.navbar-expand-sm .u-header__sub-menu .hs-has-sub-menu {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-sm .u-header__sub-menu .hs-has-sub-menu .hs-sub-menu {
-webkit-animation: none;
animation: none;
}
.navbar-expand-sm .u-header__sub-menu-list-item {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-sm .u-header__mega-menu-list {
padding-top: .375rem;
padding-bottom: .375rem;
padding-left: .375rem;
}
.navbar-expand-sm .u-header__nav-item-btn {
padding-top: 1rem;
padding-bottom: 1.375rem;
}
.navbar-expand-sm .u-header__navbar-v-divider {
border-top: .0625rem solid #e3e6f0;
padding-right: 0;
padding-left: 0;
}
.navbar-expand-sm .u-header__search {
-webkit-animation-duration: 0ms !important;
animation-duration: 0ms !important;
}
.navbar-expand-sm .u-header__search-toggle {
display: none;
}
}
@media (max-width: 767px) {
.u-header--modern .navbar-expand-md.u-header__navbar {
padding-top: 0;
padding-bottom: 0;
}
.u-header--modern .navbar-expand-md .u-header__hamburger {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand-md .u-header__navbar-brand {
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
}
.u-header--modern .navbar-expand-md .u-header__navbar-brand-wrapper {
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.u-header--modern .navbar-expand-md .u-header__navbar-collapse {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.u-header--modern .navbar-expand-md .u-header__secondary-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.navbar-expand-md.u-header__navbar {
padding-top: .3125rem;
padding-bottom: .3125rem;
}
.navbar-expand-md .u-header__nav-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-expand-md .u-header__nav-link-icon {
margin-left: auto;
}
.navbar-expand-md .hs-mega-menu-opened .u-header__nav-link-icon,
.navbar-expand-md .hs-sub-menu-opened .u-header__nav-link-icon {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-md .hs-sub-menu-opened > .u-header__sub-menu-nav-link .u-header__sub-menu-nav-link-icon {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar-expand-md .u-header__sub-menu {
padding-left: .75rem;
padding-right: .75rem;
}
.navbar-expand-md .u-header__sub-menu .hs-has-sub-menu {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-md .u-header__sub-menu .hs-has-sub-menu .hs-sub-menu {
-webkit-animation: none;
animation: none;
}
.navbar-expand-md .u-header__sub-menu-list-item {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-md .u-header__mega-menu-list {
padding-top: .375rem;
padding-bottom: .375rem;
padding-left: .375rem;
}
.navbar-expand-md .u-header__nav-item-btn {
padding-top: 1rem;
padding-bottom: 1.375rem;
}
.navbar-expand-md .u-header__navbar-v-divider {
border-top: .0625rem solid #e3e6f0;
padding-right: 0;
padding-left: 0;
}
.navbar-expand-md .u-header__search {
-webkit-animation-duration: 0ms !important;
animation-duration: 0ms !important;
}
.navbar-expand-md .u-header__search-toggle {
display: none;
}
}
@media (max-width: 991px) {
.u-header--modern .navbar-expand-lg.u-header__navbar {
padding-top: 0;
padding-bottom: 0;
}
.u-header--modern .navbar-expand-lg .u-header__hamburger {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand-lg .u-header__navbar-brand {
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
}
.u-header--modern .navbar-expand-lg .u-header__navbar-brand-wrapper {
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.u-header--modern .navbar-expand-lg .u-header__navbar-collapse {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.u-header--modern .navbar-expand-lg .u-header__secondary-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.navbar-expand-lg.u-header__navbar {
padding-top: .3125rem;
padding-bottom: .3125rem;
}
.navbar-expand-lg .u-header__nav-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: .5rem !important;
padding-bottom: .5rem !important;
}
.navbar-expand-lg .u-header__nav-link-icon {
margin-left: auto;
}
.navbar-expand-lg .hs-mega-menu-opened .u-header__nav-link-icon,
.navbar-expand-lg .hs-sub-menu-opened .u-header__nav-link-icon {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-lg .hs-sub-menu-opened > .u-header__sub-menu-nav-link .u-header__sub-menu-nav-link-icon {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar-expand-lg .u-header__sub-menu {
padding-left: .75rem;
padding-right: .75rem;
}
.navbar-expand-lg .u-header__sub-menu .hs-has-sub-menu {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-lg .u-header__sub-menu .hs-has-sub-menu .hs-sub-menu {
-webkit-animation: none;
animation: none;
}
.navbar-expand-lg .u-header__sub-menu-list-item {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-lg .u-header__mega-menu-list {
padding-top: .375rem;
padding-bottom: .375rem;
padding-left: .375rem;
}
.navbar-expand-lg .u-header__nav-item-btn {
padding-top: 1rem;
padding-bottom: 1.375rem;
}
.navbar-expand-lg .u-header__navbar-v-divider {
border-top: .0625rem solid #e3e6f0;
padding-right: 0;
padding-left: 0;
}
.navbar-expand-lg .u-header__search {
-webkit-animation-duration: 0ms !important;
animation-duration: 0ms !important;
}
.navbar-expand-lg .u-header__search-toggle {
display: none;
}
}
@media (max-width: 1199px) {
.u-header--modern .navbar-expand-xl.u-header__navbar {
padding-top: 0;
padding-bottom: 0;
}
.u-header--modern .navbar-expand-xl .u-header__hamburger {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand-xl .u-header__navbar-brand {
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
}
.u-header--modern .navbar-expand-xl .u-header__navbar-brand-wrapper {
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.u-header--modern .navbar-expand-xl .u-header__navbar-collapse {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.u-header--modern .navbar-expand-xl .u-header__secondary-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.navbar-expand-xl.u-header__navbar {
padding-top: .3125rem;
padding-bottom: .3125rem;
}
.navbar-expand-xl .u-header__nav-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-expand-xl .u-header__nav-link-icon {
margin-left: auto;
}
.navbar-expand-xl .hs-mega-menu-opened .u-header__nav-link-icon,
.navbar-expand-xl .hs-sub-menu-opened .u-header__nav-link-icon {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-xl .hs-sub-menu-opened > .u-header__sub-menu-nav-link .u-header__sub-menu-nav-link-icon {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar-expand-xl .u-header__sub-menu {
padding-left: .75rem;
padding-right: .75rem;
}
.navbar-expand-xl .u-header__sub-menu .hs-has-sub-menu {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-xl .u-header__sub-menu .hs-has-sub-menu .hs-sub-menu {
-webkit-animation: none;
animation: none;
}
.navbar-expand-xl .u-header__sub-menu-list-item {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-xl .u-header__mega-menu-list {
padding-top: .375rem;
padding-bottom: .375rem;
padding-left: .375rem;
}
.navbar-expand-xl .u-header__nav-item-btn {
padding-top: 1rem;
padding-bottom: 1.375rem;
}
.navbar-expand-xl .u-header__navbar-v-divider {
border-top: .0625rem solid #e3e6f0;
padding-right: 0;
padding-left: 0;
}
.navbar-expand-xl .u-header__search {
-webkit-animation-duration: 0ms !important;
animation-duration: 0ms !important;
}
.navbar-expand-xl .u-header__search-toggle {
display: none;
}
}
.u-header--modern .navbar-expand.u-header__navbar {
padding-top: 0;
padding-bottom: 0;
}
.u-header--modern .navbar-expand .u-header__hamburger {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.u-header--modern .navbar-expand .u-header__navbar-brand {
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
}
.u-header--modern .navbar-expand .u-header__navbar-brand-wrapper {
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.u-header--modern .navbar-expand .u-header__navbar-collapse {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.u-header--modern .navbar-expand .u-header__secondary-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.navbar-expand.u-header__navbar {
padding-top: .3125rem;
padding-bottom: .3125rem;
}
.navbar-expand .u-header__nav-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-expand .u-header__nav-link-icon {
margin-left: auto;
}
.navbar-expand .hs-mega-menu-opened .u-header__nav-link-icon,
.navbar-expand .hs-sub-menu-opened .u-header__nav-link-icon {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand .hs-sub-menu-opened > .u-header__sub-menu-nav-link .u-header__sub-menu-nav-link-icon {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar-expand .u-header__sub-menu {
padding-left: .75rem;
padding-right: .75rem;
}
.navbar-expand .u-header__sub-menu .hs-has-sub-menu {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand .u-header__sub-menu .hs-has-sub-menu .hs-sub-menu {
-webkit-animation: none;
animation: none;
}
.navbar-expand .u-header__sub-menu-list-item {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand .u-header__mega-menu-list {
padding-top: .375rem;
padding-bottom: .375rem;
padding-left: .375rem;
}
.navbar-expand .u-header__nav-item-btn {
padding-top: 1rem;
padding-bottom: 1.375rem;
}
.navbar-expand .u-header__navbar-v-divider {
border-top: .0625rem solid #e3e6f0;
padding-right: 0;
padding-left: 0;
}
.navbar-expand .u-header__search {
-webkit-animation-duration: 0ms !important;
animation-duration: 0ms !important;
}
.navbar-expand .u-header__search-toggle {
display: none;
}
@media (min-width: 576px) {
.u-header__navbar-brand-default {
display: inline-block;
}
.u-header__navbar-brand-mobile {
display: none;
}
}
@media (max-width: 575px) {
.u-header__navbar-brand-default, .u-header__navbar-brand-on-scroll {
display: none;
}
.u-header__navbar-brand-mobile {
display: inline-block;
}
}
/*------------------------------------
Header Navbar Background Colors
------------------------------------*/
.u-header--navbar-bg .u-header__section {
border-color: transparent;
}
.u-header--navbar-bg.u-header--bordered .u-header__section,
.u-header--navbar-bg.u-header--bordered .u-header__navbar-brand,
.u-header--navbar-bg.u-header--bordered .u-header__nav-item-user,
.u-header--navbar-bg.u-header--bordered .u-header__navbar-v-divider {
border-color: rgba(255, 255, 255, .15);
}
.u-header--navbar-bg .u-header__nav-item:hover .u-header__nav-link {
color: #fff;
}
.u-header--navbar-bg .u-header__nav-link {
color: rgba(255, 255, 255, .7);
}
.u-header--navbar-bg .u-header__nav-link:hover {
color: #fff;
}
.u-header--navbar-bg [class*="u-btn-text-"] {
color: rgba(255, 255, 255, .7);
}
.u-header--navbar-bg [class*="u-btn-text-"]:focus, .u-header--navbar-bg [class*="u-btn-text-"]:hover {
color: #fff;
}
.u-header--navbar-bg .u-header__nav-item-user {
background-color: rgba(255, 255, 255, .075);
}
.u-header--navbar-bg .u-header__nav-item-user-name {
color: rgba(255, 255, 255, .7);
}
.u-header--navbar-bg .u-header__nav-item-user-name:hover {
color: #fff;
}
.u-header--navbar-bg .u-hamburger {
color: rgba(255, 255, 255, .7);
}
.u-header--navbar-bg .u-hamburger:hover {
color: #fff;
}
.u-header--navbar-bg .u-hamburger__inner, .u-header--navbar-bg .u-hamburger__inner::before, .u-header--navbar-bg .u-hamburger__inner::after {
background-color: rgba(255, 255, 255, .7);
}
.u-header--navbar-bg .u-hamburger:hover .u-hamburger__inner, .u-header--navbar-bg .u-hamburger:hover .u-hamburger__inner::before, .u-header--navbar-bg .u-hamburger:hover .u-hamburger__inner::after {
background-color: #fff;
}
.u-header--navbar-bg .navbar-text {
color: rgba(255, 255, 255, .7);
}
/*------------------------------------
Header Submenu Background Colors
------------------------------------*/
.u-header--sub-menu-dark-bg .u-header__navbar-nav .u-header__sub-menu {
background-color: #111;
border-color: rgba(255, 255, 255, .15);
}
.u-header--sub-menu-dark-bg .u-header__navbar-nav .u-header__sub-menu-title {
color: rgba(255, 255, 255, .9);
}
.u-header--sub-menu-dark-bg .u-header__navbar-nav .u-header__sub-menu-nav-link {
color: rgba(255, 255, 255, .5);
}
.u-header--sub-menu-dark-bg .u-header__navbar-nav .u-header__sub-menu-nav-link:hover {
color: #fff;
}
.u-header--sub-menu-dark-bg .u-header__mega-menu-col:not(:last-child) {
border-right-color: rgba(255, 255, 255, .15);
}
.u-header--sub-menu-dark-bg .dropdown-divider {
border-color: rgba(255, 255, 255, .15);
}
@media (min-width: 576px) {
.u-header--sub-menu-dark-bg-sm .u-header__navbar-nav .u-header__sub-menu {
background-color: #111;
border-color: rgba(255, 255, 255, .15);
}
.u-header--sub-menu-dark-bg-sm .u-header__navbar-nav .u-header__sub-menu-title {
color: rgba(255, 255, 255, .9);
}
.u-header--sub-menu-dark-bg-sm .u-header__navbar-nav .u-header__sub-menu-nav-link {
color: rgba(255, 255, 255, .5);
}
.u-header--sub-menu-dark-bg-sm .u-header__navbar-nav .u-header__sub-menu-nav-link:hover {
color: #fff;
}
.u-header--sub-menu-dark-bg-sm .u-header__mega-menu-col:not(:last-child) {
border-right-color: rgba(255, 255, 255, .15);
}
.u-header--sub-menu-dark-bg-sm .dropdown-divider {
border-color: rgba(255, 255, 255, .15);
}
}
@media (min-width: 768px) {
.u-header--sub-menu-dark-bg-md .u-header__navbar-nav .u-header__sub-menu {
background-color: #111;
border-color: rgba(255, 255, 255, .15);
}
.u-header--sub-menu-dark-bg-md .u-header__navbar-nav .u-header__sub-menu-title {
color: rgba(255, 255, 255, .9);
}
.u-header--sub-menu-dark-bg-md .u-header__navbar-nav .u-header__sub-menu-nav-link {
color: rgba(255, 255, 255, .5);
}
.u-header--sub-menu-dark-bg-md .u-header__navbar-nav .u-header__sub-menu-nav-link:hover {
color: #fff;
}
.u-header--sub-menu-dark-bg-md .u-header__mega-menu-col:not(:last-child) {
border-right-color: rgba(255, 255, 255, .15);
}
.u-header--sub-menu-dark-bg-md .dropdown-divider {
border-color: rgba(255, 255, 255, .15);
}
}
@media (min-width: 992px) {
.u-header--sub-menu-dark-bg-lg .u-header__navbar-nav .u-header__sub-menu {
background-color: #111;
border-color: rgba(255, 255, 255, .15);
}
.u-header--sub-menu-dark-bg-lg .u-header__navbar-nav .u-header__sub-menu-title {
color: rgba(255, 255, 255, .9);
}
.u-header--sub-menu-dark-bg-lg .u-header__navbar-nav .u-header__sub-menu-nav-link {
color: rgba(255, 255, 255, .5);
}
.u-header--sub-menu-dark-bg-lg .u-header__navbar-nav .u-header__sub-menu-nav-link:hover {
color: #fff;
}
.u-header--sub-menu-dark-bg-lg .u-header__mega-menu-col:not(:last-child) {
border-right-color: rgba(255, 255, 255, .15);
}
.u-header--sub-menu-dark-bg-lg .dropdown-divider {
border-color: rgba(255, 255, 255, .15);
}
}
@media (min-width: 1200px) {
.u-header--sub-menu-dark-bg-xl .u-header__navbar-nav .u-header__sub-menu {
background-color: #111;
border-color: rgba(255, 255, 255, .15);
}
.u-header--sub-menu-dark-bg-xl .u-header__navbar-nav .u-header__sub-menu-title {
color: rgba(255, 255, 255, .9);
}
.u-header--sub-menu-dark-bg-xl .u-header__navbar-nav .u-header__sub-menu-nav-link {
color: rgba(255, 255, 255, .5);
}
.u-header--sub-menu-dark-bg-xl .u-header__navbar-nav .u-header__sub-menu-nav-link:hover {
color: #fff;
}
.u-header--sub-menu-dark-bg-xl .u-header__mega-menu-col:not(:last-child) {
border-right-color: rgba(255, 255, 255, .15);
}
.u-header--sub-menu-dark-bg-xl .dropdown-divider {
border-color: rgba(255, 255, 255, .15);
}
}
/*------------------------------------
Header Floating
------------------------------------*/
.u-header--floating:not([class*="u-header--floating-"]) {
position: absolute;
right: 0;
left: 0;
margin-top: 2rem;
}
[class*="u-header--floating"].js-header-fix-moment {
background-color: #fff;
margin-top: 0;
}
.u-header--floating.js-header-fix-moment {
position: fixed;
border-bottom: 1px solid #e3e6f0;
}
.u-header--floating.js-header-fix-moment .u-header--floating__inner {
border-radius: 0;
}
.u-header--floating__inner {
border-bottom: 0;
border-radius: .25rem;
padding-left: 1rem;
padding-right: 1rem;
}
/* Small devices */
@media (min-width: 576px) {
.u-header--floating-sm {
position: absolute;
right: 0;
left: 0;
margin-top: 2rem;
}
.u-header--floating-sm__inner {
border-bottom: 0;
border-radius: .25rem;
padding-left: 1rem;
padding-right: 1rem;
}
.u-header--floating-sm.js-header-fix-moment {
border-bottom: 1px solid #e3e6f0;
}
.u-header--floating-sm.js-header-fix-moment .u-header--floating-sm__inner {
border-radius: 0;
}
}
@media (max-width: 575px) {
.u-header--floating-sm {
border-bottom: 1px solid #e3e6f0;
}
.u-header--floating-sm__inner {
border-bottom: 0;
}
}
/* Medium devices */
@media (min-width: 768px) {
.u-header--floating-md {
position: absolute;
right: 0;
left: 0;
margin-top: 2rem;
}
.u-header--floating-md__inner {
border-bottom: 0;
border-radius: .25rem;
padding-left: 1rem;
padding-right: 1rem;
}
.u-header--floating-md.js-header-fix-moment {
border-bottom: 1px solid #e3e6f0;
}
.u-header--floating-md.js-header-fix-moment .u-header--floating-md__inner {
border-radius: 0;
}
}
@media (max-width: 767px) {
.u-header--floating-md {
border-bottom: 1px solid #e3e6f0;
}
.u-header--floating-md__inner {
border-bottom: 0;
}
}
/* Large devices */
@media (min-width: 992px) {
.u-header--floating-lg {
position: absolute;
right: 0;
left: 0;
margin-top: 2rem;
}
.u-header--floating-lg__inner {
border-bottom: 0;
border-radius: .25rem;
padding-left: 1rem;
padding-right: 1rem;
}
.u-header--floating-lg.js-header-fix-moment {
border-bottom: 1px solid #e3e6f0;
}
.u-header--floating-lg.js-header-fix-moment .u-header--floating-lg__inner {
border-radius: 0;
}
}
@media (max-width: 991px) {
.u-header--floating-lg {
border-bottom: 1px solid #e3e6f0;
}
.u-header--floating-lg__inner {
border-bottom: 0;
}
}
/* Extra Large devices */
@media (min-width: 1200px) {
.u-header--floating-xl {
position: absolute;
right: 0;
left: 0;
margin-top: 2rem;
}
.u-header--floating-xl__inner {
border-bottom: 0;
border-radius: .25rem;
padding-left: 1rem;
padding-right: 1rem;
}
.u-header--floating-xl.js-header-fix-moment {
border-bottom: 1px solid #e3e6f0;
}
.u-header--floating-xl.js-header-fix-moment .u-header--floating-xl__inner {
border-radius: 0;
}
}
@media (max-width: 1199px) {
.u-header--floating-xl {
border-bottom: 1px solid #e3e6f0;
}
.u-header--floating-xl__inner {
border-bottom: 0;
}
}
.u-header--floating__inner,
.u-header--floating-sm__inner,
.u-header--floating-md__inner,
.u-header--floating-lg__inner,
.u-header--floating-xl__inner {
max-height: 90vh;
}
.u-header--floating__inner.mCS_destroyed,
.u-header--floating-sm__inner.mCS_destroyed,
.u-header--floating-md__inner.mCS_destroyed,
.u-header--floating-lg__inner.mCS_destroyed,
.u-header--floating-xl__inner.mCS_destroyed {
position: static !important;
}
[class*="u-header--floating"] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
margin: 60px 24px;
}
[class*="u-header--floating"] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
height: 70%;
}
[class*="u-header--floating"] .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent !important;
}
/*------------------------------------
Absolute Positions
------------------------------------*/
.u-header--abs-top, .u-header--abs-bottom, .u-header--abs-top-2nd-screen {
position: absolute;
}
.u-header--abs-top {
top: 0;
bottom: auto;
}
.u-header--abs-top-2nd-screen:not(.js-header-fix-moment) {
top: 100%;
bottom: auto;
}
.u-header--abs-top-2nd-screen[data-header-fix-effect] {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.u-header--abs-bottom:not(.js-header-fix-moment) {
top: auto;
bottom: 0;
}
.u-header--abs-top-2nd-screen:not(.js-header-fix-moment) .u-header__section, .u-header--abs-bottom:not(.js-header-fix-moment) .u-header__section {
border-top: 1px solid #e3e6f0;
}
.u-header--abs-top-2nd-screen:not(.js-header-fix-moment) .u-unfold,
.u-header--abs-top-2nd-screen:not(.js-header-fix-moment) .u-header__search,
.u-header--abs-top-2nd-screen:not(.js-header-fix-moment) .u-header__sub-menu, .u-header--abs-bottom:not(.js-header-fix-moment) .u-unfold,
.u-header--abs-bottom:not(.js-header-fix-moment) .u-header__search,
.u-header--abs-bottom:not(.js-header-fix-moment) .u-header__sub-menu {
top: auto;
bottom: 100%;
}
.u-header--abs-top-2nd-screen:not(.js-header-fix-moment) .u-unfold, .u-header--abs-bottom:not(.js-header-fix-moment) .u-unfold {
margin-bottom: 0;
}
.u-header--abs-top-2nd-screen:not(.js-header-fix-moment) [class*="navbar-expand"] .u-header__navbar-nav .u-header__sub-menu, .u-header--abs-bottom:not(.js-header-fix-moment) [class*="navbar-expand"] .u-header__navbar-nav .u-header__sub-menu {
-webkit-box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
}
.u-header--abs-top-2nd-screen:not(.js-header-fix-moment) .fadeInUp, .u-header--abs-bottom:not(.js-header-fix-moment) .fadeInUp {
-webkit-animation-name: absoluteFadeInUp;
animation-name: absoluteFadeInUp;
}
@media (min-width: 576px) {
.u-header--abs-top-sm, .u-header--abs-bottom-sm, .u-header--abs-top-2nd-screen-sm {
position: absolute;
}
.u-header--abs-top-sm {
top: 0;
bottom: auto;
}
.u-header--abs-top-2nd-screen-sm:not(.js-header-fix-moment) {
top: 100%;
bottom: auto;
}
.u-header--abs-top-2nd-screen-sm[data-header-fix-effect] {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.u-header--abs-bottom-sm:not(.js-header-fix-moment) {
top: auto;
bottom: 0;
}
.u-header--abs-top-2nd-screen-sm:not(.js-header-fix-moment) .u-header__section, .u-header--abs-bottom-sm:not(.js-header-fix-moment) .u-header__section {
border-top: 1px solid #e3e6f0;
}
.u-header--abs-top-2nd-screen-sm:not(.js-header-fix-moment) .u-unfold,
.u-header--abs-top-2nd-screen-sm:not(.js-header-fix-moment) .u-header__search,
.u-header--abs-top-2nd-screen-sm:not(.js-header-fix-moment) .u-header__sub-menu, .u-header--abs-bottom-sm:not(.js-header-fix-moment) .u-unfold,
.u-header--abs-bottom-sm:not(.js-header-fix-moment) .u-header__search,
.u-header--abs-bottom-sm:not(.js-header-fix-moment) .u-header__sub-menu {
top: auto;
bottom: 100%;
}
.u-header--abs-top-2nd-screen-sm:not(.js-header-fix-moment) .u-unfold, .u-header--abs-bottom-sm:not(.js-header-fix-moment) .u-unfold {
margin-bottom: 0;
}
.u-header--abs-top-2nd-screen-sm:not(.js-header-fix-moment) [class*="navbar-expand"] .u-header__navbar-nav .u-header__sub-menu, .u-header--abs-bottom-sm:not(.js-header-fix-moment) [class*="navbar-expand"] .u-header__navbar-nav .u-header__sub-menu {
-webkit-box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
}
.u-header--abs-top-2nd-screen-sm:not(.js-header-fix-moment) .fadeInUp, .u-header--abs-bottom-sm:not(.js-header-fix-moment) .fadeInUp {
-webkit-animation-name: absoluteFadeInUp;
animation-name: absoluteFadeInUp;
}
}
@media (min-width: 768px) {
.u-header--abs-top-md, .u-header--abs-bottom-md, .u-header--abs-top-2nd-screen-md {
position: absolute;
}
.u-header--abs-top-md {
top: 0;
bottom: auto;
}
.u-header--abs-top-2nd-screen-md:not(.js-header-fix-moment) {
top: 100%;
bottom: auto;
}
.u-header--abs-top-2nd-screen-md[data-header-fix-effect] {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.u-header--abs-bottom-md:not(.js-header-fix-moment) {
top: auto;
bottom: 0;
}
.u-header--abs-top-2nd-screen-md:not(.js-header-fix-moment) .u-header__section, .u-header--abs-bottom-md:not(.js-header-fix-moment) .u-header__section {
border-top: 1px solid #e3e6f0;
}
.u-header--abs-top-2nd-screen-md:not(.js-header-fix-moment) .u-unfold,
.u-header--abs-top-2nd-screen-md:not(.js-header-fix-moment) .u-header__search,
.u-header--abs-top-2nd-screen-md:not(.js-header-fix-moment) .u-header__sub-menu, .u-header--abs-bottom-md:not(.js-header-fix-moment) .u-unfold,
.u-header--abs-bottom-md:not(.js-header-fix-moment) .u-header__search,
.u-header--abs-bottom-md:not(.js-header-fix-moment) .u-header__sub-menu {
top: auto;
bottom: 100%;
}
.u-header--abs-top-2nd-screen-md:not(.js-header-fix-moment) .u-unfold, .u-header--abs-bottom-md:not(.js-header-fix-moment) .u-unfold {
margin-bottom: 0;
}
.u-header--abs-top-2nd-screen-md:not(.js-header-fix-moment) [class*="navbar-expand"] .u-header__navbar-nav .u-header__sub-menu, .u-header--abs-bottom-md:not(.js-header-fix-moment) [class*="navbar-expand"] .u-header__navbar-nav .u-header__sub-menu {
-webkit-box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
}
.u-header--abs-top-2nd-screen-md:not(.js-header-fix-moment) .fadeInUp, .u-header--abs-bottom-md:not(.js-header-fix-moment) .fadeInUp {
-webkit-animation-name: absoluteFadeInUp;
animation-name: absoluteFadeInUp;
}
}
@media (min-width: 992px) {
.u-header--abs-top-lg, .u-header--abs-bottom-lg, .u-header--abs-top-2nd-screen-lg {
position: absolute;
}
.u-header--abs-top-lg {
top: 0;
bottom: auto;
}
.u-header--abs-top-2nd-screen-lg:not(.js-header-fix-moment) {
top: 100%;
bottom: auto;
}
.u-header--abs-top-2nd-screen-lg[data-header-fix-effect] {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.u-header--abs-bottom-lg:not(.js-header-fix-moment) {
top: auto;
bottom: 0;
}
.u-header--abs-top-2nd-screen-lg:not(.js-header-fix-moment) .u-header__section, .u-header--abs-bottom-lg:not(.js-header-fix-moment) .u-header__section {
border-top: 1px solid #e3e6f0;
}
.u-header--abs-top-2nd-screen-lg:not(.js-header-fix-moment) .u-unfold,
.u-header--abs-top-2nd-screen-lg:not(.js-header-fix-moment) .u-header__search,
.u-header--abs-top-2nd-screen-lg:not(.js-header-fix-moment) .u-header__sub-menu, .u-header--abs-bottom-lg:not(.js-header-fix-moment) .u-unfold,
.u-header--abs-bottom-lg:not(.js-header-fix-moment) .u-header__search,
.u-header--abs-bottom-lg:not(.js-header-fix-moment) .u-header__sub-menu {
top: auto;
bottom: 100%;
}
.u-header--abs-top-2nd-screen-lg:not(.js-header-fix-moment) .u-unfold, .u-header--abs-bottom-lg:not(.js-header-fix-moment) .u-unfold {
margin-bottom: 0;
}
.u-header--abs-top-2nd-screen-lg:not(.js-header-fix-moment) [class*="navbar-expand"] .u-header__navbar-nav .u-header__sub-menu, .u-header--abs-bottom-lg:not(.js-header-fix-moment) [class*="navbar-expand"] .u-header__navbar-nav .u-header__sub-menu {
-webkit-box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
}
.u-header--abs-top-2nd-screen-lg:not(.js-header-fix-moment) .fadeInUp, .u-header--abs-bottom-lg:not(.js-header-fix-moment) .fadeInUp {
-webkit-animation-name: absoluteFadeInUp;
animation-name: absoluteFadeInUp;
}
}
@media (min-width: 1200px) {
.u-header--abs-top-xl, .u-header--abs-bottom-xl, .u-header--abs-top-2nd-screen-xl {
position: absolute;
}
.u-header--abs-top-xl {
top: 0;
bottom: auto;
}
.u-header--abs-top-2nd-screen-xl:not(.js-header-fix-moment) {
top: 100%;
bottom: auto;
}
.u-header--abs-top-2nd-screen-xl[data-header-fix-effect] {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.u-header--abs-bottom-xl:not(.js-header-fix-moment) {
top: auto;
bottom: 0;
}
.u-header--abs-top-2nd-screen-xl:not(.js-header-fix-moment) .u-header__section, .u-header--abs-bottom-xl:not(.js-header-fix-moment) .u-header__section {
border-top: 1px solid #e3e6f0;
}
.u-header--abs-top-2nd-screen-xl:not(.js-header-fix-moment) .u-unfold,
.u-header--abs-top-2nd-screen-xl:not(.js-header-fix-moment) .u-header__search,
.u-header--abs-top-2nd-screen-xl:not(.js-header-fix-moment) .u-header__sub-menu, .u-header--abs-bottom-xl:not(.js-header-fix-moment) .u-unfold,
.u-header--abs-bottom-xl:not(.js-header-fix-moment) .u-header__search,
.u-header--abs-bottom-xl:not(.js-header-fix-moment) .u-header__sub-menu {
top: auto;
bottom: 100%;
}
.u-header--abs-top-2nd-screen-xl:not(.js-header-fix-moment) .u-unfold, .u-header--abs-bottom-xl:not(.js-header-fix-moment) .u-unfold {
margin-bottom: 0;
}
.u-header--abs-top-2nd-screen-xl:not(.js-header-fix-moment) [class*="navbar-expand"] .u-header__navbar-nav .u-header__sub-menu, .u-header--abs-bottom-xl:not(.js-header-fix-moment) [class*="navbar-expand"] .u-header__navbar-nav .u-header__sub-menu {
-webkit-box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
}
.u-header--abs-top-2nd-screen-xl:not(.js-header-fix-moment) .fadeInUp, .u-header--abs-bottom-xl:not(.js-header-fix-moment) .fadeInUp {
-webkit-animation-name: absoluteFadeInUp;
animation-name: absoluteFadeInUp;
}
}
.u-header--abs__inner {
max-height: 90vh;
}
.u-header--abs__inner.mCS_destroyed {
position: static !important;
}
[class*="u-header--abs"] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
margin: 60px 24px;
}
[class*="u-header--abs"] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
height: 70%;
}
[class*="u-header--abs"] .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent !important;
}
/* Disable box-shadow on mobile device */
.u-header--abs-top-2nd-screen:not(.js-header-fix-moment) [class*="navbar-expand"] .u-header__navbar-nav .u-header__sub-menu, .u-header--abs-bottom:not(.js-header-fix-moment) [class*="navbar-expand"] .u-header__navbar-nav .u-header__sub-menu {
-webkit-box-shadow: none;
box-shadow: none;
}
.u-header--abs-top-2nd-screen-sm .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu,
.u-header--abs-top-2nd-screen-md .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu,
.u-header--abs-bottom-sm .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu,
.u-header--abs-bottom-md .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
@-webkit-keyframes absoluteFadeInUp {
from {
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
}
@keyframes absoluteFadeInUp {
from {
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
}
/*------------------------------------
Header Sidebar
------------------------------------*/
.u-header-sidebar__footer-offset {
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 10.625rem;
}
.u-header-sidebar__content {
padding: 3rem;
}
.u-header-sidebar__navbar-brand {
display: block;
width: 6.25rem;
padding-top: 0;
padding-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 2.5rem;
}
.u-header-sidebar__footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100%;
padding: 1rem 3rem;
}
.u-header-sidebar__footer-link {
color: rgba(255, 255, 255, .7);
font-size: .875rem;
}
.u-header-sidebar__footer-link:hover {
color: #fff;
}
/*------------------------------------
Sticky Positions
------------------------------------*/
.u-header--sticky-top, .u-header--sticky-bottom {
position: fixed;
}
.u-header--sticky-top {
bottom: auto;
top: 0;
}
.u-header--sticky-bottom {
top: auto;
bottom: 0;
}
.u-header--sticky-bottom .u-header__section {
border-top: 1px solid #e3e6f0;
border-bottom: 0;
}
.u-header--sticky-bottom .u-unfold,
.u-header--sticky-bottom .u-header__search,
.u-header--sticky-bottom .u-header__sub-menu {
top: auto;
bottom: 100%;
}
.u-header--sticky-bottom .u-unfold {
margin-bottom: .4375rem;
}
.u-header--sticky-bottom .u-header__navbar-nav .u-header__sub-menu {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-webkit-box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
}
.u-header--sticky-bottom .fadeInUp {
-webkit-animation-name: stickyFadeInUp;
animation-name: stickyFadeInUp;
}
@media (min-width: 576px) {
.u-header--sticky-top-sm, .u-header--sticky-bottom-sm {
position: fixed;
}
.u-header--sticky-top-sm {
bottom: auto;
top: 0;
}
.u-header--sticky-bottom-sm {
top: auto;
bottom: 0;
}
.u-header--sticky-bottom-sm .u-header__section {
border-top: 1px solid #e3e6f0;
border-bottom: 0;
}
.u-header--sticky-bottom-sm .u-unfold,
.u-header--sticky-bottom-sm .u-header__search,
.u-header--sticky-bottom-sm .u-header__sub-menu {
top: auto;
bottom: 100%;
}
.u-header--sticky-bottom-sm .u-unfold {
margin-bottom: .4375rem;
}
.u-header--sticky-bottom-sm .u-header__navbar-nav .u-header__sub-menu {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-webkit-box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
}
.u-header--sticky-bottom-sm .fadeInUp {
-webkit-animation-name: stickyFadeInUp;
animation-name: stickyFadeInUp;
}
}
@media (min-width: 768px) {
.u-header--sticky-top-md, .u-header--sticky-bottom-md {
position: fixed;
}
.u-header--sticky-top-md {
bottom: auto;
top: 0;
}
.u-header--sticky-bottom-md {
top: auto;
bottom: 0;
}
.u-header--sticky-bottom-md .u-header__section {
border-top: 1px solid #e3e6f0;
border-bottom: 0;
}
.u-header--sticky-bottom-md .u-unfold,
.u-header--sticky-bottom-md .u-header__search,
.u-header--sticky-bottom-md .u-header__sub-menu {
top: auto;
bottom: 100%;
}
.u-header--sticky-bottom-md .u-unfold {
margin-bottom: .4375rem;
}
.u-header--sticky-bottom-md .u-header__navbar-nav .u-header__sub-menu {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-webkit-box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
}
.u-header--sticky-bottom-md .fadeInUp {
-webkit-animation-name: stickyFadeInUp;
animation-name: stickyFadeInUp;
}
}
@media (min-width: 992px) {
.u-header--sticky-top-lg, .u-header--sticky-bottom-lg {
position: fixed;
}
.u-header--sticky-top-lg {
bottom: auto;
top: 0;
}
.u-header--sticky-bottom-lg {
top: auto;
bottom: 0;
}
.u-header--sticky-bottom-lg .u-header__section {
border-top: 1px solid #e3e6f0;
border-bottom: 0;
}
.u-header--sticky-bottom-lg .u-unfold,
.u-header--sticky-bottom-lg .u-header__search,
.u-header--sticky-bottom-lg .u-header__sub-menu {
top: auto;
bottom: 100%;
}
.u-header--sticky-bottom-lg .u-unfold {
margin-bottom: .4375rem;
}
.u-header--sticky-bottom-lg .u-header__navbar-nav .u-header__sub-menu {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-webkit-box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
}
.u-header--sticky-bottom-lg .fadeInUp {
-webkit-animation-name: stickyFadeInUp;
animation-name: stickyFadeInUp;
}
}
@media (min-width: 1200px) {
.u-header--sticky-top-xl, .u-header--sticky-bottom-xl {
position: fixed;
}
.u-header--sticky-top-xl {
bottom: auto;
top: 0;
}
.u-header--sticky-bottom-xl {
top: auto;
bottom: 0;
}
.u-header--sticky-bottom-xl .u-header__section {
border-top: 1px solid #e3e6f0;
border-bottom: 0;
}
.u-header--sticky-bottom-xl .u-unfold,
.u-header--sticky-bottom-xl .u-header__search,
.u-header--sticky-bottom-xl .u-header__sub-menu {
top: auto;
bottom: 100%;
}
.u-header--sticky-bottom-xl .u-unfold {
margin-bottom: .4375rem;
}
.u-header--sticky-bottom-xl .u-header__navbar-nav .u-header__sub-menu {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-webkit-box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
box-shadow: 0 -8px 20px rgba(21, 27, 38, .1);
}
.u-header--sticky-bottom-xl .fadeInUp {
-webkit-animation-name: stickyFadeInUp;
animation-name: stickyFadeInUp;
}
}
.u-header--sticky__inner {
max-height: 90vh;
}
.u-header--sticky__inner.mCS_destroyed {
position: static !important;
}
[class*="u-header--sticky"] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
margin: 60px 24px;
}
[class*="u-header--sticky"] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
height: 70%;
}
[class*="u-header--sticky"] .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent !important;
}
/* Disable box-shadow on mobile device */
.u-header--sticky-bottom:not(.js-header-fix-moment) [class*="navbar-expand"] .u-header__navbar-nav .u-header__sub-menu {
-webkit-box-shadow: none;
box-shadow: none;
}
.u-header--sticky-top-sm .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu,
.u-header--sticky-top-md .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu,
.u-header--sticky-bottom-sm .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu,
.u-header--sticky-bottom-md .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
@-webkit-keyframes stickyFadeInUp {
from {
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
}
@keyframes stickyFadeInUp {
from {
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
}
/*------------------------------------
Header Center Aligned
------------------------------------*/
.u-header--center-aligned__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 1rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding-top: .5rem;
}
.u-header--center-aligned-sm__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 1rem;
}
@media (min-width: 576px) {
.u-header--center-aligned-sm__inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding-top: .5rem;
}
}
.u-header--center-aligned-md__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 1rem;
}
@media (min-width: 768px) {
.u-header--center-aligned-md__inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding-top: .5rem;
}
}
.u-header--center-aligned-lg__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 1rem;
}
@media (min-width: 992px) {
.u-header--center-aligned-lg__inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding-top: .5rem;
}
}
.u-header--center-aligned-xl__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 1rem;
}
@media (min-width: 1200px) {
.u-header--center-aligned-xl__inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding-top: .5rem;
}
}
@media (max-width: 575px) {
.u-header--center-aligned .navbar-expand-sm.u-header__navbar {
padding-top: 0;
}
}
@media (max-width: 767px) {
.u-header--center-aligned .navbar-expand-md.u-header__navbar {
padding-top: 0;
}
}
@media (max-width: 991px) {
.u-header--center-aligned .navbar-expand-lg.u-header__navbar {
padding-top: 0;
}
}
@media (max-width: 1199px) {
.u-header--center-aligned .navbar-expand-xl.u-header__navbar {
padding-top: 0;
}
}
.u-header--center-aligned .navbar-expand.u-header__navbar {
padding-top: 0;
}
/*------------------------------------
Unfold (Drop Down)
------------------------------------*/
/* Disable content revealing on page load */
.u-unfold[aria-labelledby] {
opacity: 0;
}
.u-unfold[aria-labelledby][role="tabpanel"] {
opacity: 1;
}
.u-unfold[aria-labelledby].u-unfold--css-animation, .u-unfold[aria-labelledby].u-unfold--jquery-slide {
opacity: 1;
}
.u-unfold.u-unfold--css-animation.u-unfold--hidden {
display: none;
opacity: 0;
visibility: hidden;
}
.u-unfold {
position: absolute;
z-index: 99;
min-width: 8.4375rem;
background-color: #fff;
border-radius: .25rem;
-webkit-box-shadow: 0 4px 15px rgba(100, 111, 121, .1);
box-shadow: 0 4px 15px rgba(100, 111, 121, .1);
padding: 1rem 1.5rem;
border: none;
margin-bottom: 0;
}
.u-unfold-wrapper {
color: #646f79;
font-size: .875rem;
}
.u-unfold-wrapper:hover {
color: #111;
}
.u-unfold-wrapper--light {
color: #8f95a0;
}
.u-unfold-wrapper--light:hover {
color: #fff;
}
.u-unfold__icon {
display: inline-block;
vertical-align: middle;
text-align: center;
width: 1.0625rem;
margin-right: .5rem;
}
.u-unfold__icon-pointer {
font-size: .625rem;
vertical-align: middle;
margin-left: .25rem;
}
/*------------------------------------
Unfold (Drop Down) - Language
------------------------------------*/
.u-unfold--language {
min-width: 9rem;
padding: 0;
}
.u-unfold--language-btn {
border: 1px solid rgba(101, 71, 156, .1);
}
.u-unfold--language__link {
display: block;
background-color: #f5f8fb;
}
.active .u-unfold--language-icon-pointer {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
/*------------------------------------
Unfold (Drop Down) - Cart
------------------------------------*/
.u-unfold--cart {
margin-top: 1.3125rem;
}
/*------------------------------------
Avatar
------------------------------------*/
.u-avatar {
width: 44px;
height: 44px;
}
.u-sm-avatar {
width: 32px;
height: 32px;
}
.u-md-avatar {
width: 64px;
height: 64px;
}
.u-lg-avatar {
width: 96px;
height: 96px;
}
/*------------------------------------
Avatar Bordered
------------------------------------*/
.u-sm-avatar--bordered {
border: 2px solid #fff;
}
.u-xl-avatar--bordered {
border: 7px solid #fff;
}
/*------------------------------------
Badges
------------------------------------*/
.u-badge {
z-index: 3;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 1.125rem;
height: 1.125rem;
line-height: 1.7;
font-size: .625rem;
}
.u-badge-pos {
position: absolute;
}
/* Positions */
.u-badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) {
top: 0;
right: 0;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.u-badge-pos--top-left {
top: 0;
left: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.u-badge-pos--bottom-left {
bottom: 0;
left: 0;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.u-badge-pos--bottom-right {
bottom: 0;
right: 0;
-webkit-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
/*------------------------------------
Badge Styles
------------------------------------*/
/* primary badge */
.u-badge-primary {
color: #fff;
background: #bd8b13;
}
/* secondary badge */
.u-badge-secondary {
color: #fff;
background: #646f79;
}
/* success badge */
.u-badge-success {
color: #fff;
background: #bd8b13;
}
/* info badge */
.u-badge-info {
color: #fff;
background: #1c6be1;
}
/* warning badge */
.u-badge-warning {
color: #111;
background: #ffbc42;
}
/* danger badge */
.u-badge-danger {
color: #fff;
background: #da4b48;
}
/* blue badge */
.u-badge-blue {
color: #fff;
background: #1c6be1;
}
/* light badge */
.u-badge-light {
color: #111;
background: #f5f8fb;
}
/* dark badge */
.u-badge-dark {
color: #fff;
background: #111;
}
/* purple badge */
.u-badge-purple {
color: #fff;
background: #796eff;
}
/*------------------------------------
Buttons Bootstrap Style
------------------------------------*/
/* facebook */
.u-btn-facebook {
color: #fff;
background-color: #3b5998;
border-color: #3b5998;
}
.u-btn-facebook:hover {
color: #fff;
background-color: #30497c;
border-color: #2d4373;
}
.u-btn-facebook:focus, .u-btn-facebook.focus {
-webkit-box-shadow: 0 0 0 .2rem rgba(59, 89, 152, .5);
box-shadow: 0 0 0 .2rem rgba(59, 89, 152, .5);
}
.u-btn-facebook.disabled, .u-btn-facebook:disabled {
background-color: #3b5998;
border-color: #3b5998;
}
.u-btn-facebook:not([disabled]):not(.disabled):active, .u-btn-facebook:not([disabled]):not(.disabled).active,
.show > .u-btn-facebook.dropdown-toggle {
color: #fff;
background-color: #2d4373;
border-color: #293e6a;
-webkit-box-shadow: 0 0 0 .2rem rgba(59, 89, 152, .5);
box-shadow: 0 0 0 .2rem rgba(59, 89, 152, .5);
}
/* google */
.u-btn-google {
color: #fff;
background-color: #d14130;
border-color: #d14130;
}
.u-btn-google:hover {
color: #fff;
background-color: #b33628;
border-color: #a93325;
}
.u-btn-google:focus, .u-btn-google.focus {
-webkit-box-shadow: 0 0 0 .2rem rgba(209, 65, 48, .5);
box-shadow: 0 0 0 .2rem rgba(209, 65, 48, .5);
}
.u-btn-google.disabled, .u-btn-google:disabled {
background-color: #d14130;
border-color: #d14130;
}
.u-btn-google:not([disabled]):not(.disabled):active, .u-btn-google:not([disabled]):not(.disabled).active,
.show > .u-btn-google.dropdown-toggle {
color: #fff;
background-color: #a93325;
border-color: #9e3023;
-webkit-box-shadow: 0 0 0 .2rem rgba(209, 65, 48, .5);
box-shadow: 0 0 0 .2rem rgba(209, 65, 48, .5);
}
/* twitter */
.u-btn-twitter {
color: #fff;
background-color: #1da1f2;
border-color: #1da1f2;
}
.u-btn-twitter:hover {
color: #fff;
background-color: #0d8ddc;
border-color: #0c85d0;
}
.u-btn-twitter:focus, .u-btn-twitter.focus {
-webkit-box-shadow: 0 0 0 .2rem rgba(29, 161, 242, .5);
box-shadow: 0 0 0 .2rem rgba(29, 161, 242, .5);
}
.u-btn-twitter.disabled, .u-btn-twitter:disabled {
background-color: #1da1f2;
border-color: #1da1f2;
}
.u-btn-twitter:not([disabled]):not(.disabled):active, .u-btn-twitter:not([disabled]):not(.disabled).active,
.show > .u-btn-twitter.dropdown-toggle {
color: #fff;
background-color: #0c85d0;
border-color: #0b7ec4;
-webkit-box-shadow: 0 0 0 .2rem rgba(29, 161, 242, .5);
box-shadow: 0 0 0 .2rem rgba(29, 161, 242, .5);
}
/* instagram */
.u-btn-instagram {
color: #fff;
background-color: #3f729b;
border-color: #3f729b;
}
.u-btn-instagram:hover {
color: #fff;
background-color: #345e80;
border-color: #305777;
}
.u-btn-instagram:focus, .u-btn-instagram.focus {
-webkit-box-shadow: 0 0 0 .2rem rgba(63, 114, 155, .5);
box-shadow: 0 0 0 .2rem rgba(63, 114, 155, .5);
}
.u-btn-instagram.disabled, .u-btn-instagram:disabled {
background-color: #3f729b;
border-color: #3f729b;
}
.u-btn-instagram:not([disabled]):not(.disabled):active, .u-btn-instagram:not([disabled]):not(.disabled).active,
.show > .u-btn-instagram.dropdown-toggle {
color: #fff;
background-color: #305777;
border-color: #2d516e;
-webkit-box-shadow: 0 0 0 .2rem rgba(63, 114, 155, .5);
box-shadow: 0 0 0 .2rem rgba(63, 114, 155, .5);
}
/* github */
.u-btn-github {
color: #fff;
background-color: #24292e;
border-color: #24292e;
}
.u-btn-github:hover {
color: #fff;
background-color: #131619;
border-color: #0e1011;
}
.u-btn-github:focus, .u-btn-github.focus {
-webkit-box-shadow: 0 0 0 .2rem rgba(36, 41, 46, .5);
box-shadow: 0 0 0 .2rem rgba(36, 41, 46, .5);
}
.u-btn-github.disabled, .u-btn-github:disabled {
background-color: #24292e;
border-color: #24292e;
}
.u-btn-github:not([disabled]):not(.disabled):active, .u-btn-github:not([disabled]):not(.disabled).active,
.show > .u-btn-github.dropdown-toggle {
color: #fff;
background-color: #0e1011;
border-color: #08090a;
-webkit-box-shadow: 0 0 0 .2rem rgba(36, 41, 46, .5);
box-shadow: 0 0 0 .2rem rgba(36, 41, 46, .5);
}
/*------------------------------------
Button Sizes
------------------------------------*/
/* Wide */
.u-btn--wide {
min-width: 10rem;
}
/* Extra Small */
.btn-xs {
font-size: .6875rem;
padding: .4375rem .9375rem;
}
/* Icons */
.u-btn--icon {
position: relative;
line-height: 0;
font-size: 1rem;
width: 3.125rem;
height: 3.125rem;
padding: 0;
}
.u-btn--icon__inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.u-btn--icon.btn-xs {
font-size: .75rem;
width: 1.5rem;
height: 1.5rem;
padding: 0;
}
/*------------------------------------
Custom Buttons
------------------------------------*/
/* facebook button */
.u-btn-facebook:hover, .u-btn-facebook:focus, .u-btn-facebook:active {
-webkit-box-shadow: 0 4px 17px rgba(59, 89, 152, .35);
box-shadow: 0 4px 17px rgba(59, 89, 152, .35);
}
/* google button */
.u-btn-google:hover, .u-btn-google:focus, .u-btn-google:active {
-webkit-box-shadow: 0 4px 17px rgba(209, 65, 48, .35);
box-shadow: 0 4px 17px rgba(209, 65, 48, .35);
}
/* twitter button */
.u-btn-twitter:hover, .u-btn-twitter:focus, .u-btn-twitter:active {
-webkit-box-shadow: 0 4px 17px rgba(29, 161, 242, .35);
box-shadow: 0 4px 17px rgba(29, 161, 242, .35);
}
/* instagram button */
.u-btn-instagram:hover, .u-btn-instagram:focus, .u-btn-instagram:active {
-webkit-box-shadow: 0 4px 17px rgba(63, 114, 155, .35);
box-shadow: 0 4px 17px rgba(63, 114, 155, .35);
}
/* github button */
.u-btn-github:hover, .u-btn-github:focus, .u-btn-github:active {
-webkit-box-shadow: 0 4px 17px rgba(36, 41, 46, .35);
box-shadow: 0 4px 17px rgba(36, 41, 46, .35);
}
/*------------------------------------
Text Buttons Styles
------------------------------------*/
/* primary text button */
.u-btn-text-primary {
color: #bd8b13;
background: transparent;
}
.u-btn-text-primary:hover, .u-btn-text-primary:focus, .u-btn-text-primary:active {
color: #111;
}
/* secondary text button */
.u-btn-text-secondary {
color: #646f79;
background: transparent;
}
.u-btn-text-secondary:hover, .u-btn-text-secondary:focus, .u-btn-text-secondary:active {
color: #111;
}
/* success text button */
.u-btn-text-success {
color: #bd8b13;
background: transparent;
}
.u-btn-text-success:hover, .u-btn-text-success:focus, .u-btn-text-success:active {
color: #111;
}
/* info text button */
.u-btn-text-info {
color: #1c6be1;
background: transparent;
}
.u-btn-text-info:hover, .u-btn-text-info:focus, .u-btn-text-info:active {
color: #111;
}
/* warning text button */
.u-btn-text-warning {
color: #ffbc42;
background: transparent;
}
.u-btn-text-warning:hover, .u-btn-text-warning:focus, .u-btn-text-warning:active {
color: #111;
}
/* danger text button */
.u-btn-text-danger {
color: #da4b48;
background: transparent;
}
.u-btn-text-danger:hover, .u-btn-text-danger:focus, .u-btn-text-danger:active {
color: #111;
}
/* blue text button */
.u-btn-text-blue {
color: #1c6be1;
background: transparent;
}
.u-btn-text-blue:hover, .u-btn-text-blue:focus, .u-btn-text-blue:active {
color: #111;
}
/* light text button */
.u-btn-text-light {
color: #f5f8fb;
background: transparent;
}
.u-btn-text-light:hover, .u-btn-text-light:focus, .u-btn-text-light:active {
color: #d4d7dd;
}
/* dark text button */
.u-btn-text-dark {
color: #111;
background: transparent;
}
.u-btn-text-dark:hover, .u-btn-text-dark:focus, .u-btn-text-dark:active {
color: #111;
}
/* purple text button */
.u-btn-text-purple {
color: #796eff;
background: transparent;
}
.u-btn-text-purple:hover, .u-btn-text-purple:focus, .u-btn-text-purple:active {
color: #111;
}
/*------------------------------------
Divider
------------------------------------*/
.u-divider {
position: relative;
display: inline-block;
}
.u-divider::before, .u-divider::after {
position: absolute;
top: 50%;
background-color: #d4d7dd;
content: "";
}
.u-divider::before {
right: 100%;
}
.u-divider::after {
left: 100%;
}
.u-divider-wrapper {
overflow: hidden;
}
/*------------------------------------
Divider Sizes
------------------------------------*/
/* Extra Small */
.u-divider--xs {
font-size: .75rem;
}
.u-divider--xs::before, .u-divider--xs::after {
width: 62.4375rem;
height: .0625rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.u-divider--xs::before {
margin-right: .625rem;
}
.u-divider--xs::after {
margin-left: .625rem;
}
/*------------------------------------
Divider Styles
------------------------------------*/
/* Text */
.u-divider--text {
color: #8c98a4;
}
/*------------------------------------
Cubeportfolio
------------------------------------*/
.u-cubeportfolio .u-cubeportfolio__item {
font-size: .875rem;
text-transform: capitalize;
background-color: transparent;
border: none;
margin: 0;
padding-left: .75rem;
padding-right: .75rem;
margin-bottom: 1rem;
}
.u-cubeportfolio .u-cubeportfolio__item:hover {
color: #111;
}
.u-cubeportfolio .u-cubeportfolio__item.cbp-filter-item-active {
color: #bd8b13;
background-color: transparent;
border: transparent;
}
.u-cubeportfolio .cbp-l-loadMore-stop {
pointer-events: none;
}
.u-cubeportfolio .cbp-caption-zoom .cbp-caption-activeWrap {
background-color: rgba(255, 255, 255, .7);
}
/* Arrow */
.u-cubeportfolio .cbp-nav-controls {
position: static;
}
.u-cubeportfolio .cbp-nav-prev,
.u-cubeportfolio .cbp-nav-next {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 1;
line-height: 0;
display: inline-block;
color: #fff;
background-color: #646f79;
width: 2.75rem;
height: 2.75rem;
font-size: 1rem;
border-radius: 50%;
cursor: pointer;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.u-cubeportfolio .cbp-nav-prev:hover,
.u-cubeportfolio .cbp-nav-next:hover {
color: #fff;
background-color: #bd8b13;
}
.u-cubeportfolio .cbp-nav-prev {
left: .5rem;
}
.u-cubeportfolio .cbp-nav-next {
right: .5rem;
}
/* Pagination */
.u-cubeportfolio .cbp-nav-pagination {
bottom: -3rem;
}
.u-cubeportfolio .cbp-nav-pagination-item {
width: 1rem;
height: 1rem;
background-color: #8c98a4;
border: 3px solid transparent;
border-radius: 50%;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.u-cubeportfolio .cbp-nav-pagination-active {
background-color: transparent;
border-color: #8c98a4;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
/*------------------------------------
Icon
------------------------------------*/
.u-icon {
position: relative;
z-index: 1;
line-height: .7;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 2.75rem;
height: 2.75rem;
font-size: 1rem;
border-radius: .25rem;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.u-icon__inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/*------------------------------------
Icon Default Styles
------------------------------------*/
/* primary */
.u-icon--primary {
color: #fff;
background-color: #bd8b13;
border-color: #bd8b13;
}
.u-icon--primary[href]:hover {
color: #fff;
background-color: #543b82;
border-color: #4e3779;
}
.u-icon--primary.disabled, .u-icon--primary:disabled {
background-color: #bd8b13;
border-color: #bd8b13;
}
/* secondary */
.u-icon--secondary {
color: #fff;
background-color: #646f79;
border-color: #646f79;
}
.u-icon--secondary[href]:hover {
color: #fff;
background-color: #535c64;
border-color: #4d555d;
}
.u-icon--secondary.disabled, .u-icon--secondary:disabled {
background-color: #646f79;
border-color: #646f79;
}
/* success */
.u-icon--success {
color: #fff;
background-color: #bd8b13;
border-color: #bd8b13;
}
.u-icon--success[href]:hover {
color: #fff;
background-color: #543b82;
border-color: #4e3779;
}
.u-icon--success.disabled, .u-icon--success:disabled {
background-color: #bd8b13;
border-color: #bd8b13;
}
/* info */
.u-icon--info {
color: #fff;
background-color: #1c6be1;
border-color: #1c6be1;
}
.u-icon--info[href]:hover {
color: #fff;
background-color: #185bbf;
border-color: #1655b4;
}
.u-icon--info.disabled, .u-icon--info:disabled {
background-color: #1c6be1;
border-color: #1c6be1;
}
/* warning */
.u-icon--warning {
color: #111;
background-color: #ffbc42;
border-color: #ffbc42;
}
.u-icon--warning[href]:hover {
color: #111;
background-color: #ffae1c;
border-color: #ffaa0f;
}
.u-icon--warning.disabled, .u-icon--warning:disabled {
background-color: #ffbc42;
border-color: #ffbc42;
}
/* danger */
.u-icon--danger {
color: #fff;
background-color: #da4b48;
border-color: #da4b48;
}
.u-icon--danger[href]:hover {
color: #fff;
background-color: #d12e2a;
border-color: #c72b28;
}
.u-icon--danger.disabled, .u-icon--danger:disabled {
background-color: #da4b48;
border-color: #da4b48;
}
/* blue */
.u-icon--blue {
color: #fff;
background-color: #1c6be1;
border-color: #1c6be1;
}
.u-icon--blue[href]:hover {
color: #fff;
background-color: #185bbf;
border-color: #1655b4;
}
.u-icon--blue.disabled, .u-icon--blue:disabled {
background-color: #1c6be1;
border-color: #1c6be1;
}
/* light */
.u-icon--light {
color: #111;
background-color: #f5f8fb;
border-color: #f5f8fb;
}
.u-icon--light[href]:hover {
color: #111;
background-color: #dae5f0;
border-color: #d1dfec;
}
.u-icon--light.disabled, .u-icon--light:disabled {
background-color: #f5f8fb;
border-color: #f5f8fb;
}
/* dark */
.u-icon--dark {
color: #fff;
background-color: #111;
border-color: #111;
}
.u-icon--dark[href]:hover {
color: #fff;
background-color: #07090d;
border-color: #030405;
}
.u-icon--dark.disabled, .u-icon--dark:disabled {
background-color: #111;
border-color: #111;
}
/* purple */
.u-icon--purple {
color: #fff;
background-color: #796eff;
border-color: #796eff;
}
.u-icon--purple[href]:hover {
color: #fff;
background-color: #5648ff;
border-color: #4a3bff;
}
.u-icon--purple.disabled, .u-icon--purple:disabled {
background-color: #796eff;
border-color: #796eff;
}
/* facebook */
.u-icon--facebook {
color: #fff;
background-color: #3b5998;
border-color: #3b5998;
}
.u-icon--facebook[href]:hover {
color: #fff;
background-color: #30497c;
border-color: #2d4373;
}
.u-icon--facebook.disabled, .u-icon--facebook:disabled {
background-color: #3b5998;
border-color: #3b5998;
}
/* google */
.u-icon--google {
color: #fff;
background-color: #d14130;
border-color: #d14130;
}
.u-icon--google[href]:hover {
color: #fff;
background-color: #b33628;
border-color: #a93325;
}
.u-icon--google.disabled, .u-icon--google:disabled {
background-color: #d14130;
border-color: #d14130;
}
/* twitter */
.u-icon--twitter {
color: #fff;
background-color: #1da1f2;
border-color: #1da1f2;
}
.u-icon--twitter[href]:hover {
color: #fff;
background-color: #0d8ddc;
border-color: #0c85d0;
}
.u-icon--twitter.disabled, .u-icon--twitter:disabled {
background-color: #1da1f2;
border-color: #1da1f2;
}
/* instagram */
.u-icon--instagram {
color: #fff;
background-color: #3f729b;
border-color: #3f729b;
}
.u-icon--instagram[href]:hover {
color: #fff;
background-color: #345e80;
border-color: #305777;
}
.u-icon--instagram.disabled, .u-icon--instagram:disabled {
background-color: #3f729b;
border-color: #3f729b;
}
/* github */
.u-icon--github {
color: #fff;
background-color: #24292e;
border-color: #24292e;
}
.u-icon--github[href]:hover {
color: #fff;
background-color: #131619;
border-color: #0e1011;
}
.u-icon--github.disabled, .u-icon--github:disabled {
background-color: #24292e;
border-color: #24292e;
}
/*------------------------------------
Icon Sizes
------------------------------------*/
/* Extra Small */
.u-icon--xs {
width: 1.5rem;
height: 1.5rem;
font-size: .625rem;
border-radius: .25rem;
}
/* Small */
.u-icon--sm {
width: 1.875rem;
height: 1.875rem;
font-size: .8125rem;
border-radius: .25rem;
}
/* Large */
.u-icon--lg {
width: 3.5rem;
height: 3.5rem;
font-size: 1.75rem;
border-radius: .25rem;
}
/* Extra Large */
.u-icon--xl {
width: 5rem;
height: 5rem;
font-size: 2.25rem;
border-radius: .25rem;
}
/*------------------------------------
Form
------------------------------------*/
.u-form {
border-radius: .25rem;
}
.u-form__input {
z-index: 2;
}
.u-form__append, .u-form__prepend,
.u-form__prepend > .btn,
.u-form__append > .btn, .u-form__text {
background-clip: padding-box;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.u-form__prepend > .u-btn-white {
border-right: none;
}
.u-form__append .btn {
margin-left: 1px;
}
.u-form__text {
position: relative;
}
.u-form__text-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.u-form .u-btn-white:hover, .u-form .u-btn-white:focus, .u-form .u-btn-white:active {
-webkit-box-shadow: none;
box-shadow: none;
}
.u-form--no-brd .u-form__input,
.u-form--no-brd .u-form__text {
border-color: transparent;
}
.u-form--white-brd .u-form__input,
.u-form--white-brd .u-form__text {
border-color: #fff;
}
.u-form--no-addon-brd .u-form__input:not(:first-child) {
border-left: none;
}
.u-form--no-addon-brd .u-form__input:not(:last-child) {
border-right: none;
}
/*------------------------------------
Form Sizes
------------------------------------*/
.u-form .u-form__text {
min-width: 3rem;
font-size: .8125rem;
}
.u-form--sm .u-form__text {
min-width: 2.6875rem;
}
.u-form--lg .u-form__text {
font-size: 1.125rem;
min-width: 3.875rem;
}
.u-form--lg .u-form__append > .btn,
.u-form--lg .u-form__prepend > .btn {
font-size: 1.125rem;
}
/*------------------------------------
Form Selector
------------------------------------*/
.u-form-selector {
padding-left: 0;
margin-right: .5rem;
margin-bottom: .75rem;
}
.u-form-selector__input:checked ~ .u-form-selector__label {
border-color: #bd8b13;
}
.u-form-selector__label {
text-align: center;
cursor: pointer;
min-width: 5rem;
border: 1px solid #e3e6f0;
border-radius: .25rem;
padding-top: .5rem;
padding-bottom: .5rem;
}
.u-form-selector__label::before, .u-form-selector__label::after {
display: none;
}
/*------------------------------------
Form Selector Modern
------------------------------------*/
.u-form-selector-modern {
width: 100%;
padding-left: 0;
margin-right: 0;
margin-bottom: 1rem;
}
.u-form-selector-modern__input:checked ~ .u-form-selector-modern__label {
border-color: #bd8b13;
}
.u-form-selector-modern__label {
width: 100%;
cursor: pointer;
border: 2px solid #e3e6f0;
border-radius: .25rem;
padding: 1.25rem;
padding-left: 3rem;
}
.u-form-selector-modern__label::before, .u-form-selector-modern__label::after {
top: 1.5rem;
left: 1.25rem;
}
/*------------------------------------
Success State
------------------------------------*/
.u-has-success .u-form.u-focus-state {
-webkit-box-shadow: 0 0 25px rgba(101, 71, 156, .1);
box-shadow: 0 0 25px rgba(101, 71, 156, .1);
}
.u-has-success .u-form:focus,
.u-has-success .u-form.u-focus-state .u-form__append > .u-btn-white,
.u-has-success .u-form.u-focus-state .u-form__prepend > .u-btn-white,
.u-has-success .u-form.u-focus-state .u-form__text,
.u-has-success .u-form.u-focus-state .u-form__input,
.u-has-success .u-form.u-focus-state *:focus {
border-color: #bd8b13;
}
.u-has-success .u-form.u-focus-state .u-form__text {
color: #bd8b13;
}
/*------------------------------------
Error State
------------------------------------*/
.u-has-error .u-form.u-focus-state {
-webkit-box-shadow: 0 0 25px rgba(218, 75, 72, .1);
box-shadow: 0 0 25px rgba(218, 75, 72, .1);
}
.u-has-error .u-form:focus,
.u-has-error .u-form.u-focus-state .u-form__append > .u-btn-white,
.u-has-error .u-form.u-focus-state .u-form__prepend > .u-btn-white,
.u-has-error .u-form.u-focus-state .u-form__text,
.u-has-error .u-form.u-focus-state .u-form__input,
.u-has-error .u-form.u-focus-state *:focus {
border-color: #da4b48;
}
.u-has-error .u-form.u-focus-state .u-form__text {
color: #da4b48;
}
/*------------------------------------
Focus States
------------------------------------*/
.u-form {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.u-form.u-focus-state {
-webkit-box-shadow: 0 0 25px rgba(100, 111, 121, .1);
box-shadow: 0 0 25px rgba(100, 111, 121, .1);
}
.u-form:focus,
.u-form.u-focus-state .u-form__append > .u-btn-white,
.u-form.u-focus-state .u-form__prepend > .u-btn-white,
.u-form.u-focus-state .u-form__text,
.u-form.u-focus-state .u-form__input,
.u-form.u-focus-state *:focus {
border-color: rgba(21, 27, 38, .5);
}
.u-form.u-focus-state .u-form__text {
color: #111;
}
/* White Border */
.u-form--white-brd.u-focus-state .u-form__input {
border-color: #fff;
}
/*------------------------------------
Sidebar Navigation
------------------------------------*/
/* Disable content revealing on page load */
.u-sidebar[aria-labelledby] {
opacity: 0;
}
.u-sidebar[aria-labelledby][role="tabpanel"] {
opacity: 1;
}
.u-sidebar[aria-labelledby].u-unfold--css-animation, .u-sidebar[aria-labelledby].u-unfold--jquery-slide {
opacity: 1;
}
.u-sidebar.u-unfold--css-animation.u-unfold--hidden {
display: none;
opacity: 0;
visibility: hidden;
}
.u-sidebar {
position: fixed;
top: 0;
right: 0;
z-index: 102;
width: 18.75rem;
height: 100%;
background-color: #fff;
-webkit-box-shadow: -8px 0 18px rgba(21, 27, 38, .07);
box-shadow: -8px 0 18px rgba(21, 27, 38, .07);
}
.u-sidebar__body, .u-sidebar__content {
height: 100%;
}
.u-sidebar--left {
right: auto;
left: 0;
-webkit-box-shadow: 8px 0 18px rgba(21, 27, 38, .07);
box-shadow: 8px 0 18px rgba(21, 27, 38, .07);
}
.u-sidebar__close {
color: #646f79;
}
.u-sidebar__close:hover {
color: #111;
opacity: 1;
}
.u-sidebar__scroller {
height: 100%;
overflow: hidden;
overflow-y: auto;
}
.u-sidebar__container {
position: relative;
height: 100%;
min-height: 100%;
}
.u-sidebar__footer {
width: 100%;
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
/*------------------------------------
Sidebar Panel
------------------------------------*/
/* Link */
.u-sidebar--panel__link {
color: #646f79;
}
.u-sidebar--panel__link:hover {
color: #bd8b13;
}
/* Footer */
.u-sidebar--panel__footer-offset {
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 9.5rem;
}
.u-sidebar__footer--panel {
background: #fff;
border-top: 1px solid #e3e6f0;
}
/*------------------------------------
Card
------------------------------------*/
.u-card-2-count {
-webkit-column-count: 2;
column-count: 2;
}
.u-card-3-count {
-webkit-column-count: 3;
column-count: 3;
}
.u-card-4-count {
-webkit-column-count: 4;
column-count: 4;
}
.u-card-columns {
-webkit-column-gap: 1rem;
column-gap: 1rem;
orphans: 1;
widows: 1;
}
.u-card-columns .card {
display: inline-block;
width: 100%;
}
@media (min-width: 576px) {
.u-card-sm-2-count {
-webkit-column-count: 2;
column-count: 2;
}
.u-card-sm-3-count {
-webkit-column-count: 3;
column-count: 3;
}
.u-card-sm-4-count {
-webkit-column-count: 4;
column-count: 4;
}
.u-card-sm-columns {
-webkit-column-gap: 1rem;
column-gap: 1rem;
orphans: 1;
widows: 1;
}
.u-card-sm-columns .card {
display: inline-block;
width: 100%;
}
}
@media (min-width: 768px) {
.u-card-md-2-count {
-webkit-column-count: 2;
column-count: 2;
}
.u-card-md-3-count {
-webkit-column-count: 3;
column-count: 3;
}
.u-card-md-4-count {
-webkit-column-count: 4;
column-count: 4;
}
.u-card-md-columns {
-webkit-column-gap: 1rem;
column-gap: 1rem;
orphans: 1;
widows: 1;
}
.u-card-md-columns .card {
display: inline-block;
width: 100%;
}
}
@media (min-width: 992px) {
.u-card-lg-2-count {
-webkit-column-count: 2;
column-count: 2;
}
.u-card-lg-3-count {
-webkit-column-count: 3;
column-count: 3;
}
.u-card-lg-4-count {
-webkit-column-count: 4;
column-count: 4;
}
.u-card-lg-columns {
-webkit-column-gap: 1rem;
column-gap: 1rem;
orphans: 1;
widows: 1;
}
.u-card-lg-columns .card {
display: inline-block;
width: 100%;
}
}
@media (min-width: 1200px) {
.u-card-xl-2-count {
-webkit-column-count: 2;
column-count: 2;
}
.u-card-xl-3-count {
-webkit-column-count: 3;
column-count: 3;
}
.u-card-xl-4-count {
-webkit-column-count: 4;
column-count: 4;
}
.u-card-xl-columns {
-webkit-column-gap: 1rem;
column-gap: 1rem;
orphans: 1;
widows: 1;
}
.u-card-xl-columns .card {
display: inline-block;
width: 100%;
}
}
.u-card {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
background-color: transparent;
}
.u-card-header {
padding: 0;
background-color: transparent;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.u-card-btn {
color: #111;
text-align: left;
padding-left: 0;
padding-right: 0;
white-space: inherit;
}
.u-card-btn__arrow {
color: #bd8b13;
margin-left: 1rem;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.u-card-btn__arrow-inner {
font-size: .8125rem;
}
.collapsed .u-card-btn__arrow {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.u-card-body {
color: #646f79;
}
@media (min-width: 576px) {
/* Gutters X */
.u-card--gutters-2-sm {
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.u-card--gutters-2-sm > .card {
margin-right: .5rem;
margin-left: .5rem;
}
.u-card--gutters-3-sm {
margin-right: -1rem;
margin-left: -1rem;
}
.u-card--gutters-3-sm > .card {
margin-right: 1rem;
margin-left: 1rem;
}
}
@media (min-width: 768px) {
/* Gutters X */
.u-card--gutters-3-md {
margin-right: -1rem;
margin-left: -1rem;
}
.u-card--gutters-3-md > .card {
margin-right: 1rem;
margin-left: 1rem;
}
}
@media (min-width: 992px) {
/* Gutters X */
.u-card--gutters-1-lg {
margin-right: -0.25rem;
margin-left: -0.25rem;
}
.u-card--gutters-1-lg > .card {
margin-right: .25rem;
margin-left: .25rem;
}
.u-card--gutters-2-lg {
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.u-card--gutters-2-lg > .card {
margin-right: .5rem;
margin-left: .5rem;
}
.u-card--gutters-3-lg {
margin-right: -1rem;
margin-left: -1rem;
}
.u-card--gutters-3-lg > .card {
margin-right: 1rem;
margin-left: 1rem;
}
}
/*------------------------------------
Clients
------------------------------------*/
.u-clients {
width: 5rem;
margin-left: auto;
margin-right: auto;
}
/*------------------------------------
Go To
------------------------------------*/
.u-go-to {
display: none;
position: relative;
z-index: 100;
width: 2.5rem;
height: 2.5rem;
background-color: #db1f26;
color: #fff;
font-size: .75rem;
border-radius: .25rem;
opacity: .5;
-webkit-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.u-go-to__inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.u-go-to:hover, .u-go-to:focus:hover {
color: #fff;
opacity: 1;
}
/*------------------------------------
Info v1
------------------------------------*/
.u-info-v1 {
border: 1px solid #e3e6f0;
border-top-width: 4px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.u-info-v1.active, .u-info-v1:hover {
border-color: rgba(101, 71, 156, .7);
-webkit-box-shadow: 0 0 35px rgba(140, 152, 164, .25);
box-shadow: 0 0 35px rgba(140, 152, 164, .25);
}
/*------------------------------------
Label
------------------------------------*/
.u-label {
display: inline-block;
font-size: 1rem;
font-weight: 400;
padding: .625rem 1.125rem;
border-radius: 6.1875rem;
-webkit-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.u-label--rounded {
border-radius: 6.1875rem;
}
/*------------------------------------
Label Sizes
------------------------------------*/
/* Small */
.u-label--sm {
font-size: .75rem;
padding: .5rem 1rem;
}
/*------------------------------------
Label Colors
------------------------------------*/
/* label primary */
.u-label--primary {
color: #bd8b13;
background-color: rgba(101, 71, 156, .1);
}
.u-label--primary[href]:hover, .u-label--primary[href]:focus {
color: #fff;
background-color: #bd8b13;
}
/* label secondary */
.u-label--secondary {
color: #646f79;
background-color: rgba(100, 111, 121, .1);
}
.u-label--secondary[href]:hover, .u-label--secondary[href]:focus {
color: #fff;
background-color: #646f79;
}
/* label success */
.u-label--success {
color: #bd8b13;
background-color: rgba(101, 71, 156, .1);
}
.u-label--success[href]:hover, .u-label--success[href]:focus {
color: #fff;
background-color: #bd8b13;
}
/* label info */
.u-label--info {
color: #1c6be1;
background-color: rgba(28, 107, 225, .1);
}
.u-label--info[href]:hover, .u-label--info[href]:focus {
color: #fff;
background-color: #1c6be1;
}
/* label warning */
.u-label--warning {
color: #ffbc42;
background-color: rgba(255, 188, 66, .1);
}
.u-label--warning[href]:hover, .u-label--warning[href]:focus {
color: #111;
background-color: #ffbc42;
}
/* label danger */
.u-label--danger {
color: #da4b48;
background-color: rgba(218, 75, 72, .1);
}
.u-label--danger[href]:hover, .u-label--danger[href]:focus {
color: #fff;
background-color: #da4b48;
}
/* label blue */
.u-label--blue {
color: #1c6be1;
background-color: rgba(28, 107, 225, .1);
}
.u-label--blue[href]:hover, .u-label--blue[href]:focus {
color: #fff;
background-color: #1c6be1;
}
/* label light */
.u-label--light {
color: #f5f8fb;
background-color: rgba(245, 248, 251, .1);
}
.u-label--light[href]:hover, .u-label--light[href]:focus {
color: #111;
background-color: #f5f8fb;
}
/* label dark */
.u-label--dark {
color: #111;
background-color: rgba(21, 27, 38, .1);
}
.u-label--dark[href]:hover, .u-label--dark[href]:focus {
color: #fff;
background-color: #111;
}
/* label purple */
.u-label--purple {
color: #796eff;
background-color: rgba(121, 110, 255, .1);
}
.u-label--purple[href]:hover, .u-label--purple[href]:focus {
color: #fff;
background-color: #796eff;
}
/*------------------------------------
Modal Window
------------------------------------*/
.u-modal-window {
position: relative;
display: none;
max-height: 88vh;
background-color: #fff;
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.u-modal-window__close {
position: absolute;
top: .5rem;
right: .5rem;
z-index: 1;
}
/*------------------------------------
Modal Window - Account
------------------------------------*/
.u-modal-window--account {
width: 35rem;
}
/*------------------------------------
Modal Window - Shopping Cart
------------------------------------*/
.u-modal-window--shopping-cart {
width: 23.125rem;
}
/*------------------------------------
Vertical Progress Bar
------------------------------------*/
.u-progress-vertical {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 12.5rem;
}
.u-progress-vertical__inner {
border-radius: 6.1875rem;
}
/*------------------------------------
Pricing v1
------------------------------------*/
.u-pricing-v1 {
border-radius: .25rem;
border: thin solid #e3e6f0;
}
.u-pricing-v1-wrapper {
margin-top: -10rem;
}
.u-pricing-v1-toggler:not(:disabled):not(.disabled).active {
color: #bd8b13;
}
.u-pricing-v1-toggler-pos.u-badge-pos {
position: absolute;
}
.u-pricing-v1__header {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e3e6f0;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
padding: 2rem;
}
.u-pricing-v1__content {
background-color: #fff;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem;
padding: 2rem;
}
.u-pricing-v1__list-item {
font-size: .875rem;
}
/*------------------------------------
Quantity
------------------------------------*/
.u-quantity {
width: 4rem;
}
.u-quantity > .u-quantity__input {
padding-right: 30px;
}
.u-quantity > .u-quantity__input:not(:last-child) {
border-radius: .25rem;
}
.u-quantity__arrows {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
right: .75rem;
z-index: 3;
}
.u-quantity__arrows-inner {
display: block;
color: #646f79;
cursor: pointer;
}
.u-quantity__arrows-inner:hover {
color: #bd8b13;
}
/*------------------------------------
Shopping Cart
------------------------------------*/
/* Item */
.u-shopping-cart {
border: 1px solid #e3e6f0;
margin-top: 1.3125rem;
border-radius: 0;
}
.u-shopping-cart__item-divider {
border-bottom: 1px solid #e3e6f0;
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
}
.u-shopping-cart__item-img-wrapper {
width: 25%;
}
.u-shopping-cart__item-info-wrapper {
width: 75%;
}
.u-shopping-cart__item-remover {
cursor: pointer;
color: #bfc3ca;
}
.u-shopping-cart__item-remover:hover {
color: #111;
}
/*------------------------------------
Shopping Cart - Color Selector
------------------------------------*/
.u-shopping-cart-color-selector {
display: inline-block;
cursor: pointer;
width: 1.75rem;
height: 1.75rem;
padding: .125rem;
border: 3px solid #fff;
border-radius: 50%;
}
.u-shopping-cart-color-selector.active {
-webkit-box-shadow: 0 0 0 2px #bfc3ca;
box-shadow: 0 0 0 2px #bfc3ca;
}
.u-shopping-cart-color-selector.active:hover {
-webkit-box-shadow: 0 0 0 2px #bfc3ca;
box-shadow: 0 0 0 2px #bfc3ca;
}
.u-shopping-cart-color-selector:hover {
-webkit-box-shadow: 0 0 0 2px #e3e6f0;
box-shadow: 0 0 0 2px #e3e6f0;
}
/*------------------------------------
Shopping Cart - Step Form
------------------------------------*/
.u-shopping-cart-step-form {
margin-left: 0;
text-align: center;
}
.u-shopping-cart-step-form__item {
width: 100%;
border-bottom: 2px solid #e3e6f0;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
margin-right: -0.25rem;
margin-left: -0.25rem;
}
.u-shopping-cart-step-form__item:not(:last-child) {
margin-right: 0;
}
@media (min-width: 576px) {
.u-shopping-cart-step-form__item {
width: 33.33333%;
}
}
.u-shopping-cart-step-form__item.active {
border-bottom-color: #bd8b13;
}
.u-shopping-cart-step-form__item.active .u-shopping-cart-step-form__title,
.u-shopping-cart-step-form__item.active .u-shopping-cart-step-form__subtitle {
color: #bd8b13;
}
.u-shopping-cart-step-form__title {
display: block;
font-size: 1.25rem;
color: #111;
}
.u-shopping-cart-step-form__subtitle {
display: block;
font-size: .875rem;
color: #8c98a4;
}
/* Toggler */
.u-shopping-cart-step-form__toggler {
display: block;
width: 100%;
text-align: center;
color: #646f79;
border: 1px solid #e3e6f0;
border-radius: .25rem;
padding: 1.5rem;
min-width: 13.75rem;
margin-right: 1rem;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.u-shopping-cart-step-form__toggler.active, .u-shopping-cart-step-form__toggler:hover {
color: #bd8b13;
border-color: #bd8b13;
}
.u-shopping-cart-step-form__toggler-icon {
font-size: 1.5rem;
}
.u-shopping-cart-step-form__toggler-img {
width: 5rem;
height: auto;
}
/*------------------------------------
Slick
------------------------------------*/
.u-slick {
position: relative;
}
.u-slick--cursor-pointer .slick-slide {
cursor: pointer;
}
.u-slick--transform-off.slick-transform-off .slick-track,
.u-slick--transform-off .slick-track {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
@media (min-width: 992px) {
.u-slick--transform-off-lg.slick-transform-off .slick-track {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
}
/*------------------------------------
Slick Equal Height
------------------------------------*/
.u-slick--equal-height .slick-list {
height: 100%;
}
.u-slick--equal-height .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.u-slick--equal-height .slick-track .slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
}
/*------------------------------------
Slick Gutters
------------------------------------*/
.u-slick--gutters {
margin-left: -0.125rem;
margin-right: -0.125rem;
}
.u-slick--gutters .slick-slide {
margin-left: .125rem;
margin-right: .125rem;
}
.u-slick--gutters-2 {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.u-slick--gutters-2 .slick-slide {
margin-left: .5rem;
margin-right: .5rem;
}
.u-slick--gutters-3 {
margin-left: -1rem;
margin-right: -1rem;
}
.u-slick--gutters-3 .slick-slide {
margin-left: 1rem;
margin-right: 1rem;
}
/*------------------------------------
Slick Arrows
------------------------------------*/
.u-slick__arrow {
z-index: 1;
line-height: 0;
display: inline-block;
color: #646f79;
width: 2.5rem;
height: 2.5rem;
font-size: 1.125rem;
cursor: pointer;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.u-slick__arrow:hover {
color: #bd8b13;
}
.u-slick__arrow-inner:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.u-slick__arrow-inner--left {
left: 0;
}
.u-slick__arrow-inner--right {
right: 0;
}
.u-slick__arrow.slick-disabled {
color: #e3e6f0;
cursor: auto;
}
.u-slick__arrow-pos--bottom-minus-7 {
position: absolute;
bottom: -4rem;
}
/* Center Alignment */
.u-slick__arrow-centered--x {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.u-slick__arrow-centered--y {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
/*------------------------------------
Slick Arrows Classic
------------------------------------*/
.u-slick__arrow-classic {
z-index: 1;
line-height: 0;
display: inline-block;
color: #fff;
background-color: rgba(255, 255, 255, .1);
width: 3.5rem;
height: 3.5rem;
font-size: 1rem;
cursor: pointer;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.u-slick__arrow-classic:hover {
color: #fff;
background-color: #bd8b13;
}
.u-slick__arrow-classic-inner:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.u-slick__arrow-classic-inner--left {
left: 0;
}
.u-slick__arrow-classic-inner--right {
right: 0;
}
/* Dark Version */
.u-slick__arrow-classic--dark {
color: #646f79;
background-color: rgba(100, 111, 121, .1);
}
/*------------------------------------
Slick Paging v1
------------------------------------*/
.u-slick__paging-v1 {
position: absolute;
right: 0;
bottom: 2rem;
padding-left: .9375rem;
padding-right: .9375rem;
}
.u-slick__paging-v1 .u-paging__current {
color: #fff;
font-size: 3.875rem;
line-height: 1;
}
.u-slick__paging-v1 .u-paging__divider {
position: relative;
margin-right: .5rem;
margin-left: .25rem;
}
.u-slick__paging-v1 .u-paging__divider::before {
position: absolute;
top: 0;
left: 0;
color: rgba(255, 255, 255, .7);
font-size: .875rem;
content: "\002f";
}
.u-slick__paging-v1 .u-paging__total {
font-size: 1.5rem;
color: rgba(255, 255, 255, .7);
}
/*------------------------------------
Slick Pagination
------------------------------------*/
.u-slick__pagination {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
pointer-events: none;
}
.u-slick__pagination li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
pointer-events: all;
margin: 0 .5rem;
cursor: pointer;
}
.u-slick__pagination li span {
display: inline-block;
width: 1rem;
height: 1rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #8c98a4;
border: 3px solid transparent;
border-radius: 50%;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.u-slick__pagination li.slick-active span {
background-color: transparent;
border-color: #8c98a4;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
/*------------------------------------
Slick Pagination - Active Border
------------------------------------*/
.u-slick--pagination-active-border .u-slick--pagination-active-border__item {
cursor: pointer;
border: 1px solid #e3e6f0;
}
.u-slick--pagination-active-border .slick-current .u-slick--pagination-active-border__item {
border-color: #bd8b13;
}
/*------------------------------------
Slick Pagination Classic
------------------------------------*/
.u-slick--pagination-classic .slick-slide {
cursor: pointer;
opacity: .5;
border-top: 4px solid rgba(255, 255, 255, .1);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.u-slick--pagination-classic .slick-current {
opacity: 1;
border-top-color: #fff;
}
/*------------------------------------
Slick Pagination Modern
------------------------------------*/
.u-slick--pagination-modern {
margin-right: -15px;
}
.u-slick--pagination-modern__item {
padding-right: 15px;
}
@media (min-width: 992px) {
.u-slick--pagination-modern__item {
max-width: 25%;
}
}
.u-slick--pagination-modern__item-img {
width: 6.25rem;
height: 4.375rem;
}
.u-slick--pagination-modern__item-text {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.u-slick--pagination-modern__item.slick-current {
color: #bd8b13;
}
.u-slick--pagination-modern__item:hover .u-slick--pagination-modern__item-text {
color: #bd8b13;
}
/*------------------------------------
Slick Pagination - Simple
------------------------------------*/
.u-slick--pagination-simple .u-slick--pagination-simple__item {
cursor: pointer;
padding-top: .5rem;
padding-bottom: .5rem;
}
.u-slick--pagination-simple .u-slick--pagination-simple__icon {
position: relative;
z-index: 1;
line-height: .7;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 2.75rem;
height: 2.75rem;
color: #646f79;
font-size: 1rem;
font-weight: 500;
border-radius: .25rem;
border: 1px solid #e3e6f0;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.u-slick--pagination-simple .u-slick--pagination-simple__icon-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.u-slick--pagination-simple .slick-current .u-slick--pagination-simple__title,
.u-slick--pagination-simple .slick-current .u-slick--pagination-simple__text {
color: #bd8b13;
}
.u-slick--pagination-simple .slick-current .u-slick--pagination-simple__icon {
color: #bd8b13;
border-color: #bd8b13;
}
/*------------------------------------
Tab
------------------------------------*/
.u-tab .u-tab__nav-link {
color: #646f79;
font-weight: 400;
border-radius: 0;
padding-left: 0;
}
.u-tab .u-tab__nav-link.active {
color: #bd8b13;
background-color: transparent;
}
.u-tab .u-tab__nav-link:hover {
color: #bd8b13;
}
@media (min-width: 768px) {
.u-tab--md {
position: relative;
-webkit-box-shadow: 26px 0 26px -12px rgba(100, 111, 121, .06);
box-shadow: 26px 0 26px -12px rgba(100, 111, 121, .06);
}
.u-tab--md::after {
position: absolute;
top: 0;
right: 0;
width: 4px;
height: 100%;
background-color: rgba(100, 111, 121, .09);
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem;
content: " ";
}
.u-tab--md .u-tab__nav-link {
position: relative;
}
.u-tab--md .u-tab__nav-link::after {
position: absolute;
top: 0;
right: 0;
width: 4px;
height: 100%;
background-color: transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem;
content: " ";
}
.u-tab--md .u-tab__nav-link.active::after {
background-color: #bd8b13;
}
.u-tab--md .u-tab__nav-link:hover {
color: #bd8b13;
}
}
/*------------------------------------
Tab Classic
------------------------------------*/
.u-tab-classic {
border-bottom: none;
}
.u-tab-classic .u-tab-classic__nav-link {
min-width: 15rem;
color: #646f79;
text-align: center;
font-weight: 400;
border: none;
border-bottom: 2px solid #e3e6f0;
border-radius: 0;
padding: .5rem;
}
.u-tab-classic .u-tab-classic__nav-link-icon {
display: block;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
.u-tab-classic .u-tab-classic__nav-link.active {
color: #bd8b13;
border-bottom-color: #bd8b13;
background-color: transparent;
}
.u-tab-classic .u-tab-classic__nav-link.active .u-tab-classic__nav-link-icon {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.u-tab-classic .u-tab-classic__nav-link:hover {
color: #bd8b13;
}
.u-tab-classic .u-tab-classic__nav-link:hover .u-tab-classic__nav-link-icon {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
/*------------------------------------
Background Colors
------------------------------------*/
.u-bg-light-blue-50 {
background-color: #f5f8fb;
}
/*------------------------------------
Background Gradients
------------------------------------*/
.u-gradient-half-primary-v1 {
background-image: -webkit-linear-gradient(65deg, #796eff 0%, #bd8b13 100%);
background-image: -o-linear-gradient(65deg, #796eff 0%, #bd8b13 100%);
background-image: linear-gradient(25deg, #796eff 0%, #bd8b13 100%);
background-repeat: repeat-x;
}
/*------------------------------------
Background Overlay Gradients
------------------------------------*/
[class*="u-gradient-overlay-half"] {
position: relative;
z-index: 1;
}
[class*="u-gradient-overlay-half"]::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
width: 100%;
height: 100%;
content: "";
}
.u-gradient-overlay-half-dark-video-v1::before {
z-index: 2;
background-color: rgba(21, 27, 38, .95);
}
.u-gradient-overlay-half-white-v1::before {
background-image: -webkit-linear-gradient(30deg, rgba(255, 255, 255, .99) 30%, transparent 60%);
background-image: -o-linear-gradient(30deg, rgba(255, 255, 255, .99) 30%, transparent 60%);
background-image: linear-gradient(60deg, rgba(255, 255, 255, .99) 30%, transparent 60%);
background-repeat: repeat-x;
}
.u-gradient-overlay-half-dark-v1::before {
background-image: -webkit-linear-gradient(60deg, rgba(21, 27, 38, .5) 0%, transparent 100%);
background-image: -o-linear-gradient(60deg, rgba(21, 27, 38, .5) 0%, transparent 100%);
background-image: linear-gradient(30deg, rgba(21, 27, 38, .5) 0%, transparent 100%);
background-repeat: repeat-x;
}
.u-gradient-overlay-half-dark-v2::before {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(21, 27, 38, .6)), to(transparent));
background-image: -webkit-linear-gradient(bottom, rgba(21, 27, 38, .6) 0%, transparent 100%);
background-image: -o-linear-gradient(bottom, rgba(21, 27, 38, .6) 0%, transparent 100%);
background-image: linear-gradient(0deg, rgba(21, 27, 38, .6) 0%, transparent 100%);
background-repeat: repeat-x;
}
.u-gradient-overlay-half-dark-v3::before {
background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(21, 27, 38, .5)));
background-image: -webkit-linear-gradient(bottom, transparent 0%, rgba(21, 27, 38, .5) 100%);
background-image: -o-linear-gradient(bottom, transparent 0%, rgba(21, 27, 38, .5) 100%);
background-image: linear-gradient(0deg, transparent 0%, rgba(21, 27, 38, .5) 100%);
background-repeat: repeat-x;
}
.u-gradient-overlay-half-primary-v1::before {
background-image: -webkit-linear-gradient(60deg, rgba(121, 110, 255, .95) 0%, rgba(219 31 38, .95) 100%);
background-image: -o-linear-gradient(60deg, rgba(121, 110, 255, .95) 0%, rgba(219 31 38, .95) 100%);
background-image: linear-gradient(30deg, rgba(121, 110, 255, .95) 0%, rgba(219 31 38, .95) 100%);
background-repeat: repeat-x;
}
/*------------------------------------
Text Colors
------------------------------------*/
.u-text-light {
color: rgba(255, 255, 255, .7);
}
.u-text-light[href]:hover {
color: #fff;
}
.text-secondary[href]:hover {
color: #bd8b13 !important;
}
/*------------------------------------
Height
------------------------------------*/
.height-100vh {
height: 100vh;
}
.height-400 {
height: 25rem;
}
.height-600 {
height: 600px;
}
.min-height-280 {
min-height: 17.5rem;
}
@media (min-width: 576px) {
.height-100vh--sm {
height: 100vh;
}
}
@media (min-width: 768px) {
.height-100vh--md {
height: 100vh;
}
}
@media (min-width: 992px) {
.height-15vh--lg {
height: 15vh;
}
.height-85vh--lg {
height: 85vh;
}
.height-100vh--lg {
height: 100vh;
}
}
@media (min-width: 1200px) {
.height-100vh--xl {
height: 100vh;
}
}
/*------------------------------------
Position Spaces
------------------------------------*/
.position-absolute-bottom-0 {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.position-absolute-bottom-left-0 {
position: absolute;
bottom: 0;
left: 0;
}
.bottom-0 {
bottom: 0;
}
.right-0 {
right: 0;
}
.left-0 {
left: 0;
}
@media (min-width: 576px) {
.position-absolute-bottom-0--sm {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
}
@media (min-width: 768px) {
.position-absolute-top-left-0--md {
position: absolute;
top: 0;
left: 0;
}
.position-absolute-top-right-0--md {
position: absolute;
top: 0;
right: 0;
}
}
@media (min-width: 992px) {
.position-absolute-top-left-0--lg {
position: absolute;
top: 0;
left: 0;
}
.position-absolute-top-right-0--lg {
position: absolute;
top: 0;
right: 0;
}
.position-absolute-bottom-0--lg {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
}
/*------------------------------------
Typography Font Size
------------------------------------*/
.font-size-13 {
font-size: .8125rem;
}
.font-size-14 {
font-size: .875rem;
}
.font-size-18 {
font-size: 1.125rem;
}
.font-size-32 {
font-size: 2rem;
}
@media (max-width: 576px) {
.font-size-2--sm-down {
font-size: 2rem;
}
.font-size-2_5--sm-down {
font-size: 2.5rem;
}
}
/*------------------------------------
Typography Font Weight
------------------------------------*/
.font-weight-medium {
font-weight: 500;
}
/*------------------------------------
Z-Index
------------------------------------*/
.z-index-2 {
z-index: 2;
}
.z-index-minus-1 {
z-index: -1;
}
/*------------------------------------
Space
------------------------------------*/
.u-space-1 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.u-space-1-top {
padding-top: 2rem;
}
.u-space-1-bottom {
padding-bottom: 2rem;
}
.u-space-2 {
padding-top: 4.0625rem;
padding-bottom: 4.0625rem;
}
.u-space-2-top {
padding-top: 4.0625rem;
}
.u-space-2-bottom {
padding-bottom: 4.0625rem;
}
.u-space-3 {
padding-top: 8.125rem;
padding-bottom: 8.125rem;
}
.u-space-3-top {
padding-top: 8.125rem;
}
.u-space-3-bottom {
padding-bottom: 8.125rem;
}
.u-space-4 {
padding-top: 12.5rem;
padding-bottom: 12.5rem;
}
.u-space-4-top {
padding-top: 12.5rem;
}
.u-space-4-bottom {
padding-bottom: 12.5rem;
}
.u-space-5 {
padding-top: 15rem;
padding-bottom: 15rem;
}
.u-space-5-top {
padding-top: 15rem;
}
.u-space-5-bottom {
padding-bottom: 15rem;
}
.u-space-0 {
padding-top: 0;
padding-bottom: 0;
}
.u-space-0-top {
padding-top: 0;
}
.u-space-0-bottom {
padding-bottom: 0;
}
@media (min-width: 576px) {
.u-space-3--sm {
padding-top: 8.125rem;
padding-bottom: 8.125rem;
}
.u-space-3-bottom--sm {
padding-bottom: 8.125rem;
}
.u-space-4-top--sm {
padding-top: 12.5rem;
}
.u-space-5--sm {
padding-top: 15rem;
padding-bottom: 15rem;
}
}
@media (min-width: 768px) {
.u-space-3--md {
padding-top: 8.125rem;
padding-bottom: 8.125rem;
}
.u-space-3-top--md {
padding-top: 8.125rem;
}
.u-space-3-bottom--md {
padding-bottom: 8.125rem;
}
.u-space-4-top--md {
padding-top: 12.5rem;
}
.u-space-5--md {
padding-top: 15rem;
padding-bottom: 15rem;
}
}
@media (min-width: 992px) {
.u-space-1--lg {
padding-top: 2rem;
padding-bottom: 2rem;
}
.u-space-3--lg {
padding-top: 8.125rem;
padding-bottom: 8.125rem;
}
.u-space-3-top--lg {
padding-top: 8.125rem;
}
.u-space-3-bottom--lg {
padding-bottom: 8.125rem;
}
.u-space-4--lg {
padding-top: 12.5rem;
padding-bottom: 12.5rem;
}
.u-space-4-top--lg {
padding-top: 12.5rem;
}
.u-space-4-bottom--lg {
padding-bottom: 12.5rem;
}
.u-space-5--lg {
padding-top: 15rem;
padding-bottom: 15rem;
}
.u-space-5-top--lg {
padding-top: 15rem;
}
.u-space-0--lg {
padding-top: 0;
padding-bottom: 0;
}
.u-space-0-top--lg {
padding-top: 0;
}
.u-space-0-bottom--lg {
padding-bottom: 0;
}
}
@media (min-width: 1200px) {
.u-space-3-bottom--xl {
padding-bottom: 8.125rem;
}
.u-space-4-top--xl {
padding-top: 12.5rem;
}
}
/*------------------------------------
Hamburgers
------------------------------------*/
.u-hamburger {
font-size: inherit;
line-height: 0;
padding: .25rem;
}
.u-hamburger:hover .u-hamburger__inner, .u-hamburger:hover .u-hamburger__inner::before, .u-hamburger:hover .u-hamburger__inner::after {
background-color: #bd8b13;
}
.u-hamburger__box {
width: 1.375rem;
height: .96875rem;
display: inline-block;
position: relative;
}
.u-hamburger__inner {
display: block;
top: .07812rem;
margin-top: -0.07812rem;
}
.u-hamburger__inner, .u-hamburger__inner::before, .u-hamburger__inner::after {
width: 1.375rem;
height: .15625rem;
background-color: #8c98a4;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.u-hamburger__inner::before, .u-hamburger__inner::after {
content: "";
display: block;
}
.u-hamburger__inner::before {
top: .40625rem;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: transform, opacity;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.u-hamburger__inner::after {
top: .8125rem;
}
.u-hamburger[aria-expanded="true"] .u-hamburger__inner,
.u-hamburger .is-active .u-hamburger__inner {
-webkit-transform: translate3d(0, 6.5px, 0) rotate(45deg);
transform: translate3d(0, 6.5px, 0) rotate(45deg);
}
.u-hamburger[aria-expanded="true"] .u-hamburger__inner::before,
.u-hamburger .is-active .u-hamburger__inner::before {
-webkit-transform: rotate(-45deg) translate3d(-3.14286px, -4px, 0);
transform: rotate(-45deg) translate3d(-3.14286px, -4px, 0);
opacity: 0;
}
.u-hamburger[aria-expanded="true"] .u-hamburger__inner::after,
.u-hamburger .is-active .u-hamburger__inner::after {
-webkit-transform: translate3d(0, -13px, 0) rotate(-90deg);
transform: translate3d(0, -13px, 0) rotate(-90deg);
}
.u-hamburger--white .u-hamburger__inner, .u-hamburger--white .u-hamburger__inner::before, .u-hamburger--white .u-hamburger__inner::after {
background-color: rgba(255, 255, 255, .8);
}
.u-hamburger--white:hover .u-hamburger__inner, .u-hamburger--white:hover .u-hamburger__inner::before, .u-hamburger--white:hover .u-hamburger__inner::after {
background-color: #fff;
}
.js-header-fix-moment .u-hamburger--white .u-hamburger__inner, .js-header-fix-moment .u-hamburger--white .u-hamburger__inner::before, .js-header-fix-moment .u-hamburger--white .u-hamburger__inner::after {
background-color: #8c98a4;
}
.js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner, .js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner::before, .js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner::after {
background-color: #bd8b13;
}
/*------------------------------------
Background Image Style
------------------------------------*/
.u-bg-img-hero {
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.u-bg-img-hero-bottom {
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
}
.u-bg-img-hero-center {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.u-bg-img-hero-fixed {
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
width: 100%;
}
/*------------------------------------
Content Centered
------------------------------------*/
.u-content-centered-y {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
/*------------------------------------
Media Player
------------------------------------*/
.u-media-player {
color: #111;
font-weight: 400;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.u-media-player__icon {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 3.75rem;
height: 3.75rem;
font-size: .8125rem;
}
.u-media-player__icon::before {
display: inline-block;
width: 100%;
height: 100%;
content: "";
background-color: #fff;
border-radius: 50%;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.u-media-player__icon-inner {
color: #bd8b13;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin-left: .125rem;
}
.u-media-player__icon--box-shadow::before {
-webkit-box-shadow: 0 0 40px #e3e6f0;
box-shadow: 0 0 40px #e3e6f0;
}
.u-media-player:hover .u-media-player__icon::before {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/* Extra Large Size */
.u-media-player__icon--xl {
width: 6.25rem;
height: 6.25rem;
font-size: 1rem;
}
/*------------------------------------
Media Viewer
------------------------------------*/
.u-media-viewer {
position: relative;
display: block;
overflow: hidden;
}
.u-media-viewer:hover .u-media-viewer__img {
-webkit-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25);
}
.u-media-viewer:hover .u-media-viewer__icon {
opacity: 1;
}
.u-media-viewer__img {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.u-media-viewer__container {
position: absolute;
right: 0;
bottom: 0;
padding: 1rem;
}
.u-media-viewer__icon {
display: inline-block;
vertical-align: middle;
text-align: center;
color: #fff;
background-color: #bd8b13;
width: 2.75rem;
height: 2.75rem;
font-size: 1rem;
border-radius: 50%;
opacity: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.u-media-viewer__icon:hover, .u-media-viewer__icon:focus {
color: #fff;
}
.u-media-viewer__icon-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/*------------------------------------
Video Player
------------------------------------*/
.u-video-player {
position: relative;
background-color: #000;
}
.u-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;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.u-video-player__played .u-video-player__preview {
opacity: 0;
pointer-events: none;
}
.u-video-player__btn {
z-index: 3;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.u-video-player__played .u-video-player__btn {
-webkit-animation: videoPlayerButton .4s ease-in-out forwards;
animation: videoPlayerButton .4s ease-in-out forwards;
pointer-events: none;
}
.u-video-player__btn:hover .u-video-player__icon::before, .u-video-player__btn:focus .u-video-player__icon::before {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.u-video-player__icon {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 5rem;
height: 5rem;
font-size: .8125rem;
}
.u-video-player__icon::before {
display: inline-block;
width: 100%;
height: 100%;
content: "";
background-color: #fff;
border-radius: 50%;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.u-video-player__icon-inner {
color: #bd8b13;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin-left: .125rem;
}
@media (max-width: 767px) {
.u-video-player__icon {
width: 3.5rem;
height: 3.5rem;
}
}
/* Positions */
.u-video-player__centered {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-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);
}
}
/*------------------------------------
Skippy
------------------------------------*/
.u-skippy {
display: none;
}
/*------------------------------------
Accessibility
------------------------------------*/
:focus,
a:focus,
button:focus {
outline: 0;
}
.form-control:focus {
-webkit-box-shadow: 0 0 0 0 transparent;
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 {
-webkit-box-shadow: 0 0 0 0 transparent;
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 {
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
.page-link:focus {
-webkit-box-shadow: 0 0 0 0 transparent;
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 {
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
.custom-file-input:focus ~ .custom-file-label {
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
@media (min-width: 992px) {
.hs-mega-menu {
width: 300px;
}
}
/* Slice */
.u-slice {
position: relative;
padding-bottom: 4rem;
}
.u-slice--sm {
padding-bottom: 2rem;
}
.u-slice--lg {
padding-bottom: 6rem;
}
.u-slice--xl {
padding-bottom: 8rem;
}
.u-shape-container {
position: absolute;
z-index: 2;
top: auto;
right: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 150px;
transform: translateZ(0);
}
.u-shape-container[data-shape-position=top] {
top: 0;
bottom: auto;
}
.u-shape-container[data-shape-position=bottom] {
top: auto;
bottom: 0;
}
.u-shape-container[data-shape-orientation=inverse] {
transform: rotate(180deg);
}
.u-shape-fill-white {
fill: #fff;
}
/* Header Update */
.u-header.u-scrolled {
color: rgba(255,255,255, .75);
}
.u-scrolled .u-header__section {
border-bottom: none;
}
.u-header.u-scrolled .u-header__nav-link {
color: rgba(255,255,255, .75);
}
.u-header.u-scrolled .u-header__nav-link:hover {
color: rgba(255,255,255, 1);
}
.u-header.u-scrolled .active .u-header__nav-link {
color: rgba(255,255,255, 1);
}
.u-scrolled .u-unfold--language-btn,
.u-scrolled .u-unfold--language-btn:hover {
border: 1px solid rgba(255,255,255, .1);
color: rgba(255,255,255, .75);
}
.u-scrolled .bg-soft-primary .u-unfold {
background-color: #db1f26;
}
.u-scrolled .u-unfold .u-list__link {
color: rgba(255,255,255, .75);
}
.u-scrolled .u-unfold .u-list__link:hover {
color: rgba(255,255,255, 1);
}
.u-scrolled .bg-soft-primary .u-header__sub-menu {
background-color: #db1f26;
border: none;
}
.u-scrolled .u-header__sub-menu-nav-link {
color: rgba(255,255,255, .75);
}
.u-scrolled .u-header__sub-menu-nav-link:hover {
color: rgba(255,255,255, 1);
}
.u-scrolled .u-header__sub-menu .active > .u-header__sub-menu-nav-link {
color: rgba(255,255,255, 1);
}
.page {
background-color: #f5f8fb;
}
.bg-soft-primary {
background-color: #db1f26;
}
.u-header__navbar-brand-default {
display: inline-block;
}
.u-header__navbar-brand-on-scroll {
display: none;
}
.u-scrolled .u-header__navbar-brand-default {
display: none;
}
.u-scrolled .u-header__navbar-brand-on-scroll {
display: inline-block;
}
.u-hamburger__inner,
.u-hamburger__inner::before,
.u-hamburger__inner::after {
height: 1px;
}
.u-scrolled .u-hamburger__inner,
.u-scrolled .u-hamburger__inner::before,
.u-scrolled .u-hamburger__inner::after {
background-color: #fff !important;
}
@media (max-width: 991px) {
.u-header {
max-height: 500px;
overflow-y: auto
}
.u-header__navbar-brand-default {
display: inline-block;
}
.u-header__navbar-brand-on-scroll {
display: none;
}
.u-scrolled .u-header__navbar-brand-default {
display: none;
}
.u-scrolled .u-header__navbar-brand-on-scroll {
display: inline-block;
}
}
.slick-track {
display: flex;
align-items: center;
}
.u-clients {
max-width: 80%;
width: auto;
}
.u-clients {
max-height: 74px;
}
html {
transition: all .2s;
}
.nav-item.u-header__nav-item-btn {
display:none;
}
.bg-soft-primary {
background: #bd8b13;
}
.btn-purple,
.btn-primary:not(:disabled):not(.disabled), .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{
background: #bd8b13;
border-color: #bd8b13;
color: #fff;
}
.btn-purple:hover,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active:hover, .show > .btn-primary.dropdown-toggle:hover, .btn-primary:not(:disabled):not(.disabled):hover{
background: #111;
border-color: #111;
color: #fff;
}
.u-go-to {
background: #bd8b13;
}
.u-bg-img-hero {
filter: brightness(81%) hue-rotate(330deg);
-webkit-filter: brightness(81%) hue-rotate(330deg);
-moz-filter: brightness(81%) hue-rotate(330deg);
}