header {
position: fixed;
top: 0px;
width: 100%;
z-index: 999;
transition: all 0.5s ease;
background-color: #fff;
}
header .container {
padding-top: 67.5px;
padding-bottom: 67.5px;
transition: all 0.5s ease;
}
@media screen and (max-width:1199px) {
header .container {
padding-top: 60px;
padding-bottom: 60px;
transition: all 0.5s ease;
}
}
header.header-scroll .container,
body:not(.home) header .container {
padding-top: 22.5px;
padding-bottom: 22.5px;
}
@media screen and (max-width:991px) {
header .container,
header.header-scroll .container {
padding-top: 22.5px;
padding-bottom: 22.5px;
}
}
@media screen and (max-width:767px) {
header .container,
header.header-scroll .container {
padding-top: 20px;
padding-bottom: 20px;
}
} #logo svg {
height: 110px;
width: auto;
display: inline-table;
position: relative;
transition: 0.5s all;
}
.header-scroll #logo svg,
body:not(.home) header #logo svg {
height: 80px;
}
@media screen and (max-width:1199px) {
#logo svg {
height: 80px !important;
}
.header-scroll #logo svg,
body:not(.home) header #logo svg {
height: 60px !important;
}
}
@media screen and (max-width:991px) {
#logo svg,
.header-scroll #logo svg,
body:not(.home) header #logo svg {
height: 50px !important;
}
} .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
background-color: var(--darkColor) !important;
}
header input[type='checkbox'],
.lbl-toggle {
display: none;
}
.lbl-toggle {
display: none;
display: inline-block;
cursor: pointer;
transition: .35s all;
position: absolute;
right: 25px;
top: 15px;
z-index: 1;
-webkit-tap-highlight-color: transparent !important;
}
@media screen and (min-width:1200px) {
.home .lbl-toggle {
top: 30px;
}
}
.header-scroll .lbl-toggle {
top: 15px;
}
.collapsible-content {
transition: opacity 0s;
width: 100vw;
overflow-y: scroll;
position: fixed;
right: 0;
background: rgba(0, 175, 219, 0.975);
top: 0;
pointer-events: none;
opacity: 0;
}
#expand-wrap {
height: 100vh;
transition: 0.5s padding;
padding-top: 215px;
}
#expand-wrap.opened {
height: 100vh;
padding-bottom: 45px;
}
.header-scroll #expand-wrap.opened {
padding-top: 120px;
}
.collapsible-content.opened {
opacity: 1;
pointer-events: all;
}
@media screen and (max-width:1199px) {
.lbl-toggle,
.header-scroll .lbl-toggle {
top: 6.5px !important;
}
#expand-wrap.opened {
padding-top: 135px;
}
}
@media screen and (max-width:991px) {
.lbl-toggle,
.header-scroll .lbl-toggle {
top: 3.5px !important;
}
#expand-wrap.opened {
padding-top: 95px;
}
}
@media screen and (max-width:767px) {
.lbl-toggle,
.header-scroll .lbl-toggle {
top: 1.5px !important;
}
#expand-wrap.opened {
padding-top: 90px;
}
}  .menu-main-menu-container #menu,
#nav-bottom>div {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.menu-main-menu-container #menu>li,
#nav-bottom>div>div {
flex: 0 0 22%;
padding: 15px;
}
.menu-main-menu-container #menu>li:first-of-type,
#nav-bottom>div>div:first-of-type {
flex: 0 0 34%;
}
@media screen and (max-width:1025px) {
.menu-main-menu-container #menu>li,
#nav-bottom>div>div,
.menu-main-menu-container #menu>li:first-of-type,
#nav-bottom>div>div:first-of-type {
flex: 0 0 50%;
}
}
@media screen and (max-width:767px) {
.menu-main-menu-container #menu>li,
#nav-bottom>div>div,
.menu-main-menu-container #menu>li:first-of-type,
#nav-bottom>div>div:first-of-type {
flex: 0 0 100%;
}
} #nav-bottom>div {
margin-top: 30px;
align-items: flex-end;
}
#nav-bottom a.btn {
background-color: var(--lightColor);
color: #233F69;
font: normal 700 1.5rem 'DM Sans', sans-serif !important;
height: 50px;
display: inline-flex;
align-items: center;
line-height: 1;
padding: 0 15px;
}
@media screen and (max-width:1280px) {
#nav-bottom a.btn {
font-size: 1.125rem !important;
}
}
@media screen and (max-width:991px) {
#nav-bottom a.btn {
font-size: 1rem !important;
height: 45px;
}
}
.SoMe-Icons a {
display: inline-block;
margin-right: 10px;
transform: translateY(3px);
}
.SoMe-Icons i {
color: var(--lightColor);
font-size: 3.5rem;
}
@media screen and (max-width:991px) {
.SoMe-Icons i {
font-size: 2.875rem;
}
} .menu li {
display: block;
margin: 5px 0 0 0;
list-style-type: none;
}
.menu li a {
transition: 0.35s all;
}
.menu li a:hover {
opacity: 0.5;
} .menu>li>a {
font: normal 800 0.875rem 'DM Sans', sans-serif;
text-transform: uppercase;
color: #233F69;
}
.menu>li>ul>li>a,
#nav-bottom li a,
#copy {
color: var(--lightColor);
font: normal 500 1.125rem 'DM Sans', sans-serif;
text-transform: none;
} .menu>li>ul {
margin-top: 15px;
}
@media screen and (max-width:991px) {
.menu>li>ul>li>a,
#nav-bottom li a,
#copy {
font: normal 500 1rem 'DM Sans', sans-serif;
}
.menu>li>a {
font: normal 800 0.75rem 'DM Sans', sans-serif;
} .menu>li>ul {
margin-top: 10px;
}
}