@font-face {
font-family: 'Graphik';
src: url(../woff2/graphik-light.woff2) format('woff2'),
url(../woff/graphik-light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Graphik';
src: url(../woff2/graphik-lightitalic.woff2) format('woff2'),
url(../woff/graphik-lightitalic.woff) format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Graphik';
src: url(../woff2/graphik-semibold.woff2) format('woff2'),
url(../woff/graphik-semibold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Graphik';
src: url(../woff2/graphik-medium.woff2) format('woff2'),
url(../woff/graphik-medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Graphik';
src: url(../woff2/graphik-regularitalic.woff2) format('woff2'),
url(../woff/graphik-regularitalic.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Graphik';
src: url(../woff2/graphik-mediumitalic.woff2) format('woff2'),
url(../woff/graphik-mediumitalic.woff) format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Graphik';
src: url(../woff2/graphik-regular.woff2) format('woff2'),
url(../woff/graphik-regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Graphik';
src: url(../woff2/graphik-semibolditalic.woff2) format('woff2'),
url(../woff/graphik-semibolditalic.woff) format('woff');
font-weight: 600;
font-style: italic;
font-display: swap;
}
:root {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
--animate-duration: 1500ms;
--animate-delay: 0.9s;
--theme-color: #1A233D;
--theme-radius: 12px;
--font-title: 'Graphik', serif;
--font-body: 'Graphik', sans-serif;
--font-size: 16px;
--title-font-size: 36px;
--widget-title-font-size: 24px;
--widget-border-radius: 30px; --orange-color: rgba(255,94,25, 1);
--blue-color: rgba(48, 188, 227, 1);
} html, body {
min-height: 100%;
margin: 0;
}
body {
font-family: var(--font-body);
font-style: normal;
font-size: var(--font-size);
color: #000;
line-height: 1.5;
letter-spacing: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: var(--font-title);
font-weight: 700;
}
a {
color: #000;
text-decoration: none;
transition: all 0.3s;
}
a:hover {
color: #000;
cursor: pointer;
text-decoration: none;
}
a:focus {
outline: none;
}
ul {
padding-left: 0;
list-style: none;
}
img {
max-width: 100%;
outline: none;
height: auto;
}
button,
.btn,
.btn-cta > a  {
border: none;
border-radius: var(--theme-radius);
font-weight: 600;
cursor: pointer;
text-decoration: none;
text-shadow: none;
display: inline-block;
background: transparent;
transition: all 0.3s;
padding: 9px 28px;
font-size: var(--font-size);
}
button:focus,
.btn:focus {
outline: none;
}
.btn-outline {
border: 2px solid;
}
.btn-dark {
background: #000;
color: #fff;
}
.btn-light {
background: #fff;
color: #000;
border: 1px solid #ccc;
}
.btn-block {
display: block;
width: 100%;
}
.btn-theme,
.btn-orange,
.btn-cta > a {
background: rgb(255,94,25);
background: linear-gradient(90deg, rgba(255,94,25,1) 0%, rgba(255,173,51,1) 100%);
color: #fff;
}
.btn-action {
text-transform: uppercase;
letter-spacing: 1px;
width: fit-content;
}
.btn-action > span {
display: flex;
align-items: center;
gap: 10px;  
}
.btn-blue {
background: rgb(25, 117, 255);
background: linear-gradient(90deg, rgba(25, 117, 255, 1) 0%, rgba(51, 169, 255, 1) 100%);
color: #fff;
}
.btn-light-blue {
background: rgb(56, 196, 227);
background: linear-gradient(90deg, rgba(56, 196, 227, 1) 0%, rgba(141, 210, 225, 1) 100%);
color: #fff;
}
.btn-orange:hover,
.btn-light-blue:hover,
.btn-blue:hover {
color: #fff;
}
.btn-orange svg,
.btn-light-blue svg,
.btn-blue svg {
fill: #fff !important;
}
.btn-link {
padding: 0;
background: unset;
color: var(--theme-color);
text-decoration: underline;
}
.btn-link:hover {
background: unset;
color: var(--theme-color);
}
.btn-theme:not(.btn-link):hover,
.btn-orange > a:not(.btn-link):hover {
color: #fff;
}
.btn-light:not(.btn-link):hover {
background: #000;
color: #fff;
}
.hover-cs:hover {
cursor: pointer;
}
.text-theme {
color: var(--theme-color);
}
.text-orange {
color: var(--orange-color);
}
.text-blue {
color: var(--blue-color);
}
.bg-theme {
background: var(--theme-color);
}
.bg-theme-secondary {
background: #fef4ee;
}
.bg-orange {
background: var(--orange-color);
}
.bg-blue {
background: var(--blue-color);
}
.fw-semibold {
font-weight: 500;
}
.fw-black {
font-weight: 900;
}
.ls-0 {
letter-spacing: 0px;
}
.ls-0.5 {
letter-spacing: 0.5px;
}
.ls-1 {
letter-spacing: 1px;
}
.form-check-input {
width: 16px;
height: 16px;
}
.form-check-label {
margin-top: 2px;
}
.form-check-label:hover {
cursor: pointer;
}
@media (min-width: 1440px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1200px;
}
}
.line-clamp {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.container__py-top {
padding-top: 80px;
}
.container__py-bottom {
padding-bottom: 80px;
}
.container__py-sm {
padding-top: 40px;
padding-bottom: 40px;
}
.container__py-default {
padding-top: 80px;
padding-bottom: 80px;
}
.container__py-large {
padding-top: 120px;
padding-bottom: 120px;
}
.container__py-none {
padding: 0;
}
.container__dark,
.container__dark a {
color: #fff;
}
.container__pl-space > div,
.container__pl-space > div > .wpb_wrapper,
.container__pr-space > div,
.container__pr-space > div > .wpb_wrapper {
margin-left: auto;
width: 100%;
}
@media only screen and (min-width: 992px)and (max-width: 1200px) {
.container__pl-space.vc_col-md-5 > div > .wpb_wrapper > .container {
padding-left: 0;
}
.container__pr-space.vc_col-md-5 > div > .wpb_wrapper > .container {
padding-right: 0;
}
}
@media only screen and (max-width: 991px) { 
.container__pl-space > div,
.container__pl-space > div > .wpb_wrapper {
}
.container__pl-space > div > .wpb_wrapper,
.container__pr-space > div > .wpb_wrapper {
padding-left: var(--bs-gutter-x,.75rem);
padding-right: var(--bs-gutter-x,.75rem);
}
.container__pl-space.vc_col-md-5 > div > .wpb_wrapper > .container,
.container__pr-space.vc_col-md-5 > div > .wpb_wrapper > .container,
.container__pl-space.vc_col-md-7 > div > .wpb_wrapper > .container,
.container__pr-space.vc_col-md-7 > div > .wpb_wrapper > .container {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 576px) {
.container__pl-space > div > .wpb_wrapper,
.container__pr-space > div > .wpb_wrapper {
max-width: 540px;
margin: 0 auto;
}
.container__pl-space.vc_col-md-5 > div > .wpb_wrapper,
.container__pr-space.vc_col-md-5 > div > .wpb_wrapper,
.container__pl-space.vc_col-md-7 > div > .wpb_wrapper,
.container__pr-space.vc_col-md-7 > div > .wpb_wrapper {
max-width: 540px;
}
}
@media only screen and (min-width: 768px) {
.container__pl-space > div > .wpb_wrapper,
.container__pr-space > div > .wpb_wrapper {
max-width: 720px;
margin: 0 auto;
}
.container__pl-space.vc_col-md-5 > div > .wpb_wrapper,
.container__pr-space.vc_col-md-5 > div > .wpb_wrapper,
.container__pl-space.vc_col-md-7 > div > .wpb_wrapper,
.container__pr-space.vc_col-md-7 > div > .wpb_wrapper {
max-width: 720px;
}
}
@media only screen and (min-width: 992px) {
.container__pl-space > div > .wpb_wrapper,
.container__pr-space > div > .wpb_wrapper {
max-width: 480px;
}
.container__pl-space.vc_col-md-5 > div > .wpb_wrapper,
.container__pr-space.vc_col-md-5 > div > .wpb_wrapper {
max-width: 350px;
}
.container__pl-space.vc_col-md-7 > div > .wpb_wrapper,
.container__pr-space.vc_col-md-7 > div > .wpb_wrapper {
max-width: 560px;
}
.container__pl-space > div > .wpb_wrapper {
margin-right: 0;
}
.container__pr-space > div > .wpb_wrapper {
margin-left: 0;
}
}
@media only screen and (min-width: 1200px) {
.container__pl-space > div > .wpb_wrapper,
.container__pr-space > div > .wpb_wrapper {
max-width: 570px;
}
.container__pl-space.vc_col-md-5 > div > .wpb_wrapper,
.container__pr-space.vc_col-md-5 > div > .wpb_wrapper {
max-width: 440px;
}
.container__pl-space.vc_col-md-7 > div > .wpb_wrapper,
.container__pr-space.vc_col-md-7 > div > .wpb_wrapper {
max-width: 660px;
}
}
@media only screen and (min-width: 1440px) {
.container__pl-space.vc_col-md-5 > div > .wpb_wrapper,
.container__pr-space.vc_col-md-5 > div > .wpb_wrapper {
max-width: 420px;
}
.container__pl-space.vc_col-md-7 > div > .wpb_wrapper,
.container__pr-space.vc_col-md-7 > div > .wpb_wrapper {
max-width: 720px;
}
}
.container.patterns * {
z-index: 1;
}
.container.patterns .pattern-svg {
position: absolute;
z-index: 0;
}
.container.patterns .pattern-svg svg {
}
.container.patterns .pattern-svg.pattern-left {
left: 0;
}
.container.patterns .pattern-svg.pattern-right {
right: 0;
}
.container.patterns .pattern-svg.pattern-top {
top: 0;
}
.container.patterns .pattern-svg.pattern-middle {
top: 50%;
transform: translate(0, -50%);
}
.container.patterns .pattern-svg.pattern-bottom {
bottom: 0;
}
.container.patterns .pattern-svg.pattern-top-overflow {
top: 0;
transform: translate(0, -30%);
}
.container.patterns .pattern-svg.pattern-bottom-overflow {
bottom: 0;
transform: translate(0, 50%);
} .justify-center {
justify-content: center;
}
#backdrop.active {   
content: ""; 
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 98;
transition: all 0.5s;
opacity: 1;
}
#announcement {
text-align: center;
padding: 5px 0;
background: var(--theme-color);
}
#announcement p {
margin-bottom: 0;
color: #fff;
letter-spacing: 1px;
}
.header { background-color: #0A1535;
z-index: 20;
width: 100%;
position: sticky;
top: 0;
}
.header__wrapper,
.header__leftItem {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.header__wrapper .header__logo img {
padding: 12px 0;
}
.header__wrapper nav > ul {
display: flex;
margin-bottom: 0;
align-items: center;
}
@media only screen and (min-width: 1200px) {
.header__wrapper nav > ul > li {
padding: 15px 20px;
height: 80px;
display: flex;
align-items: center;
}
.header__wrapper nav > ul > li:last-child {
padding-right: 0;
}
}
.header__wrapper nav ul li a {
font-weight: 600;
position: relative;
display: block;
color: #fff;
font-size: 14px;
}
.header__wrapper .header__leftItem nav > ul > li {
padding: 27px 0;
margin: 0 25px 0 0;
}
.header__wrapper .header__leftItem .header__menu-toggle {
padding: 0;
background: transparent;
border: none;
}
.header__wrapper .header__leftItem .header__menu-toggle img {
width: 25px;
}
.header__wrapper .header__megaMenu,
.header__wrapper .header__subMenu {
position: absolute;
visibility: hidden;
opacity: 0;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
text-align: left;
background: #fff;
transition: all 0.3s ease-in-out;
}
.header__wrapper .header__subMenu {
top: 100%; border-radius:  var(--theme-radius);
}
.header__wrapper .header__megaMenu {
top: 100%;
left: 0;
width: 100%;
max-height: 800px;
border-bottom: 1px solid #D1D1D1;
border-top: 1px solid #D1D1D1;
padding: 60px 25px;
overflow: auto;
}
.header__wrapper .header__megaMenu::-webkit-scrollbar {
width: 5px;
}
.header__wrapper .header__megaMenu::-webkit-scrollbar-track {
background: transparent; 
}
.header__wrapper .header__megaMenu::-webkit-scrollbar-thumb {
background: #ccc; 
}
.header__wrapper .header__megaMenu::-webkit-scrollbar-thumb:hover {
background: #888; 
}
.header__wrapper .header__megaMenu > .sub-menu.level-0 {
max-width: 1290px;
}
.header__wrapper .header__subMenu {
border: 1px solid #d9d9d9;
}
.header__wrapper .header__subMenu li {
width: 250px;
padding: 5px;
}
.header__wrapper .header__subMenu li a {
border-radius: var(--theme-radius);
padding: 10px 20px;
color: #000;
}
.header__wrapper .header__subMenu li:hover > a {
background: rgba(235, 238, 241, 0.79);
}
.header__wrapper .header__subMenu li:first-child {
margin-top: 10px;
}
.header__wrapper .header__subMenu li:last-child {
margin-bottom: 10px;
} .header__wrapper .header__menuItem:hover > .header__megaMenu,
.header__wrapper .header__menuItem:hover > .header__subMenu {
display: block;
visibility: visible;
opacity: 1;
z-index: 2;
}
.header__wrapper .header__rightItem nav > ul {
justify-content: flex-end;
}
.header__rightItem ul li:not(.header__hasMegaMenu):not(.has__megamenu),
.header__leftItem ul li:not(.header__hasMegaMenu):not(.has__megamenu),
.main-navigation__wrapper ul li:not(.header__hasMegaMenu):not(.has__megamenu) {
position: relative;
}
.header__rightItem nav > ul .header__subMenu .header__subMenu,
.header__leftItem nav > ul .header__subMenu .header__subMenu,
.main-navigation__wrapper nav > ul .header__subMenu .header__subMenu {
margin-right: 10px;
margin-top: 0;
top: 0;
right: unset;
left: 100%;
width: 100%;
}
.header__rightItem nav > ul li.menu-item-has-children > a ~ .header__subMenu a,
.header__leftItem nav > ul li.menu-item-has-children > a ~ .header__subMenu a,
.main-navigation__wrapper nav > ul li.menu-item-has-children > a ~ .header__subMenu a {
font-weight: 400;
}
.header__rightItem nav ul > li.menu-item-has-children > a,
.header__leftItem nav ul > li.menu-item-has-children > a {
padding-right: 20px;
}
.header__rightItem nav ul > li.menu-item-has-children > a:after,
.header__leftItem nav ul > li.menu-item-has-children > a:after,
.main-navigation__wrapper nav ul > li.menu-item-has-children > a:after {
content: '';
display: block;
position: absolute;    
right: 0;
top: 8px;
width: 10px;
height: 10px;
transition: 0.3s;
}
.header__rightItem nav > ul > li.menu-item-has-children > a:after,
.header__leftItem nav > ul > li.menu-item-has-children > a:after,
.main-navigation__wrapper > nav ul > li.menu-item-has-children > a:after {
background-image: url(../svg/down-arrow-white.svg);
}
.header__rightItem nav > ul > li.menu-item-has-children:hover > a:after,
.header__leftItem nav > ul > li.menu-item-has-children:hover > a:after,
.main-navigation__wrapper nav > ul > li.menu-item-has-children:hover > a:after {
transform: rotate(180deg);
}
.header__rightItem nav > ul > li.menu-item-has-children li.menu-item-has-children > a:after,
.header__leftItem nav > ul > li.menu-item-has-children li.menu-item-has-children > a:after {
background-image: url(../svg/right-arrow-white.svg);
right: 10px;
}
.header__rightItem .header__megaMenu a:after,
.header__leftItem .header__megaMenu a:after,
.main-navigation__wrapper .header__megaMenu a:after {
content: none !important;
}
.header__rightItem nav ul > li.menu-item-has-children li.menu-item-has-children > a,
.header__leftItem nav ul > li.menu-item-has-children li.menu-item-has-children > a {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.header__rightItem nav ul > li.menu-item-has-children li.menu-item-has-children > a:after,
.header__leftItem nav ul > li.menu-item-has-children li.menu-item-has-children > a:after  {
position: relative;
top: 0;
}
.header__rightItem nav > ul > li.menu-item-has-children li.menu-item-has-children > a:after,
.header__leftItem nav > ul > li.menu-item-has-children li.menu-item-has-children > a:after {
background-image: url(../svg/right-arrow.svg);
}
.header__wrapper .header__megaMenu > ul.level-0 > li {
display: inline-block;
padding: 0 20px;
vertical-align: top;
}
@media only screen and (min-width: 992px) {
.header__wrapper .header__megaMenu > ul.level-0 {
margin: 0 auto;
display: flex;
}
.header__wrapper .header__megaMenu > ul.level-0 > li {
width: 20%;
}  
}
.header__wrapper .header__megaMenu > ul.level-0 > li.menu-item-has-children > a {
margin-bottom: 24px;
font-weight: bold;
font-family: var(--font-title);
}
.header__wrapper .header__megaMenu li.menu-item-has-children.fs-0 > a {
font-size: 0;
}
.header__wrapper .header__megaMenu .header__subMenu {
position: relative;
opacity: 1;
visibility: unset;
border: 0;
}
.header__wrapper .header__megaMenu .header__subMenu li {
padding: 0;
margin-bottom: 12px;
}
.shop-btn a {
color: var(--orange-color) !important;
text-decoration: underline;
text-transform: uppercase;
text-underline-offset: 5px;
}
.search-tools .search-form {
display: none;
position: fixed;
left: 0;
right: 0;
margin-top: 25px;
z-index: 1;
width: 100%;
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
.search-tools .search-form input {
width: 100%;
line-height: 1;
padding: 20px 120px 20px 60px;
font-size: inherit;
border-radius: 0;
}
.search-tools .search-form button {
height: calc(100% - 10px);
line-height: 0;
position: absolute;
top: 4px;
right: 4px;
padding: .6180469716em 1.41575em;
}
.search-tools .search-form button.search-form__close {
left: 0;
right: unset;
width: 60px;
}
.search-tools .search-form button.search-form__close img {
width: 20px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.search-tools {
margin-right: 15px;
}
}
@media screen and (max-width: 767px) {
.search-tools {
margin-right: 10px;
}
}
@media (min-width: 1440px) {
.header__wrapper,
.header__leftItem,
.footer__wrapper > .container,
.footer__bottom > .container {
max-width: 1280px;
}
}
div.header__megamenu {
display: none;
}
@media (min-width: 1280px) {
div.header__megamenu {
display: none;
opacity: 0;
position: absolute;
left: 0;
top: 80px;
width: 100%;
min-height: 300px;
background-color: #fff;
overflow-x: hidden;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
div.header__megamenu > .container {
max-width: 1280px;
}
div.header__megamenu .l-section,
div.header__megamenu .r-section {
min-height: 300px;
position: relative;
padding: 40px;
}
div.header__megamenu .r-section {
background-color: #F5F7FB;
}
div.header__megamenu .r-section > * {
position: relative;
z-index: 3;
}
div.header__megamenu .r-section:before {
content: "";
background-color: #F5F7FB;
position: absolute;
top: 0;
width: 100vw;
height: 100%;
z-index: 0;
}
div.header__megamenu .hover-underline {
position: relative;
padding-bottom: 2px;
display: initial;
color: initial;
}
div.header__megamenu .hover-underline::after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: 0;
left: 0;
background-color: #000;
transform-origin: bottom left;
transition: transform 0.25s ease-out;
}
div.header__megamenu .hover-underline:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}
div.header__megamenu .megamenu-label {
font-size: 12px;
font-weight: 600;
line-height: 18px;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #97A3B7;
}
div.header__megamenu .megamenu-items {
width: 100%;
margin-top: 20px;
}
div.header__megamenu .megamenu-items > div {
display: flex;
gap: 15px;
}
div.header__megamenu .megamenu-items span {
height: 24px;
width: 24px;
border-radius: 8px;
background-color: #DFE5EC;
}
div.header__megamenu .megamenu-items a {
font-size: var(--font-size);
font-weight: 600;
line-height: 27px;
letter-spacing: 0px;
}
div.header__megamenu .megamenu-items p {
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0px;
color: #677489;
margin-top: 5px;
}
div.header__megamenu .megamenu-items figure {
margin-bottom: 0;
}
div.header__megamenu .megamenu-items .section__header,
div.header__megamenu .megamenu-items .section__header p {
margin-bottom: 0 !important;
}
div.header__megamenu .megamenu-items .section__header h4 {
font-size: var(--font-size);
}
div.header__megamenu .megamenu-items .section__header p {
color: #000;
}
.header__rightItem nav ul > li.has__megamenu > a, 
.header__leftItem nav ul > li.has__megamenu > a,
.main-navigation__wrapper > nav ul > li.has__megamenu > a {
padding-right: 20px;
}
.header__rightItem nav ul > li.has__megamenu > a:after, 
.header__leftItem nav ul > li.has__megamenu > a:after, 
.main-navigation__wrapper nav ul > li.has__megamenu > a:after {
content: '';
display: block;
position: absolute;
right: 0;
top: 5px;
width: 10px;
height: 10px;
transition: 0.3s;
}
.header__rightItem nav > ul > li.has__megamenu > a:after, 
.header__leftItem nav > ul > li.has__megamenu > a:after, 
.main-navigation__wrapper > nav ul > li.has__megamenu > a:after {
background-image: url(../svg/down-arrow-white.svg);
}
.header__rightItem nav > ul > li.has__megamenu:hover > a:after, 
.header__leftItem nav > ul > li.has__megamenu:hover > a:after, 
.main-navigation__wrapper nav > ul > li.has__megamenu:hover > a:after {
transform: rotate(180deg);
}
.header__wrapper .header__menuItem:hover > .header__megamenu {
display: block;
visibility: visible;
opacity: 1;
}
}
.footer {
background-color: var(--theme-color);
padding: 60px 0;
}
.footer__wrapper .footer__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.footer__wrapper h5 {
font-size: var(--font-size);
color: #fff;
margin-bottom: 15px;
}
.footer__wrapper .footer__inner ul li {
margin-bottom: 15px;
}
.footer__wrapper .footer__inner ul li a {
color: #fff;
}
.footer__wrapper .footer__bottom {
color: #fff;
}
.footer__wrapper .footer__bottom p {
margin-bottom: 0;
}
.footer__wrapper .footer__bottom p,
.footer__wrapper .footer__bottom p a {
font-size: var(--font-size);
color: #fff;
}
.footer__wrapper .footer__bottom .footer__bottom__d-flex > div {
flex: 1;
}
.footer__wrapper .footer__bottom .footer__navigation {
display: flex;
align-items: end;
}
.footer__wrapper .footer__bottom .footer__navigation ul {
display: flex;
margin-bottom: 0;
align-items: end;
}
.footer__wrapper .footer__bottom .footer__navigation ul li {
padding: 0 15px;
position: relative;
}
.footer__wrapper .footer__bottom .footer__navigation ul li:first-child {
padding-left: 5px;
}
.footer__wrapper .footer__bottom .footer__navigation ul li:not(:first-child):before {
content: "";
height: 100%;
width: 1px;
position: absolute;
left: 0;
background-color: #fff;
}
@media only screen and (max-width: 1199px) {
.footer__wrapper .footer__bottom .footer__navigation ul li:first-child {
padding-left: 0;
}
}
@media only screen and (max-width: 767px) {
.footer__wrapper .footer__bottom .footer__bottom__d-flex {
flex-direction: column;
}
.footer__wrapper .footer__bottom .footer__navigation {
margin-bottom: 35px;
}
}
.footer__wrapper .footer__bottom .footer__navigation ul li a {
color: #fff;
text-decoration: underline;
}
.footer__wrapper .footer__social h5 {
margin-bottom: 10px;
margin-right: 30px;
}
.footer__wrapper .footer__inner-col > div:not(:last-child) {
margin-bottom: 52px;
}
@media screen and (max-width: 991px) {
.footer__wrapper .footer__inner-col:not(:last-child) {
margin-bottom: 30px;
}
}
@media screen and (max-width: 425px) {
.footer__wrapper .footer__inner-col:not(:last-child) {
margin-bottom: 30px;
}
}
#main {
min-height: calc(100vh - 500px);
overflow: hidden;
}
.section__wrapper { }
.wpb_wrapper .section__header,
.section__wrapper .section__header,
.section__wrapper .section__content { }
.wpb_wrapper .section__heading,
.section__wrapper .section__heading {
position: relative;
font-size: var(--title-font-size);
font-weight: 700;
margin-bottom: 10px;
}
.section__wrapper .section__heading small {
font-size: 14px;
display: block;
}
.section__wrapper .section__sub-text {
font-size: var(--font-size);
font-weight: 400;
margin-bottom: 0;
}
.section__wrapper .section__sub-text.section__center {
max-width: 340px;
margin-left: auto;
margin-right: auto;
}
.section__wrapper .section__d-flex {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
}
@media screen and (max-width: 991px) {
.section__wrapper .section__d-flex .section-col {
padding: 0;
}
}
.section__wrapper .section__content p a:not(.btn) {
color: var(--theme-color);
}
.section__header.dark {
color: #fff;
}
.section__header.section__header-line {
padding-bottom: 15px;
position: relative;
}
.section__header.section__header-line:after {
content: "";
width: 120px;
height: 2px;
background-color: rgba(229, 83, 0, 1);
position: absolute;
bottom: 0;
left: 0;
margin: 0 auto;
}
.section__header.section__header-line.blue:after {
background-color: rgba(48, 188, 227, 1);
}
.section__header.section__header-line.light-blue:after {
background-color: rgba(82, 203, 237, 1);
}
.section__header.section__header-line.text-center:after {
right: 0;
}
.section__header.section__header-line.text-right:after {
left: unset;
right: 0;
}
.section__header.section__header-line p.section__sub-text {
margin-bottom: 20px;
}
.card__wrapper.dark,
.card__wrapper.dark p,
.card__wrapper.dark a {
color: #fff;
}
.card__wrapper:not(.horizontal):not(.overlay-content),
.card__wrapper:not(.horizontal):not(.overlay-content) .card__content {
display: flex;
flex-direction: column;
height: 100%;
}
.card__wrapper:not(.horizontal):not(.overlay-content) .card__top {
overflow: unset;
}
.card__wrapper:not(.horizontal):not(.overlay-content) .card__top.top_svg {
margin-bottom: 20px;
}
.card__wrapper.bordered {
border: 1px solid #ccc;
border-radius: 4px;
}
.card__wrapper .card__top {
position: relative;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border-radius: 4px;
}
.card__wrapper .card__top:not(.top_svg) img {
transition: all 0.3s;
object-fit: cover;
margin: 0 auto;
width: 100%;
}
.card__wrapper .card__top.top_svg img {
object-fit: contain;
max-width: 120px;
min-width: 48px;
}
.card__wrapper .card__content {
padding: 20px;
}
.card__wrapper .card__content .card__content__label {
font-size: 14px;
margin-bottom: 20px;
}
.card__wrapper .card__content .card__content__title * {
font-size: 20px;
width: 100%;
font-weight: 700;
margin-bottom: 20px;
}
.card__wrapper .card__content .card__content__sub p {
width: 100%;
}
.card__wrapper:not(.dark) .card__content .card__content__sub p {
color: #757575;
}
.card__wrapper .card__content .card__content__sub p:last-child {
margin-bottom: 0;
}
.card__wrapper .card__content .card__content__sub ul {
list-style: initial;
padding-left: 25px;
}
.card__wrapper .card__content .card__content__sub a {
color: #0d6efd;
}
.card__wrapper .card__content .card__content__action {
margin-top: auto;
font-weight: 700;
font-size: 12px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.card__wrapper .card__content .card__content__action svg {
width: 18px;
height: 18px;
}
.card__wrapper.horizontal {
display: flex;
align-items: start;
}
.card__wrapper.horizontal .card__top{
margin: 0;
overflow: unset;
}
.card__wrapper.horizontal .card__top.top_svg img {
width: 70px;
}
.card__wrapper.horizontal .card__content {
padding: 0 0 0 30px;
margin-top: 0 !important;
}
.card__wrapper.horizontal .card__content .card__content__sub a {
text-decoration: underline;
}
.card__wrapper.horizontal  .card__content .card__content__title {
margin-bottom: 10px;
}
.card__wrapper.horizontal  .card__content .card__content__action {
margin-top: 10px;
}
.card__wrapper.overlay-content {
position: relative;
}
.card__wrapper.overlay-content .card__content {
position: absolute;
z-index: 10;
}
.card__wrapper.overlay-content .card__wrapper__overlay {
background-color: rgba(0,0,0,0.5);
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.card__wrapper.overlay-content .card__content.overlay-gradient {
background: -moz-linear-gradient(top, rgba(255,255,255,0.0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(255,255,255,0.0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.0) 0%,rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.0) 0%,rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.0) 0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(0,0,0,0.7) 100%);
}
.card__wrapper.overlay-content .card__content.bottom-left {
bottom: 0;
}
.card__wrapper.overlay-content .card__content.top-left {
top: 0;
}
.card__wrapper.overlay-content .card__content.top-right {
top: 0;
right: 0;
}
.card__wrapper.overlay-content .card__content.bottom-right {
bottom: 0;
right: 0;
}
.card__wrapper.overlay-content .card__content.centered {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.card__wrapper.overlay-content .card__content__title {
margin-bottom: 0;
}
.card__wrapper.overlay-content .card__content .card__content__action {
margin-bottom: 15px;
}
.processing__block {
transition: all 0.5s;
opacity: 0.6;
}
.processing__block:after {
content:"";
height: 100%;
width: 100%;
position: absolute;
top: 0;
}
.website__social.dark {
color: #fff;
}
.website__social ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
align-items: center;
list-style: none !important;
padding-left: 0 !important;
}
.website__social ul li img {
width: 24px;
height: 24px;
}
.website__social ul li:not(:last-child) {
margin-right: 10px;
}
.website__social.large h5 {
margin-bottom: 20px;
}
.website__social.large ul li img {
width: 36px;
height: 36px;
}
.website__social.large ul li:not(:last-child) {
margin-right: 15px;
}
.website__information ul li {
margin-bottom: 10px !important;
}
.website__information ul li a {
display: flex;
align-items: center;
}
.website__information ul li img {
width: 20px;
height: 20px;
margin-right: 10px;
}
.back_to_top__wrapper {
text-align: center;
padding: 15px 0;
background: rgba(140, 143, 129, 0.5);
}
.back_to_top__wrapper a {
font-weight: 500;
text-transform: uppercase;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.back_to_top__wrapper img {
margin-left: 10px;
}
.before_footer__wrapper {
background: var(--theme-color);
}
.before_footer__wrapper .footer__logo {
padding: 100px 0 80px;
text-align: center;
}
.subscription__wrapper {
padding: 40px 0;
background: #FDEADE;
}
.subscription__wrapper .subscription-header .heading {
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
font-family: var(--font-title);
}
.subscription__wrapper .subscription-header p {
margin-bottom: 0;
}
.subscription__wrapper .subscription-form {
position: relative;
margin-left: auto;
max-width: 400px;
width: 100%;
}
.subscription__wrapper .subscription-form input {
width: 100%;
padding: 1em 4.41575em 1em 1.41575em;
font-size: inherit;
}
.subscription__wrapper .subscription-form button {
line-height: 0;
position: absolute;
top: 4px;
right: 4px;
padding: 10px;
background: var(--theme-color);
border-color: var(--theme-color);
color: #fff;
}
.subscription__wrapper .subscription-form button:after {
content: "";
background-image: url(../svg/arrow-forward.svg);
background-size: cover;
display: block;
width: 24px;
height: 24px;
}
@media only screen and (min-width: 992px) {
.subscription__wrapper .subscription-form__wrapper {
display: flex;
align-items: end;
}
}
@media only screen and (max-width: 991px) {
.subscription__wrapper .subscription-header {
text-align: center;
margin-bottom: 10px;
}
.subscription__wrapper .subscription-form {
margin: 0 auto;
}
} #message {
position: fixed;
font-size: 12px;
right: 25px;
bottom: 25px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 98;
text-align: center;
height: 35px;
background: #000;
border-radius: 4px;
padding: 8px 18px;
}
#message:hover {
cursor: pointer;
}
#message a {
display: flex;
align-items: center;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
}
#message img {
width: 20px;
margin-right: 8px;
} .pum-container:focus-visible,
.pum-container :focus-visible {
outline: none;
}
.pum-container .pum-close {
font-size: 0 !important;
}
.pum-container .pum-close:after {
content: "";
display: block;
background-image: url(../svg/close.svg);
position: absolute;
width: 20px;
height: 20px;
}
.pum-container .wpb_content_element {
margin-bottom: 0;
} .footer ul#menu-collections {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.gallery-row__wrapper.inline {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 30px;
justify-content: center;
}
.gallery-row__wrapper > div {
margin-bottom: 20px;
}
.gallery-slideshow__wrapper.bordered img,
.gallery-row__wrapper.bordered img {
border: 1px solid #ccc;
border-radius: 4px;
}
.gallery-slideshow__wrapper.bordered a:hover img,
.gallery-row__wrapper.bordered a:hover img {
border-color: var(--theme-color);
}
.gallery-slideshow__wrapper.rounded img,
.gallery-row__wrapper.rounded img {
border: 1px solid #ccc;
border-radius: 50%;
}
.modal .modal-content {
border-radius: 20px;
}
.modal .modal-header,
.modal .modal-footer {
justify-content: center;
}
.modal .modal-header .modal-title {
padding-left: 40px;
padding-right: 40px;
font-size: 16px;
}
.modal .modal-header .btn-close {
position: absolute;
right: 20px;
}
.modal .modal-footer button {
min-width: 200px;
} .wpcf7 form .wpcf7-response-output {
margin-left: 0;
margin-right: 0;
}
.wpcf7 form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
display: block;
margin: 35px 0;
}
.wpcf7 form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label {
display: flex;
align-items: start;
gap: 10px;
}
.wpcf7 form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label:hover {
cursor: pointer;
}
.wpcf7 form .wpcf7-form-control.wpcf7-acceptance input[type="checkbox"]{
width: 20px;
height: 20px;
margin-top: 3px;
}
.wpcf7 form.sent .wpcf7-response-output {
display: block !important;
} .page-header {
display: flex;
align-items: center;
min-height: 370px; background-color: var(--theme-color);
background-repeat: no-repeat; background-size: cover; color: #fff;
position: relative;
}
.page-header:before {
content: "";
background-color: rgba(10, 21, 53, 0.5);
height: 100%;
width: 50%;
position: absolute;
top: 0;
z-index: 0;
}
.page-header > div {
z-index: 1;
position: relative;
}
.page-header h1.section__heading {
font-weight: 700;
font-size: var(--title-font-size);
margin-bottom: 20px;
}
.page-header p.section__sub-text {
font-style: italic;
font-size: var(--font-size);
margin-bottom: 0;
}
.page-header h1.section__heading,
.page-header p.section__sub-text { } .section-overlay {
position: relative;
color: #fff;
}
.section-overlay > div {
z-index: 1;
position: relative;
}
.section-overlay:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
z-index: 0;
top: 0;
left: 0;
}
.section-overlay.overlay-solid:before {
background-color: rgba(0,0,0,0.5);
}
.section-overlay.overlay-pattern:before {
background: linear-gradient(rgba(4, 21, 47, 1), rgba(2, 9, 21, 0.58));
} .section-cta {
padding-top: 130px;
padding-bottom: 50px;
min-height: 500px;
background-image: url(../png/call-to-action-bg.png);
background-color: var(--theme-color);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
.counter {
text-align: center;
}
.counter > div {
font-size: 70px;
position: relative;
font-weight: 700;
letter-spacing: -2px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.2;
}
#menu-footer-col-2-2 a {
text-decoration: underline;
}
#powerTip {
padding: 20px;
font-size: 16px;
}
#powerTip p:last-child{
margin-bottom: 0;
}
#powerTip p a {
color: #fff;
text-decoration: underline;
}
.ihotspot_hastooltop:hover {
cursor: pointer;
}
.ihotspot_pulse {
background: #fff;
position: absolute;
height: 100px !important;
width: 100px !important;
top: -50px !important;
left: -50px !important;
border-radius: 50%;
line-height: normal;
-webkit-animation: Hotspot_Glow 2s ease-out infinite !important;
-moz-animation: Hotspot_Glow 2s ease-out infinite !important;
-ms-animation: Hotspot_Glow 2s ease-out infinite !important;
-o-animation: Hotspot_Glow 2s ease-out infinite !important;
animation: Hotspot_Glow 2s ease-out infinite !important;
}
@-webkit-keyframes Hotspot_Glow {
0% {
-webkit-transform: scale(.1);
opacity: 0
}
50% {
opacity: .7
}
100% {
-webkit-transform: scale(1);
opacity: 0
}
}
@keyframes Hotspot_Glow {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: .7
}
100% {
transform: scale(1);
opacity: 0
}
}
body.page.page-id-1199 {
}
body.page.page-id-1199 ol > li ul,
body.page.page-id-1199 ul > li ul {
margin-top: 10px;
}
body.page.page-id-1199 li {
margin-top: 5px;
}