
/* GENERAL
--------------------------------------------------- */
.header-menu-col {
align-self: center;
}

.header-menu-col .fl-col-content {
display: inline;
}

.header-menu-col .fl-module-content div,
.header-menu-col .fl-module-content,
.header-menu-col .fl-module {
display: inline-block;
width: auto !important;
}

.header-menu-col .fl-module-content {
display: inline;
width: auto;
}

@media (min-width : 992px) {header .header-hamburger-col line {
stroke:#01ADEF;
}

.px-menu-hamburger-wrap {
color: #5e5d5b;
}

} /* End @media */
@media (max-width : 992px) {header .header-hamburger-col line {
stroke:white;
}

body.has-first-row .px-menu-hamburger-wrap {
color: white;
}
} /* End @media */

/* HEADER LOGO
--------------------------------------------------- */
header img {
transition:all 0.2s ease-in-out;
}

header img:hover {
transform: scale(1.03);
}

/* MENU
--------------------------------------------------- */
header .px-header-row a.px-menu-item {
color:white;
font-weight: 400;
font-size:18px;
line-height: 18px;
transition:all 0.2s ease-in-out;
background: #01ADEF;
border-radius:var(--border-radius-button);
padding: 10px 13px;
}

header .px-off-canvas-menu a.px-menu-item {
margin-bottom: 5px;
}

header .px-off-canvas-menu a.px-menu-item:after {
content: '';
display: block;
width: 0;
height: 1px;
transition: width .3s;
background: white;
margin-top: 5px;
}

header .px-off-canvas-menu a.px-menu-item:focus:after,
header .px-off-canvas-menu a.px-menu-item:active:after,
header .px-off-canvas-menu a.px-menu-item:hover:after {
width: calc(100%);
}

header a.px-menu-item.highlight-color {
background: #FDC300;
}

header .px-main-menu-module a.px-menu-item:focus,
header .px-main-menu-module a.px-menu-item:hover {
background: #003D58;
}

header .px-main-menu-module {
float:right;
}

/* HIDDEN MENU
--------------------------------------------------- */
body.px-hide-header-menu header .header-logo-col {
width:100% !important;
}

/* FIXED HEADER
--------------------------------------------------- */
@media (min-width : 992px) {body header,
body.scroll-clear header {
background:white;
}

body:not(.scroll-clear):not(.px-hide-header-menu) header .fl-row-content-wrap {
padding-top:10px;
padding-bottom:10px;
}

body:not(.scroll-clear):not(.px-hide-header-menu) header {
position: fixed !important;
width:100% !important;
transition: top 0.5s ease-in-out, background 0.5s ease-in-out;
}

body:not(.scroll-clear):not(.px-hide-header-menu) header.nav-down {
top:0px;
background:white;
box-shadow:0px 0px 25px #00000029;
}

body:not(.scroll-clear):not(.px-hide-header-menu) .nav-up {
transition: top 0.5s ease-in-out, background 0.5s ease-in-out;
top: -147px;
}

.px-hide-header-logo {
display:none;
}

body.scroll-clear .px-header-white-logo-default-header{
display:block !important;
}

} /* End @media */
/* HAMBURGER MENU
--------------------------------------------------- */
.px-menu-hamburger-wrap {
display: inline;
cursor:pointer;
float:right;
}

.px-menu-hamburger-icon-container {
display:inline-block;
}

.px-menu-hamburger-text {
margin-right: 10px;
font-weight:400;
display: inline-block;
vertical-align: middle;
opacity:1;
transition: opacity 0.5s, visibility 0.5s;
}

.px-hide-menu-hamburger-text {
opacity:0;
}

.px-menu-hamburger-wrap svg {
height:40px;
width:40px;
vertical-align: middle;
}

.px-hamburger-html .fl-module-content {
margin-left:0px !important;
}

@media (max-width : 1025px) {.header-hamburger-col {
text-align:right;
margin-right:20px;
}

.header-menu-col {
display:none;
}
} /* End @media */
@media (max-width : 992px) {.px-menu-hamburger-icon-container {
height:40px;
width:40px;
border-radius: 50%;
overflow: hidden;
vertical-align: middle;
position: fixed;
right: 15px;
top: 15px;
}

.px-menu-hamburger-wrap svg {
height: 40px;
width: 40px;
vertical-align: middle;
}

.px-menu-hamburger-wrap svg {
padding: 10px;
background: #01ADEF;
}

.px-menu-hamburger-text {
font-weight:300;
}

.px-hamburger-html {
position: absolute;
right: 5px;
top: 24px;
}

.px-menu-hamburger-text {
position: absolute;
right: 55px;
top: 0px;
}

.px-header-color-logo-fixed-header {
padding-top: 20px;
padding-left: 10px;
}

} /* End @media */

/* MAIN MENU ITEM DISTANCE
--------------------------------------------------- */
header .px-image,
header .px-button,
header .px-main-menu-module a.px-menu-item {
margin-right:10px;
}

.header a.px-menu-item:last-child {
margin-right:0px;
}

/* SVG
--------------------------------------------------- */
header .px-menu-item svg {
height:17px;
width:17px;
cursor:pointer;
vertical-align: bottom;
}

header .px-menu-item svg path {
fill:white;
}

/* SEARCH INPUT FIELD
--------------------------------------------------- */
header input.fl-search-text {
background: transparent !important;
border: solid 2px white !important;
color:white;
}

header input.fl-search-text::placeholder {
color: white;
opacity: 1;
}

/* OFF CANVAS MENU
--------------------------------------------------- */
.px-off-canvas-menu {
background: transparent linear-gradient(150deg, #04425d 0%, #003D58 100%) 0% 0% no-repeat padding-box;
position:fixed;
right:0px;
top:0px;
z-index:999;
transition: transform 0.5s;
overflow-y: scroll;
-moz-transform: translate(0px,0);
-o-transform: translate(0px,0);
-ms-transform: translate(0px,0);
-webkit-transform: translate(0px,0);
transform: translate(0px,0);
}

body.postid-56654 .px-off-canvas-menu,
body.postid-13172 .px-off-canvas-menu {
position:unset !important;
}

.px-off-canvas-menu::-webkit-scrollbar {
display:none !important;
}

.px-off-canvas-menu .px-button-link:hover,
.px-off-canvas-menu .px-button-link:active {
background: #01ADEF !important;
border-color: #01ADEF !important
}

.fl-theme-layout-template-default.fl-builder-edit .px-off-canvas-menu {
right:70px;
top:70px;
height:90%;
}

.px-off-canvas-menu .px-nav-col-title {
color: white;
}

.px-off-canvas-menu .px-menu-item {
display:block;
width: -moz-fit-content;
width: fit-content;
color: white;
position: relative;
}

.px-off-canvas-menu-close-html {
position: fixed;
top: 15px;
right: 35px;
height:40px;
width:40px !important;
}

.px-off-canvas-menu-close-html .px-off-canvas-menu-close-icon {
cursor:pointer;
line-height:1;
border-radius:50%;
background:#FDC300;
position: absolute;
height:40px;
width:40px;
text-align:center;
transition:all 0.2s ease-in-out;
}

.px-off-canvas-menu-close-html .px-off-canvas-menu-close-icon:hover {
transform: scale(1.03);
}

.px-off-canvas-menu-close-html .px-off-canvas-menu-close-icon svg {
width:20px;
height:20px;
position:relative;
top:9px;
}

body:not(.postid-13172) .px-off-canvas-menu.px-off-canvas-menu-hidden {
-moz-transform: translate(600px,0);
-o-transform: translate(600px,0);
-ms-transform: translate(600px,0);
-webkit-transform: translate(600px,0);
transform: translate(600px,0);
}

.px-off-canvas-menu .px-menu-item span {
display:inline;
}

.px-off-canvas-menu .px-nav-grid {
display: grid;
column-gap: 50px;
row-gap: 15px;
grid-template-columns: auto auto;
}

.px-off-canvas-menu .px-nav-col {
display: inline-grid;
}

.px-off-canvas-menu nav a:before {
content: '';
position: absolute;
z-index: 10;
left: 0px;
top: 2px;
padding: 20px;
background-repeat: no-repeat;
}

.px-off-canvas-menu nav a:not(.nav-svg-email):not(.nav-svg-phone):before {
background-image:  url('data:image/svg+xml; utf8, <svg fill="white" height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path d="M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z"/></svg>');
}

.px-off-canvas-menu a.nav-svg-email:before {
background-image:  url('data:image/svg+xml; utf8, <svg fill="white" height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z"/></svg>');
top: 4px;
}

.px-off-canvas-menu a.nav-svg-phone:before {
background-image:  url('data:image/svg+xml; utf8, <svg fill="white" height="18px" width="18px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg>');
top: 7px;
}

.px-off-canvas-menu .px-off-canvas-contact-section a:hover {
transform: none;
}

.px-off-canvas-menu {
border-radius: var(--border-radius);
}

.px-off-canvas-menu .px-nav-col-title {
color: white;
font-weight: 700;
}

.px-off-canvas-menu .px-off-canvas-contact-section {
padding-top: 40px;
}

@media (min-width : 1181px) {.px-off-canvas-menu {
width:480px;
padding: 40px;
top: 30px;
right: 30px;
}

.px-off-canvas-menu .px-nav-col-title {
font-size: 22px;
margin-left: -5px;
margin-bottom: 5px;
}

.px-off-canvas-menu .px-menu-item {
margin-bottom:20px;
font-size:22px;
line-height: 27px;
padding-left: 30px;
margin-left:-10px;
}

.px-off-canvas-menu .px-off-canvas-contact-section {
column-gap: 20px;
}

.px-off-canvas-menu .px-off-canvas-contact-section .px-menu-item {
font-size:18px;
line-height: 18px;
margin-left:-10px;
}

.px-off-canvas-menu .px-off-canvas-contact-section .nav-svg-phone,
.px-off-canvas-menu .px-off-canvas-contact-section .nav-svg-email {
padding-top: 7px;
}

} /* End @media */
@media (min-width : 992px) and (max-width : 1180px) {.px-off-canvas-menu {
width:480px;
padding:30px;
top: 20px;
right: 20px;
}

.px-off-canvas-menu .px-nav-col-title {
font-size: 22px;
margin-left: -5px;
margin-bottom: 5px;
}

.px-off-canvas-menu .px-menu-item {
margin-bottom:20px;
font-size: 20px;
line-height: 24px;
padding-left: 30px;
margin-left:-10px;
}

} /* End @media */
@media (min-width : 768px) and (max-width : 992px) {.px-off-canvas-menu {
width:480px;
padding:30px;
top: 15px;
right: 15px;
}

.px-off-canvas-menu .px-nav-col-title {
font-size: 22px;
margin-left: -5px;
margin-bottom: 5px;
}

.px-off-canvas-menu .px-menu-item {
margin-bottom:20px;
font-size: 20px;
line-height: 24px;
padding-left: 30px;
margin-left:-10px;
}
} /* End @media */
@media (max-width : 767px) {.px-off-canvas-menu {
width: calc(100% - 14px);
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 20px;
margin-top: 7px;
left: 50%;
transform: translate(-50%, 0);
}

.px-off-canvas-menu-close-html {
top: 10px;
right: 35px;
}

.px-off-canvas-menu a.nav-svg-phone:before,
.px-off-canvas-menu a.nav-svg-email:before {
display: none;
}

.px-off-canvas-menu a.nav-svg-phone,
.px-off-canvas-menu a.nav-svg-email {
padding: 0px;
margin-left: 0px;
}

.px-off-canvas-menu .px-nav-grid {
column-gap: 40px;
row-gap: 15px;
}

.px-off-canvas-menu .px-nav-col-title {
font-size: 19px;
margin-left: -5px;
margin-bottom: 5px;
}

.px-off-canvas-menu .px-menu-item {
margin-bottom:20px;
font-size:17px;
line-height: 20px;
padding-left: 30px;
margin-left:-10px;
}

.off-canvas-menu-button {
margin-left: 10px;
}
} /* End @media */


a.off-canvas-header-search-svg {
line-height: 0px;
transition: all 0.2s ease-in-out;
background: #01ADEF;
border-radius: var(--border-radius-button);
padding: 13px;
}

a.off-canvas-header-search-svg svg{
height: 23px;
width: 23px;
cursor: pointer;
vertical-align: bottom;
fill: white;
}

.px-off-canvas-cta-col {
padding-top: 20px;
}

.px-off-canvas-cta-col .fl-col-content {
display: flex;
align-items: top;
justify-content: left;

}
