@charset "UTF-8";
  .octf-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
letter-spacing: -0.2px;
text-decoration: none;
text-transform: capitalize;
text-align: center;
cursor: pointer;
outline: none;
user-select: none;
white-space: nowrap;
vertical-align: middle;
box-shadow: none;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
.octf-btn svg {
width: 1em;
fill: currentColor;
}
.octf-btn:hover, .octf-btn:focus {
box-shadow: 0 5px 15px rgba(30, 34, 40, 0.15);
}
.octf-btn.outline {
background: transparent;
color: #0060ff;
border: 2px solid;
}
.octf-btn.outline:hover, .octf-btn.outline:focus {
background: #0060ff;
color: #fff;
border-color: #0060ff;
}
.octf-btn-soft {
color: #0060ff;
}
.octf-btn-soft:hover {
color: #0060ff;
box-shadow: 0 5px 15px rgba(30, 34, 40, 0.05);
}
.octf-btn-expand {
background: none;
color: #0060ff;
border: 0;
padding-left: 0;
padding-top: 11px;
padding-bottom: 11px;
max-height: 50px;
font-size: 17px;
}
.octf-btn-expand i, .octf-btn-expand svg {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.octf-btn-expand i {
width: 50px;
height: 50px;
font-size: 26px;
color: #fff;
}
.octf-btn-expand svg {
width: 50px;
padding: 15px;
fill: #fff;
}
.octf-btn-expand span {
position: relative;
padding-left: 59px;
z-index: 2;
}
.octf-btn-expand:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 50px;
height: 50px;
background-color: #0060ff;
z-index: 0;
border-radius: 1000px;
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.octf-btn-expand:hover, .octf-btn-expand:focus {
transform: translateY(0);
color: #fff;
box-shadow: none;
}
.octf-btn-expand:hover:before, .octf-btn-expand:focus:before {
width: 100%;
}
.octf-btn-expand:hover i, .octf-btn-expand:focus i {
left: 5px;
}
.octf-btn-lg {
--globex-btn-padding-y: 13px;
--globex-btn-padding-x: 28px;
--globex-btn-font-size: 17px;
}
.octf-btn-sm {
--globex-btn-padding-y: 8px;
--globex-btn-padding-x: 20px;
--globex-btn-font-size: 14px;
}
.octf-btn-icon-left .octf-btn {
flex-direction: row-reverse;
}
.octf-btn-icon-left i,
.octf-btn-icon-left svg {
margin-right: 6px;
}
.octf-btn-icon-right i,
.octf-btn-icon-right svg {
margin-left: 6px;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-radius: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):hover, .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):focus {
transform: none;
}
.white .octf-btn {
background: #fff;
color: #343f52;
}
.is-stuck .white .octf-btn {
color: #fff;
background: #0060ff;
}
.globex input[type=text],
.globex input[type=email],
.globex input[type=url],
.globex input[type=password],
.globex input[type=search],
.globex input[type=number],
.globex input[type=tel],
.globex input[type=range],
.globex input[type=date],
.globex input[type=month],
.globex input[type=week],
.globex input[type=time],
.globex input[type=datetime],
.globex input[type=datetime-local],
.globex input[type=color],
.globex textarea {
color: #666666;
border: 1px solid rgba(8, 60, 130, 0.07);
padding: 10px 12px;
box-sizing: border-box;
outline: none;
font-size: 14px;
}
.globex input[type=text]:focus,
.globex input[type=email]:focus,
.globex input[type=url]:focus,
.globex input[type=password]:focus,
.globex input[type=search]:focus,
.globex input[type=number]:focus,
.globex input[type=tel]:focus,
.globex input[type=range]:focus,
.globex input[type=date]:focus,
.globex input[type=month]:focus,
.globex input[type=week]:focus,
.globex input[type=time]:focus,
.globex input[type=datetime]:focus,
.globex input[type=datetime-local]:focus,
.globex input[type=color]:focus,
.globex textarea:focus {
color: #666666;
}
select {
display: block;
width: 100%;
padding: 0.6rem 2rem 0.6rem 1rem;
-moz-padding-start: calc(1rem - 3px);
font-size: 0.75rem;
font-weight: 500;
line-height: 1.7;
color: #959ca9;
word-wrap: normal;
background-color: #fefefe;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%2360697b' d='M22.667 12.227c-0.241-0.24-0.573-0.388-0.94-0.388s-0.699 0.148-0.94 0.388l0-0-4.787 4.72-4.72-4.72c-0.241-0.24-0.573-0.388-0.94-0.388s-0.699 0.148-0.94 0.388l0-0c-0.244 0.242-0.394 0.577-0.394 0.947s0.151 0.705 0.394 0.947l5.653 5.653c0.242 0.244 0.577 0.394 0.947 0.394s0.705-0.151 0.947-0.394l0-0 5.72-5.653c0.244-0.242 0.394-0.577 0.394-0.947s-0.151-0.705-0.394-0.947l-0-0z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 20px 20px;
background-clip: padding-box;
border: 1px solid rgba(8, 60, 130, 0.07);
box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
select, .form-select {
transition: none;
}
}
select:focus, .form-select:focus {
border-color: rgba(8, 60, 130, 0.1);
outline: 0;
box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04), unset;
}
select[multiple], .form-select[multiple],
select[size]:not([size="1"]), .form-select[size]:not([size="1"]) {
padding-right: 1rem;
background-image: none;
}
select:disabled, .form-select:disabled {
background-color: #f6f7f9;
}
select:disabled, .form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #959ca9;
}
textarea {
width: 100%;
}
::-webkit-input-placeholder { color: #a9a9a9;
}
::-moz-placeholder { color: #a9a9a9;
}
:-ms-input-placeholder { color: #a9a9a9;
}
:-moz-placeholder { color: #a9a9a9;
}
input.form-control,
textarea.form-control,
select.form-control {
display: block;
width: 100%;
padding: 0.6rem 1rem;
font-size: 0.75rem;
font-weight: 500;
line-height: 1.7;
color: #60697b;
background-color: #fefefe;
background-clip: padding-box;
border: 1px solid rgba(8, 60, 130, 0.07);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
color: #60697b;
background-color: #fefefe;
border-color: #9fbcf0;
outline: 0;
box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
}
.form-control::-webkit-date-and-time-value {
height: 1.7em;
}
.form-control::-moz-placeholder {
color: #959ca9;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #959ca9;
opacity: 1;
}
.form-control::placeholder {
color: #959ca9;
opacity: 1;
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .form-control,
.input-group > .form-select {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.dark-fields .form-control {
background: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.1);
color: #cacaca;
}
.dark-fields .form-control:focus {
border-color: rgba(63, 120, 224, 0.5);
color: #cacaca;
}
.form-floating {
position: relative;
}
.form-floating > p > input.form-control,
.form-floating > p > input.form-control-plaintext,
.form-floating > p > select.form-select {
height: 52px;
line-height: 1.25;
}
.form-floating > label {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 12px 20px;
color: #959ca9;
font-size: 0.75rem;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.form-floating > .form-control::-moz-placeholder,
.form-floating > .form-control-plaintext::-moz-placeholder {
color: transparent;
}
.form-floating > .form-control:-ms-input-placeholder,
.form-floating > .form-control-plaintext:-ms-input-placeholder {
color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
color: transparent;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
padding-top: 1rem;
padding-bottom: 0.2rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.4rem) translateX(0.2rem);
} .popup-form {
position: fixed;
top: 0;
left: 0;
z-index: 1055;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
transition: all 0.3s;
}
.popup-form .globex-form {
width: 450px;
}
.popup-form.popup-open {
opacity: 1;
visibility: visible;
}
.popup-form.popup-open .globex-form,
.popup-form.popup-open .popup-inner {
transform: none;
}
.popup-form .popup-close {
color: #343f52;
background: rgba(0, 0, 0, 0.08);
position: absolute;
top: 15px;
right: 15px;
}
.popup-form .popup-close:hover {
background: rgba(0, 0, 0, 0.1);
color: #343f52;
}
.popup-form a.otbtn-close {
display: block;
}
.popup-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(30, 34, 40, 0.9);
}
.popup-inner {
max-width: 560px;
padding: 50px;
margin: 0 auto;
border-radius: 8px;
background: #fff;
text-align: center;
position: relative;
transition: all 0.3s;
transform: translate(0, -50px);
} .site-logo {
display: flex;
align-items: center;
}
.has-slogo .slogo {
display: none;
}
.is-stuck .has-slogo img {
display: none;
}
.is-stuck .has-slogo .slogo {
display: inherit;
} .main-navigation ul {
list-style: none;
padding-left: 0;
}
.site-header {
background: #fff;
position: relative;
z-index: 10;
}
.site-header.header-overlay {
background: transparent;
position: absolute;
top: 0;
left: 0;
z-index: 999;
width: 100%;
box-shadow: none;
}
.octf-mainbar-container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
}
.octf-mainbar {
display: flex;
flex-flow: column wrap;
flex: 1 auto;
}
.octf-main-header .octf-mainbar-row {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
flex: 1 auto;
}
.octf-mainbar-row > [class^=octf-col] {
display: flex;
align-items: stretch;
position: static;
}
.octf-mainbar-row .octf-col {
flex-basis: 0;
flex-grow: 0.65;
max-width: 100%;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.octf-mainbar-row .octf-col.menu-col {
justify-content: flex-end;
}
.octf-mainbar-row > [class^=octf-col] {
flex-flow: row nowrap;
}
.octf-mainbar-row > [class^=octf-col].text-left {
justify-content: flex-start;
}
.octf-mainbar-row > [class^=octf-col].text-center {
justify-content: center;
}
.octf-mainbar-row > [class^=octf-col].text-right {
justify-content: flex-end;
}
.octf-main-header .octf-row > div:empty {
display: none;
}
.octf-row {
margin-right: -15px;
margin-left: -15px;
}
.octf-col:before {
display: inline-flex;
}
.octf-main-header .octf-row .octf-col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.octf-header-module {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
} .main-navigation {
display: inline-block;
vertical-align: middle;
height: 100%;
width: auto;
text-align: left;
}
.main-navigation > ul {
display: flex;
width: 100%;
vertical-align: middle;
height: 100%;
}
.main-navigation ul {
font-weight: bold;
list-style: none;
margin: 0px 0px;
padding: 0px 0px;
}
.main-navigation > ul > li {
padding: 0px 0px;
float: left;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-left: 0px;
}
#exp-header-default.main-header.sticky-header .main-navigation > ul > li{
padding: 10px 0px;
}
.main-navigation > ul > li:last-child {
margin-right: 0;
}
.main-navigation ul > ul.ct-menu-item{
background:none !important;
border:none !important;
border-color:none !important;
}
.main-navigation ul ul.sub-menu {
float: none;
margin: 10px 0 0 0;
padding: 0;
background-color: #fff;
min-width: 280px;
white-space: nowrap;
padding: 20px 0px;
position: absolute;
top: 100%;
left: -20px;
z-index: 10;
visibility: hidden;
opacity: 0;
pointer-events: none;
box-sizing: border-box;
border-radius: 0px;
box-shadow: 0 0 20.5px rgba(30, 34, 40, 0.06);
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
.main-navigation ul ul.sub-menu.sub-mega-menu {
min-width: 380px;
box-shadow: none;
padding: 0;
background: transparent;
}
.main-navigation ul ul.sub-menu:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: -10px;
top: -10px;
z-index: -1;
}
.main-navigation ul > li > a:hover {
color: #222;
}
.main-navigation ul > li.menu-item-has-children > a:after,
.main-navigation ul > li.dropdown > a:after {
font-size: 15px;
font-family: 'Font Awesome 5 Pro';
display: inline-block;
margin-left: 5px;
font-weight: 700;
border: 0;
content: "\f107";
}
.a-none > ul > li.menu-item-has-children > a:after,
.a-none > ul > li.dropdown > a .menu-text:after {
font-size: 0;
}
.main-navigation > ul > li.menu-item-has-children:last-child > a:after,
.main-navigation > ul > li.dropdown:last-child > a:after {
right: 0px;
}
.main-navigation ul li li {
display: block;
position: relative;
}
.main-navigation ul li li.menu-item-has-children > a:after {
font-family: 'Font Awesome 5 Pro';
content: "\f105";
margin-right: 0;
position: absolute;
right: 0px;
top: 0.3rem;
}
.main-navigation ul li li .elementor-inner-section {
overflow-y: scroll;
margin-right: -17px;
max-height: 30.6rem;
-ms-overflow-style: none;
scrollbar-width: none;
}
.main-navigation ul li li .elementor-inner-section::-webkit-scrollbar {
display: none;
}
.main-navigation ul li li .mega-menu-content a {
padding: 0;
}
.main-navigation ul li li .elementor-widget-image a img[src$=".svg"] {
width: auto;
padding: 20px;
}
.main-navigation ul li li a {
font-size: 15px;
line-height: 25.5px;
font-weight: 700;
color: #343f52;
text-align: left;
display: block;
padding: 5px 30px 5px 30px;
position: relative;
text-decoration: none;
outline: none;
}
.main-navigation ul li li a cite{
font-style: normal;
}
.main-navigation ul > li > a.mPS2id-highlight,
.main-navigation ul li li a:hover,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current-menu-ancestor > a {
color: #0060ff;
}
.main-navigation ul li ul ul.sub-menu {
left: 100%;
top: 0;
margin-top: 0;
margin-left: 0px;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
}
.main-navigation ul li:hover > ul {
visibility: visible;
opacity: 1;
}
.main-navigation > ul > li.is-mega-menu .elementor-section.elementor-top-section > .elementor-container:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: -10px;
top: -10px;
z-index: -1;
}
.main-navigation ul li:hover > ul:not(.sub-mega-menu),
.main-navigation > ul > li.is-mega-menu:hover .elementor-section.elementor-top-section > .elementor-container {
pointer-events: all;
}
.main-navigation ul > li:hover > ul {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
@-webkit-keyframes stickySlideUp {
from {
-webkit-transform: translateY(10%);
transform: translateY(10%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes stickySlideUp {
from {
-webkit-transform: translateY(10%);
transform: translateY(10%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes stickySlideDown {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes stickySlideDown {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
section.is-stuck {
-webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
-moz-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
}
section.is-stuck {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 99;
box-shadow: 0 0 1.25rem rgba(30, 34, 40, 0.06);
border-radius: 0 !important;
background: #fff;
}
.admin-bar .is-stuck,
.admin-bar .header-overlay {
top: 32px;
}
@media (max-width: 1199px) {
.main-navigation > ul > li {
margin: 0 12px;
}
} .header_mobile {
display: none;
}
@media only screen and (max-width: 991px) {
.octf-main-header {
display: none;
}
.header-topbar {
display: none;
}
.header_mobile {
display: block;
width: 100%;
background: #fff;
}
.header_mobile.is-stuck {
box-shadow: 2px 2px 15px 0px rgba(42, 67, 113, 0.15);
}
.header_mobile .mlogo_wrapper {
position: relative;
padding: 15px 0px;
}
.header_mobile .mlogo_wrapper img {
height: 26px;
}
.header_mobile .mlogo_wrapper .mobile_logo {
float: left;
}
.ext-nav-mobile {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
display: flex;
flex-wrap: wrap;
align-items: center;
}
#mmenu_toggle {
position: relative;
cursor: pointer;
width: 34px;
height: 20px;
}
#mmenu_toggle:before{
top: 0;
width: 24px;
}
#mmenu_toggle:after{
bottom: 0;
width: 24px;
}
#mmenu_toggle:before,
#mmenu_toggle:after,
#mmenu_toggle span {
content: '';
background-color: #1b1b1b;
height: 2px;
position: absolute;
left: 0;
right: 0;
margin: auto;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#mmenu_toggle:hover:before,
#mmenu_toggle:hover:after{
width: 100%;
}
#mmenu_toggle span{
top: 9px;
width: 100%;
}
#mmenu_toggle:after {
bottom: 0;
width: 24px;
}
#mmenu_toggle button {
position: absolute;
left: 0;
top: 50%;
margin: -2px 0 0;
background: #343f52;
height: 4px;
padding: 0;
border: none;
width: 100%;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
outline: none;
border-radius: 2px;
}
#mmenu_toggle button:before {
content: "";
position: absolute;
left: 0;
top: -8px;
width: 26px;
height: 4px;
background: #343f52;
-webkit-transform-origin: 1.5px center;
transform-origin: 1.5px center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
border-radius: 2px;
}
#mmenu_toggle button:after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 26px;
height: 4px;
background: #343f52;
-webkit-transform-origin: 1.5px center;
transform-origin: 1.5px center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
border-radius: 2px;
}
#mmenu_toggle.active button {
background: none;
}
#mmenu_toggle.active button:before {
top: 0;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
#mmenu_toggle.active button:after {
bottom: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.header_mobile .mobile_nav {
display: none;
background: #fff;
}
.header_mobile .mobile_nav .mobile_mainmenu {
margin: 0;
padding: 0;
}
.header_mobile .mobile_nav .mobile_mainmenu ul {
position: relative;
margin: 0;
padding: 0;
margin-left: 15px;
display: none;
}
.header_mobile .mobile_nav.collapse .mobile_mainmenu ul {
display: none;
}
.header_mobile .mobile_nav .mobile_mainmenu li {
position: relative;
list-style: none;
}
.header_mobile .mobile_nav .mobile_mainmenu li a {
padding: 9px 0;
display: block;
color: #343f52;
font-weight: 600;
border-bottom: 1px solid #e5e5e5;
}
.header_mobile .mobile_nav .mobile_mainmenu > li:last-child > a {
border: none;
}
.header_mobile .mobile_nav .mobile_mainmenu li li a {
font-size: 15px;
}
.header_mobile .mobile_nav .mobile_mainmenu li li a:hover,
.header_mobile .mobile_nav .mobile_mainmenu ul > li > ul > li.current-menu-ancestor > a {
color: #0060ff;
}
.header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow {
color: #fff;
position: absolute;
display: block;
right: 0;
top: 0;
cursor: pointer;
width: 40px;
height: auto;
padding: 9px 12px 9px 0;
line-height: inherit;
text-align: right;
box-sizing: border-box;
}
.header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i {
color: #9397a7;
display: inline-block;
line-height: 1;
-webkit-transition: transform 0.3s ease-in-out;
-moz-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i:before {
font-size: 22px;
line-height: 1.2;
}
.header_mobile .mobile_nav .mobile_mainmenu > li > a:hover, .header_mobile .mobile_nav .mobile_mainmenu > li.current-menu-item > a,
.header_mobile .mobile_nav .mobile_mainmenu > li.current-menu-ancestor > a {
color: #0060ff;
}
}
@media only screen and (max-width: 767px) {
.header_mobile .mlogo_wrapper {
width: 100%;
}
}
@media only screen and (max-width: 320px) {
.mobile_logo img {
max-width: 230px;
max-height: 47px;
}
} #ext-header-mobile {
display: none;
}
.page-header {
width: 100%;
height: 370px;
font-weight: 500;
background: #f1f5fd center center no-repeat;
background-size: cover;
position: relative;
}
.page-header .page-title {
font-size: 48px;
margin-bottom: 0;
flex: 1;
padding: 15px 0;
}
.page-header .lead {
margin-bottom: 0;
}
.page-header .breadcrumbs {
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
margin-top: 20px;
}
.page-header .breadcrumbs li {
display: inline-block;
color: #fff;
}
.page-header .breadcrumbs li:before {
content: "\f105";
font-family: 'FontAwesome';
font-size: 18px;
color: rgba(96, 105, 123, 0.35);
margin: -3px 10px 0;
display: inline-block;
vertical-align: middle;
}
.page-header:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0,0,0,0.80);
}
.page-title {
position: relative;
color: #ffffff;
margin-bottom: 10px;
padding-bottom: 18px;
text-transform: capitalize;
}
.page-header .page-title{
color: #fff;
}
.breadcrumba {
position: relative;
padding: 18px 30px;
margin-top: 10px;
border-radius: 0px 0px 10px 0px;
}
.breadcrumbs {
position: relative;
display: inline-block;
margin-right: 10px;
padding-right: 15px;
color: #ffffff;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
}
.page-header .breadcrumbs li:first-child:before {
display: none;
}
.page-header .breadcrumbs li a:hover {
color: #0060ff;
}
.breadcrumbs li a,
.page-header .breadcrumbs li:before{
color: #ffffff;
}
.breadcrumbs {
position: relative;
padding: 18px 30px;
margin-top: 10px;
display: inline-block;
background-color: #ab7442;
border-radius: 0px 0px 10px 0px;
}
.breadcrumbs li a {
font-weight: 500;
text-transform: capitalize;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
@media (max-width: 992px) {
.page-header .inner {
display: block;
}
}
@media (max-width: 767px) {
.admin-bar .sticky-header .main-header__menu {
top: 0px;
}
.page-header .container,
.single-page-header .container {
width: 100%;
}
.page-header .page-title,
.single-page-header .page-title {
font-size: 36px;
line-height: 42px;
max-width: 100%;
}
.page-header .breadcrumbs,
.single-page-header .breadcrumbs {
font-size: 14px;
}
.page-header .lead,
.single-page-header .lead {
font-size: 16px;
}
}
@media (max-width: 600px) {
.page-header {
height: 320px;
}
.page-header .page-title {
font-size: 30px;
}
}
.mega-menu-content .elementor-widget-icon-list li.elementor-icon-list-item a .elementor-icon-list-text {
width: 100%;
} .header-alert .elementor-alert {
text-align: center;
}
.header-alert .elementor-alert .elementor-alert-title span {
display: inline-block;
background: #fff;
padding: 2px 10px;
margin-right: 10px;
font-size: 12px;
font-weight: 700;
border-radius: 8px;
text-transform: uppercase;
color: #54a8c7;
}
.header-alert .elementor-alert a {
color: #fff;
font-weight: 600;
}
.header-alert .elementor-alert button.elementor-alert-dismiss {
font-size: 35px;
font-weight: 300;
right: 20px;
color: rgba(255, 255, 255, 0.8);
}
.header-alert .elementor-alert button.elementor-alert-dismiss:hover {
color: #fff;
} .search-form {
position: relative;
}
#search-panel .search-form{
padding: 0 20px;
}
#search-panel .search-form .search-field {
width: 100%;
padding: 0 20px;
height: 46px;
line-height: 1;
border-color: #fefefe;
}
#search-panel .search-form .search-submit {
border: none;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 46px;
outline: none;
text-align: center;
vertical-align: middle;
color: #959ca9;
background: transparent;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
#search-panel .search-form .search-submit i:before, #search-panel .search-form .search-submit i:after {
font-size: 18px;
}
.elementor-section .search-form .search-field,
.page-content .search-form .search-field {
border-color: rgba(8, 60, 130, 0.07);
padding-right: 40px;
}
.elementor-section .search-form .search-field:focus,
.page-content .search-form .search-field:focus {
border-color: #9fbcf0;
}  .itooltip-inner {
padding: 0.7rem 1rem;
-webkit-animation: 0.15s linear fadeIn;
animation: 0.15s linear fadeIn;
border-radius: 0.4rem;
background-color: rgba(254, 254, 254, 0.9);
box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
color: inherit;
} .wpcf7 .gap-20 {
margin: 0 -10px;
}
.wpcf7 .gap-20 .col-md-6 {
padding: 0 10px;
}
.wpcf7 .form-floating {
margin-bottom: 20px;
}
.wpcf7 .none-border {
border: none;
}
.wpcf7 .h150 textarea {
height: 150px;
}
.wpcf7 .wpcf7-list-item {
margin: 0;
}
.wpcf7 .wpcf7-spinner {
display: none;
}
.form-check-input input[type=checkbox] {
width: 20px;
height: 20px;
margin-right: 6px;
margin-top: 3px;
vertical-align: top;
border-radius: 4px;
background-color: #fefefe;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid rgba(8, 60, 130, 0.1);
box-shadow: 0 0 1.25rem rgba(30, 34, 40, 0.04);
appearance: none;
}
.form-check-input input:checked[type=checkbox] {
background-image: url(//servizitalia360.com/wp-content/themes/globex/assets/admin/css/images/check.svg);
background-color: #0060ff;
border-color: #0060ff;
} .octf-cart {
position: relative;
}
.heading-cart {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 35px;
}
.heading-cart h3 {
margin-bottom: 0;
color: #000;
font-size: 22px;
}
.heading-cart .cart-close {
color: #343f52;
background: rgba(0, 0, 0, 0.08);
}
.heading-cart .cart-close:hover {
color: #0060ff;
background: rgba(0, 0, 0, 0.1);
}
.site-header-cart {
position: fixed;
z-index: 999;
top: 0;
right: 0;
bottom: 0;
background: #fff;
width: 400px;
padding: 30px;
display: flex;
min-height: 100vh;
flex-direction: column;
transition: transform 0.3s ease-in-out;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.site-header-cart .widget_shopping_cart {
height: inherit;
display: flex;
width: 100%;
flex-direction: column;
justify-content: end;
position: relative;
}
.site-header-cart .widget_shopping_cart .cart_list,
.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message {
position: absolute;
top: 0;
width: 100%;
}
.site-header-cart .widget_shopping_cart .cart_list li {
padding: 0;
padding-right: 32px;
margin-bottom: 20px;
}
.site-header-cart ul.cart_list li a {
color: #343f52;
line-height: 24px;
}
.site-header-cart ul.cart_list li a:hover {
color: #343f52;
}
.site-header-cart ul.cart_list li .quantity {
font-size: 14px;
}
.site-header-cart ul.cart_list li img {
float: left;
width: 88px;
margin-right: 20px;
border-radius: 8px;
}
.site-header-cart .widget_shopping_cart .cart_list li a.remove {
left: auto;
right: 26px;
font-size: 0;
font-weight: 400;
display:flex;
}
.site-header-cart .widget_shopping_cart .cart_list li a.remove:before {
font-family: 'FontAwesome';
content: "\f014";
font-size: 16px;
color: #343f52;
}
.site-header-cart .widget_shopping_cart .cart_list li a.remove:hover:before {
color: #0060ff;
}
.site-header-cart .widget_shopping_cart .total {
padding-top: 20px;
display: flex;
justify-content: space-between;
border: none;
}
.site-header-cart .widget_shopping_cart .total strong {
font-weight: 500;
}
.site-header-cart .widget_shopping_cart .total .amount {
font-weight: 700;
font-size: 17px;
color: #343f52;
}
.site-header-cart .widget_shopping_cart .buttons {
margin-bottom: 0;
}
.site-header-cart .widget_shopping_cart .buttons::after {
content: "Free shipping on all orders over $50";
text-align: center;
display: block;
margin-top: 10px;
font-size: 14px;
}
.site-header-cart .widget_shopping_cart .buttons a {
display: inline-flex;
width: 100%;
justify-content: center;
text-align: center;
background: #0060ff;
color: #fff;
border-radius: 8px;
padding: 13px 24px;
line-height: 28px;
}
.site-header-cart .widget_shopping_cart .buttons a:before {
font-family: 'Font Awesome 5 Pro';
content: "\f09d";
font-weight: 400;
font-size: 18px;
line-height: 28px;
margin-right: 5px;
}
.site-header-cart .widget_shopping_cart .buttons a:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(30, 34, 40, 0.15);
}
.site-header-cart .widget_shopping_cart .buttons a:first-child {
display: none;
}
.cart-open.site-header-cart {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.cart-active .cart-overlay {
background: rgba(30, 34, 40, 0.7);
visibility: visible;
opacity: 1;
}
.cart-content {
position: relative;
display: flex;
align-items: center;
color: #343f52;
}
.cart-content:hover {
color: #0060ff;
}
.cart-content i {
line-height: 1;
}
.cart-content i:before {
font-size: 22px;
}
.cart-content .cart-count {
width: 18px;
height: 18px;
line-height: 18px;
background: #0060ff;
color: #fff;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 11px;
font-weight: 700;
}
.is-fixed .site-header-cart {
height: 100vh;
}
.is-fixed .mmenu-wrapper {
height: 100vh;
} .header-mobile {
display: none;
}
.header-mobile .is-stuck {
background-color: #343f52;
}
.header-mobile .is-stuck .cart-contents .count {
background: #fff;
color: #343f52;
}
.mmenu-toggle button {
line-height: 1;
cursor: pointer;
background: none;
border: 0;
padding: 0;
margin: 0 0 0 0.2rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #343f52;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.mmenu-toggle button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mmenu-toggle button:focus {
outline: 0;
}
.mmenu-wrapper {
position: fixed;
top: 0;
bottom: 0;
right: 0;
width: 300px;
background: #1e2228;
overflow-x: hidden;
z-index: 9999;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.mmenu-wrapper.mmenu-open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.mmenu-wrapper .mmenu-inner {
top: 0;
height: 100%;
padding: 20px 30px 30px 30px;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
display: flex;
flex-direction: column;
-ms-overflow-style: none; scrollbar-width: none;
}
.mmenu-wrapper .mmenu-header {
text-align: right;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.mmenu-wrapper .mmenu-header h3 {
font-size: 27px;
margin-bottom: 0;
color: #fff;
}
.mmenu-wrapper .mmenu-footer {
padding-top: 15px;
margin-top: auto;
}
.mmenu-wrapper .mmenu-footer .mmenu-contact {
display: block;
color: #fff;
}
.mmenu-wrapper .mmenu-footer .mmenu-contact:hover {
color: #0060ff;
}
.mmenu-wrapper .mmenu-footer .mmenu-socials {
margin-top: 20px;
}
.mmenu-wrapper .mmenu-footer .mmenu-socials a {
display: inline-block;
margin-right: 5px;
color: #fff;
font-size: 20px;
transition: all 0.2s ease-in-out;
}
.mmenu-wrapper .mmenu-footer .mmenu-socials a:hover {
transform: translateY(-3px);
}
.mmenu-wrapper .mobile_mainmenu {
margin: 0;
padding: 0;
}
.mmenu-wrapper .mobile-nav {
min-width: 240px;
font-weight: 700;
}
.mmenu-wrapper .mobile_mainmenu ul {
position: relative;
margin: 0;
padding: 0;
margin-left: 15px;
}
.mmenu-wrapper .mobile_mainmenu ul {
display: none;
}
.mmenu-wrapper .mobile_mainmenu li {
position: relative;
list-style: none;
}
.mmenu-wrapper .mobile_mainmenu li a {
padding: 10px 30px 10px 0;
display: block;
font-size: 14px;
font-weight: 500;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow {
color: #fff;
position: absolute;
display: block;
right: 0;
top: 0;
cursor: pointer;
width: 34px;
height: auto;
padding: 5px 10px 5px 0;
line-height: inherit;
text-align: right;
box-sizing: border-box;
-webkit-transition: transform 0.3s ease-in-out;
-moz-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow i {
color: #fff;
display: inline-block;
line-height: 1;
}
.mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow i:before {
font-size: 12px;
font-weight: 700;
color: #9397a7;
}
.mmenu-wrapper.on-left {
right: auto;
left: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.mmenu-wrapper.on-left.mmenu-open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.mmenu-inner::-webkit-scrollbar {
display: none; }
.is-fixed .mmenu-wrapper {
height: 100vh;
}
.thicccboi .mmenu-wrapper .mobile_mainmenu li a {
font-size: 16px;
}
.thicccboi .mmenu-wrapper .mmenu-contact {
font-size: 17px;
}
.mmenu-active .mmenu-overlay {
background: rgba(30, 34, 40, 0.7);
visibility: visible;
opacity: 1;
z-index: 9998;
}
.site-overlay {
background: transparent;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
z-index: 99;
}
@media only screen and (max-width: 1199px) {
.exp-header-desktop,
#exp-header-elementor .exp-header-elementor-sticky {
display: none;
}
.header-mobile {
display: block;
}
.admin-bar section:not(.is-stuck) .mmenu-wrapper {
top: 32px;
}
}
@media only screen and (max-width: 782px) {
.admin-bar section:not(.is-stuck) .mmenu-wrapper {
top: 46px;
}
} .panel-btn {
line-height: 1;
}
.panel-btn i {
color: #343f52;
cursor: pointer;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.panel-btn i:before {
font-size: 22px;
}
.panel-btn i:hover {
color: #0060ff;
}
.admin-bar .side-panel,
.admin-bar .site-header-cart{
top: 32px;
}
.side-panel {
width: 400px !important;
position: fixed;
top: 0;
bottom: 0;
right: 0;
background: #fff;
overflow-x: hidden;
z-index: 9999;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.side-panel .side-panel-block {
padding: 20px;
padding-right: 35px;
height: 100%;
width: calc(100% + 17px);
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
}
.side-panel .side-panel-close {
position: absolute;
top: 25px;
right: 20px;
z-index: 999;
}
.side-panel.on-left {
right: auto;
left: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.side-panel.on-left.mmenu-open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.side-panel.side-panel-open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.side-panel .side-panel-close{
color: #343f52;
width: 36px;
height: 36px;
background-color: rgba(0, 0, 0, 0.08);
text-align: center;
line-height: 36px;
border-radius: 50%;
}
.side-panel a:hover {
color: #0060ff;
}
.side-panel-active .panel-overlay {
background: rgba(30, 34, 40, 0.7);
visibility: visible;
opacity: 1;
z-index: 9998;
}
@media only screen and (max-width: 782px) {
.admin-bar .side-panel {
top: 46px;
}
}
.otbtn-close {
display: inline-block;
color: #fff;
width: 36px;
height: 36px;
background: rgba(255, 255, 255, 0.08);
text-align: center;
border-radius: 50%;
}
.otbtn-close i {
display: inline-block;
line-height: 36px;
font-size: 20px;
}
.otbtn-close:hover {
background: rgba(255, 255, 255, 0.2);
color: #fff;
}
#exp-header-default #exp-header-mobile{
display: none;
}
@media screen and (max-width: 1199px) {
#exp-header-default #exp-header-mobile {
display: block;
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
position: relative;
z-index: 999;
}
} @media (min-width: 992px) {
.lg-hidden {
display: none;
}
.d-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.pe-xl-15 {
padding-right: 5rem !important;
}
}
@media (min-width: 1400px) {
.pe-xxl-17 {
padding-right: 7rem !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.md-hidden {
display: none;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.sm-hidden {
display: none;
}
}
.is-fixed .site-header-cart {
height: 100vh;
}
.exp-close {
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background: rgba(255, 255, 255, 0.7);
background-color: rgba(255, 255, 255, 0.7);
border: 9px solid transparent;
color: #777;
width: 36px;
height: 36px;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
}
#ext-header-default {
position: relative;
z-index: 999;
background-color: #fff; }
#ext-header-default .row {
align-items: center;
}
@media screen and (min-width: 1200px) {
#ext-header-default .row > div {
padding: 0 15px;
}
}
#ext-header-default .ext-header-branding {
display: flex;
align-items: center;
flex-grow: 1;
}
#ext-header-default .ext-header-branding a {
display: inline-flex;
}
#ext-header-default .ext-header-branding img {
height: 35px;
max-width: inherit;
}
#ext-header-default #ext-nav-mobile {
display: none;
}
#ext-header-elementor { }
@media screen and (min-width: 1200px) {
#ext-header-elementor {
min-height: 0px !important;
position: relative;
z-index: 1001;
}
}
#ext-header-elementor #ext-header-mobile {
display: none;
}
#ext-header-elementor .ext-header-elementor-main {
position: relative;
z-index: 999;
}
#ext-header-elementor .ext-header-elementor-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
top: 0;
-webkit-transform: translateY(-100%);
-khtml-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
visibility: hidden;
}
#ext-header-elementor .ext-header-elementor-sticky.ext-header-fixed {
-webkit-transform: translateY(0%);
-khtml-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
visibility: visible;
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
}
#ext-header-elementor.ext-header-rmboxshadow .ext-header-elementor-sticky.ext-header-fixed {
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
#ext-header-elementor.ext-header-rmboxshadow .ext-header-elementor-sticky.ext-header-fixed .ext-logo-nav {
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
}
#ext-header-elementor .px-header--transparent {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
}
#ext-header-elementor .elementor-section .elementor-container, #ext-header-elementor .elementor-inner-section, #ext-header-elementor .elementor-widget:not(.elementor-absolute), #ext-header-elementor .elementor-widget-wrap, #ext-header-elementor .elementor-column, #ext-header-elementor .elementor-column-wrap {
position: static;
}
@media screen and (max-width: 1260px) {
.bd-px-header--left_sidebar:not(.elementor-editor-active) .elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1130px;
}
}
@media screen and (min-width: 1200px) { .bd-px-header--left_sidebar .ext-content-wrap.no-sidebar {
margin-left: 0;
margin-right: 0;
}
.bd-px-header--left_sidebar:not(.elementor-editor-active) #ext-header-elementor .px-header--left_sidebar {
width: 300px;
position: fixed;
top: 0;
left: 0;
height: 100vh;
background-color: #fff;
-webkit-box-shadow: 36px 0 46px rgba(48, 48, 48, 0.08);
-khtml-box-shadow: 36px 0 46px rgba(48, 48, 48, 0.08);
-moz-box-shadow: 36px 0 46px rgba(48, 48, 48, 0.08);
-ms-box-shadow: 36px 0 46px rgba(48, 48, 48, 0.08);
-o-box-shadow: 36px 0 46px rgba(48, 48, 48, 0.08);
box-shadow: 36px 0 46px rgba(48, 48, 48, 0.08);
}
.bd-px-header--left_sidebar:not(.elementor-editor-active) #ext-main, .bd-px-header--left_sidebar:not(.elementor-editor-active) #ext-footer-elementor, .bd-px-header--left_sidebar:not(.elementor-editor-active) #ext-page-title-elementor {
padding-left: 300px;
}
.bd-px-header--left_sidebar:not(.elementor-editor-active) #ext-main .elementor > .elementor-section:not(.elementor-section-full_width), .bd-px-header--left_sidebar:not(.elementor-editor-active) #ext-footer-elementor .elementor > .elementor-section:not(.elementor-section-full_width), .bd-px-header--left_sidebar:not(.elementor-editor-active) #ext-page-title-elementor .elementor > .elementor-section:not(.elementor-section-full_width) {
width: 100% !important;
left: 0px !important;
}
.bd-px-header--left_sidebar:not(.elementor-editor-active) #ext-main .elementor > .elementor-section.elementor-section-full_width, .bd-px-header--left_sidebar:not(.elementor-editor-active) #ext-footer-elementor .elementor > .elementor-section.elementor-section-full_width, .bd-px-header--left_sidebar:not(.elementor-editor-active) #ext-page-title-elementor .elementor > .elementor-section.elementor-section-full_width {
padding-left: 300px;
}
.bd-px-header--left_sidebar:not(.elementor-editor-active) #ext-footer-elementor .container {
max-width: 100%;
}
.bd-px-header--left_sidebar:not(.elementor-editor-active).ext-footer-fixed #ext-wapper #ext-main {
margin-bottom: 0 !important;
}
.bd-px-header--left_sidebar:not(.elementor-editor-active).ext-footer-fixed #ext-footer-elementor {
position: static;
}
.admin-bar.bd-px-header--left_sidebar:not(.elementor-editor-active) #ext-header-elementor .px-header--left_sidebar {
top: 32px;
}
}
@media screen and (min-width: 1200px) { #ext-header-default .ext-menu-primary > li.menu-item-has-children > a:after {
content: "\f150";
font-family: "FontAwesome";
color: #0055d4;
font-size: 10px;
margin-left: 6px;
font-weight: 400;
}
.ext-menu-primary {
list-style: none;
margin: 0;
padding: 0;
}
.ext-menu-primary ul {
list-style: none;
margin: 0;
}
.ext-menu-primary li {
position: relative;
color: #1b1b1b;
}
.ext-menu-primary li a {
font-size: 16px;
color: #1b1b1b;
position: relative;
font-weight: 500;
}
.ext-menu-primary > li {
display: inline-block;
vertical-align: middle;
margin: 0 18px;
}
.ext-menu-primary > li > a {
line-height: 91px;
font-size: 16px;
font-weight: 600;
display: inline-block;
}
.ext-menu-primary > li > a:hover, .ext-menu-primary > li.current_page_item > a:not(.is-one-page), .ext-menu-primary > li.current-menu-item > a:not(.is-one-page), .ext-menu-primary > li.current_page_ancestor > a:not(.is-one-page), .ext-menu-primary > li.current-menu-ancestor > a:not(.is-one-page) {
color: #0055d4;
}
.ext-menu-primary .sub-menu, .ext-menu-primary .children {
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
padding: 26px 0;
margin-top: 30px;
margin-bottom: 0;
min-width: 220px;
z-index: 99;
visibility: hidden;
opacity: 0;
-webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
-khtml-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
-moz-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
-ms-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
-o-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
-webkit-transition: all 200ms linear 0ms;
-khtml-transition: all 200ms linear 0ms;
-moz-transition: all 200ms linear 0ms;
-ms-transition: all 200ms linear 0ms;
-o-transition: all 200ms linear 0ms;
transition: all 200ms linear 0ms;
transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
text-align: left;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.ext-menu-primary .sub-menu li, .ext-menu-primary .children li {
padding: 0 35px;
white-space: nowrap;
}
.ext-menu-primary .sub-menu li a, .ext-menu-primary .children li a {
padding: 0.4em 0;
display: block;
}
.ext-menu-primary .sub-menu li a span, .ext-menu-primary .children li a span {
position: relative;
display: inline-block;
}
.ext-menu-primary .sub-menu li a span:before, .ext-menu-primary .children li a span:before {
content: '';
width: 0;
left: 0;
height: 1px;
position: absolute;
top: 50%;
-webkit-transition: width 0.25s;
transition: width 0.25s;
background-color: #1b1b1b;
margin-top: 11px;
}
.ext-menu-primary .sub-menu li > a:hover, .ext-menu-primary .children li > a:hover {
padding-left: 10px;
}
.ext-menu-primary .sub-menu li > a:hover span:before, .ext-menu-primary .children li > a:hover span:before, .ext-menu-primary .sub-menu li.current_page_item > a span:before, .ext-menu-primary .children li.current_page_item > a span:before, .ext-menu-primary .sub-menu li.current-menu-item > a span:before, .ext-menu-primary .children li.current-menu-item > a span:before, .ext-menu-primary .sub-menu li.current_page_ancestor > a span:before, .ext-menu-primary .children li.current_page_ancestor > a span:before, .ext-menu-primary .sub-menu li.current-menu-ancestor > a span:before, .ext-menu-primary .children li.current-menu-ancestor > a span:before {
width: 100%;
}
.ext-menu-primary .sub-menu .sub-menu, .ext-menu-primary .children .sub-menu, .ext-menu-primary .sub-menu .children, .ext-menu-primary .children .children {
top: 0;
left: 100%;
}
.ext-menu-primary .sub-menu .sub-menu.ext-sub-reverse, .ext-menu-primary .children .sub-menu.ext-sub-reverse, .ext-menu-primary .sub-menu .children.ext-sub-reverse, .ext-menu-primary .children .children.ext-sub-reverse {
left: auto;
right: 100%;
}
.ext-menu-primary li:hover > .sub-menu, .ext-menu-primary li.focus > .sub-menu, .ext-menu-primary li:hover > .children, .ext-menu-primary li.focus > .children {
visibility: visible;
opacity: 1;
margin-top: 0;
}
.ext-menu-primary .ext-megamenu {
position: static;
}
.ext-menu-primary .ext-megamenu > .sub-menu {
padding: 20px 0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
-webkit-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.ext-menu-primary .ext-megamenu .ext-link li {
padding: 0;
margin-bottom: 0;
}
.ext-menu-toggle {
display: none;
}
#ext-header-default .ext-header-main {
z-index: 999;
}
#ext-header-default .ext-header-main .container {
max-width: 1750px;
}
#ext-header-default .ext-menu-primary > li > a:before {
content: '';
width: 0;
height: 2px;
position: absolute;
top: 50%;
left: 0;
margin: 11px auto 0 auto;
}
#ext-header-default .ext-menu-primary > li:hover > a:before, #ext-header-default .ext-menu-primary > li.current_page_item > a:before, #ext-header-default .ext-menu-primary > li.current-menu-item > a:before, #ext-header-default .ext-menu-primary > li.current_page_ancestor > a:before, #ext-header-default .ext-menu-primary > li.current-menu-ancestor > a:before {
width: 100%;
}
}
@media screen and (max-width: 1199px) {
#ext-header-default, #ext-header-elementor {
position: relative;
-webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
-khtml-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
-o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
background-color: #fff;
}
#ext-header-default .ext-header-main, #ext-header-elementor .ext-header-main {
position: relative;
}
#ext-header-default .ext-header-branding, #ext-header-elementor .ext-header-branding {
margin: 15px;
min-height: 50px;
align-items: center;
display: flex;
}
#ext-header-default .ext-header-branding img, #ext-header-elementor .ext-header-branding img {
height: 35px;
}
#ext-header-default #ext-nav-mobile, #ext-header-elementor #ext-nav-mobile {
display: block;
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
display: flex;
flex-wrap: wrap;
align-items: center;
}
#ext-header-default #ext-nav-mobile .ext-mobile-meta-item, #ext-header-elementor #ext-nav-mobile .ext-mobile-meta-item {
margin-left: 10px;
}
.ext-nav-mobile-button {
width: 34px;
height: 20px;
position: relative;
cursor: pointer;
}
.ext-nav-mobile-button:before, .ext-nav-mobile-button:after, .ext-nav-mobile-button span {
content: '';
background-color: #1b1b1b;
height: 2px;
position: absolute;
left: 0;
right: 0;
margin: auto;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ext-nav-mobile-button:before {
top: 0;
width: 24px;
}
.ext-nav-mobile-button:after {
bottom: 0;
width: 24px;
}
.ext-nav-mobile-button span {
top: 9px;
width: 100%;
}
.ext-nav-mobile-button:hover:before, .ext-nav-mobile-button:hover:after {
width: 100%;
}
.ext-header-menu-backdrop {
z-index: 998;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
visibility: hidden;
}
.ext-header-menu {
position: fixed;
height: 100vh;
width: 300px;
top: 0;
left: 0;
bottom: 0;
margin: 0;
overflow: hidden;
z-index: 999;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform: translateX(-100%);
-khtml-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
visibility: hidden;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
-khtml-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
background-color: #fff;
overflow-y: scroll;
}
.ext-header-menu.active {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0%);
-khtml-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.ext-header-menu.active + .ext-header-menu-backdrop {
opacity: 1;
visibility: visible;
}
.ext-header-menu-scroll {
padding: 25px 20px;
}
.ext-menu-toggle {
position: absolute;
top: 10px;
height: 28px;
line-height: 28px;
text-align: center;
right: 0px;
width: 28px;
cursor: pointer;
font-size: 10px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
color: #1b1b1b;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.03);
}
.ext-menu-toggle:before {
content: "\f107";
font-family: "FontAwesome";
}
.ext-menu-toggle.active:before {
content: "\f106";
font-family: "FontAwesome";
}
.ext-menu-primary {
list-style: none;
margin: 0;
padding: 0;
}
.ext-menu-primary li {
position: relative;
}
.ext-menu-primary li a {
display: block;
line-height: 46px;
color: #1b1b1b;
font-size: 15px;
font-weight: 600;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.ext-menu-primary li > a:hover, .ext-menu-primary li > a.current, .ext-menu-primary li.current_page_item > a, .ext-menu-primary li.current-menu-item > a, .ext-menu-primary li.current_page_ancestor > a, .ext-menu-primary li.current-menu-ancestor > a {
color: #0055d4;
}
.ext-menu-primary .sub-menu, .ext-menu-primary .children {
position: relative;
display: none;
list-style: none;
margin: 0;
padding: 0;
}
.ext-menu-primary .sub-menu li a, .ext-menu-primary .children li a {
font-weight: 500;
padding-left: 14px;
}
.ext-menu-primary > li > .sub-menu > li > .sub-menu > li a {
padding-left: 28px;
}
.ext-menu-primary .ext-megamenu .elementor-container > .elementor-column {
width: 100%;
}
.ext-menu-primary .ext-megamenu .elementor-container .elementor-widget-wrap {
padding: 0 !important;
}
.ext-menu-primary .ext-megamenu .ext-link li {
margin: 0;
}
.ext-menu-primary .ext-megamenu .ext-heading {
padding-left: 14px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-top: 12px;
padding-bottom: 12px;
}
.ext-menu-primary .ext-megamenu .ext-heading .ext-item--title {
margin-bottom: 0 !important;
font-size: 14px !important;
border-bottom: none !important;
}
.ext-menu-primary .ext-megamenu .elementor-widget-heading > .elementor-widget-container {
margin-bottom: 0 !important;
border-bottom: none !important;
}
.ext-menu-primary .ext-megamenu .elementor-section .elementor-container {
flex-wrap: wrap;
}
.ext-logo-mobile {
margin-bottom: 20px;
}
.ext-logo-mobile img {
height: 35px;
}
.ext-header-mobile-search {
margin-bottom: 20px;
}
.ext-header-mobile-search form {
position: relative;
}
.ext-header-mobile-search .search-field {
height: 40px;
border: none;
padding: 0;
border-bottom: 2px solid #ececec;
}
.ext-header-mobile-search .search-submit {
position: absolute;
top: 0;
right: 0;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
line-height: 36px;
padding: 0;
width: 30px;
height: 40px;
line-height: 40px;
background: none;
color: #0055d4;
border: none;
}
.ext-header-mobile-search .search-submit i {
font-style: normal;
font-weight: 400;
color: #0055d4;
}
.ext-header-mobile-search .search-submit i:before{
font-family: "FontAwesome";
content: "\f002";
}
.ext-header-mobile-search .search-submit:hover, .ext-header-mobile-search .search-submit:focus {
color: #0055d4;
}
.ext-menu-close {
background-color: rgba(0, 0, 0, 0.03);
position: absolute;
top: 0;
right: 0;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.ext-close:before {
-webkit-transform: rotate(45deg);
-khtml-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.ext-close:hover:before, .ext-close:hover:after {
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.ext-close:before, .ext-close:after {
font-family: "FontAwesome";
content: "\f00d";
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
transform-origin: 50% 50%;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: #1b1b1b;
}
#ext-header-elementor .ext-header-elementor-main, #ext-header-elementor .ext-header-elementor-sticky {
display: none;
}
#ext-header-elementor #ext-header-mobile {
display: block;
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
position: relative;
z-index: 999;
}
#ext-header-elementor #ext-header-mobile.style-dark {
background-color: #000;
}
#ext-header-elementor #ext-header-mobile.style-dark .ext-nav-mobile-button::before, #ext-header-elementor #ext-header-mobile.style-dark .ext-nav-mobile-button::after, #ext-header-elementor #ext-header-mobile.style-dark .ext-nav-mobile-button span {
background-color: #fff;
}
#ext-header-elementor #ext-header-mobile.style-dark .ext-header-menu {
background-color: #000;
}
#ext-header-elementor #ext-header-mobile.style-dark .ext-header-mobile-search .search-field {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.67);
}
#ext-header-elementor #ext-header-mobile.style-dark .ext-header-mobile-search .search-field:focus {
color: #fff;
}
#ext-header-elementor #ext-header-mobile.style-dark .ext-menu-primary li > a:hover, #ext-header-elementor #ext-header-mobile.style-dark .ext-menu-primary li > a.current, #ext-header-elementor #ext-header-mobile.style-dark .ext-menu-primary li.current_page_item > a, #ext-header-elementor #ext-header-mobile.style-dark .ext-menu-primary li.current-menu-item > a, #ext-header-elementor #ext-header-mobile.style-dark .ext-menu-primary li.current_page_ancestor > a, #ext-header-elementor #ext-header-mobile.style-dark .ext-menu-primary li.current-menu-ancestor > a {
color: #0055d4;
}
#ext-header-elementor #ext-header-mobile.style-dark .ext-menu-primary li a {
color: #fff;
border-color: rgba(255, 255, 255, 0.08);
}
#ext-header-elementor #ext-header-mobile.style-dark .ext-menu-close {
background-color: rgba(255, 255, 255, 0.12);
}
#ext-header-elementor #ext-header-mobile.style-dark .ext-menu-close:before, #ext-header-elementor #ext-header-mobile.style-dark .ext-menu-close:after {
background-color: #fff;
}
#ext-header-elementor #ext-header-mobile.ext-header-mobile-fixed {
position: fixed;
left: 0;
top: 0;
right: 0;
-webkit-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown;
-khtml-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown;
-moz-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown;
-ms-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown;
-o-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown;
animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown;
background-color: #fff;
}
}
@media screen and (max-width: 767px) { .ext-header-menu {
width: 100%;
}
}
.ext-popup-wrap .ext-item--overlay {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(8, 8, 8, 0.6);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ext-popup-wrap.active .ext-item--overlay {
opacity: 1;
visibility: visible;
}
#ext-search-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
visibility: hidden; }
#ext-search-popup .ext-item--close {
width: 45px;
height: 45px;
position: absolute;
background-color: rgba(0, 0, 0, 0.04);
top: 40px;
left: 50%;
transform: translate(-50%, 0);
z-index: 99;
border-radius: 45px;
border-width: 11px;
}
#ext-search-popup .ext-item--conent {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 320px;
background-color: #fff;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
padding: 0 15px 80px 15px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform: translateY(-100%);
-khtml-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
#ext-search-popup .ext-item--conent form {
max-width: 760px;
margin: 0 auto;
width: 100%;
position: relative;
}
#ext-search-popup .ext-item--conent form .search-field {
height: 80px;
padding: 16px 0;
color: rgba(0, 0, 0, 0.48);
font-size: 30px;
border: none;
}
#ext-search-popup .ext-item--conent form .search-submit {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 80px;
height: 80px;
line-height: 80px;
text-align: right;
border: none;
background: none;
font-size: 28px;
padding: 0;
z-index: 99;
cursor: pointer;
}
#ext-search-popup .ext--search-divider {
height: 2px;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
}
#ext-search-popup.active {
visibility: visible;
}
#ext-search-popup.active .ext-item--conent {
-webkit-transform: translateY(0%);
-khtml-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
#ext-hidden-panel-popup {
position: fixed;
top: 0;
right: 0;
z-index: 99999;
height: 100vh;
width: 100%;
visibility: hidden;
}
@media screen and (max-width: 1199px) {
#ext-hidden-panel-popup {
display: none;
}
}
#ext-hidden-panel-popup .ext-close {
width: 54px;
height: 54px;
background: #111;
border-width: 20px;
position: absolute;
top: 35px;
right: 45px;
z-index: 99;
}
#ext-hidden-panel-popup .ext-close:before, #ext-hidden-panel-popup .ext-close:after {
background-color: #fff;
}
#ext-hidden-panel-popup .ext-item--conent {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 600px;
background-color: #fff;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform: translateX(100%);
-khtml-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
padding: 60px 0;
overflow-y: scroll;
overflow-x: hidden;
margin-right: -30px;
}
#ext-hidden-panel-popup.active {
visibility: visible;
}
#ext-hidden-panel-popup.active .ext-item--conent {
-webkit-transform: translateY(0%);
-khtml-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
#ext-hidden-panel-popup .elementor > .elementor-section {
width: 100% !important;
left: 0 !important;
right: 0 !important;
}
.admin-bar { }
.admin-bar #ext-header-elementor .ext-header-elementor-sticky.ext-header-fixed, .admin-bar #ext-header-elementor .px-header--transparent, .admin-bar #ext-search-popup, .admin-bar #ext-hidden-panel-popup {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar #ext-header-elementor .ext-header-elementor-sticky.ext-header-fixed, .admin-bar #ext-header-elementor .px-header--transparent, .admin-bar #ext-search-popup, .admin-bar #ext-hidden-panel-popup {
top: 46px;
}
}
@media screen and (max-width: 600px) {
.admin-bar #ext-header-elementor .ext-header-elementor-sticky.ext-header-fixed, .admin-bar #ext-header-elementor .px-header--transparent, .admin-bar #ext-search-popup, .admin-bar #ext-hidden-panel-popup {
top: 0;
}
}
.admin-bar .ext-header-menu {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .ext-header-menu {
top: 46px;
}
}
@media screen and (max-width: 1199px) {
#exp-header-elementor #exp-header-mobile {
display: block;
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
position: relative;
z-index: 999;
}
#exp-header-elementor #exp-header-mobile.exp-header-mobile-fixed {
position: fixed;
left: 0;
top: 0;
right: 0;
background-color: #fff;
}
} #exp-header-default .row {
align-items: center;
}
@media screen and (min-width: 1200px) {
#exp-header-default .row > div {
padding: 0 15px;
}
}
#exp-header-default .exp-header-branding {
display: flex;
align-items: center;
flex-grow: 1;
}
#exp-header-default .exp-header-branding a {
display: inline-flex;
}
#exp-header-default .exp-header-branding img {
height: 35px;
max-width: inherit;
}
#exp-header-default #exp-nav-mobile {
display: none;
}
#exp-header-elementor { }
@media screen and (min-width: 1200px) {
#exp-header-elementor {
min-height: 0px !important;
position: relative;
}
}
#exp-header-elementor #exp-header-mobile {
display: none;
}
#exp-header-elementor .exp-header-elementor-main {
position: relative;
z-index: 999;
}
#exp-header-elementor .exp-header-elementor-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
top: 0;
-webkit-transform: translateY(-100%);
-khtml-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
visibility: hidden;
}
#exp-header-elementor .exp-header-elementor-sticky.exp-header-fixed {
-webkit-transform: translateY(0%);
-khtml-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
visibility: visible;
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
}
#exp-header-elementor.exp-header-rmboxshadow .exp-header-elementor-sticky.exp-header-fixed {
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
#exp-header-elementor.exp-header-rmboxshadow .exp-header-elementor-sticky.exp-header-fixed .exp-logo-nav {
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
}
#exp-header-elementor .px-header--transparent {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
}
@media screen and (min-width: 1200px) { .bd-px-header--left_sidebar .exp-content-wrap.no-sidebar {
margin-left: 0;
margin-right: 0;
}
.bd-px-header--left_sidebar:not(.elementor-editor-active) #exp-header-elementor .px-header--left_sidebar {
width: 300px;
position: fixed;
top: 0;
left: 0;
height: 100vh;
background-color: #fff;
-webkit-box-shadow: 36px 0 46px rgba(48, 48, 48, 0.08);
-khtml-box-shadow: 36px 0 46px rgba(48, 48, 48, 0.08);
-moz-box-shadow: 36px 0 46px rgba(48, 48, 48, 0.08);
-ms-box-shadow: 36px 0 46px rgba(48, 48, 48, 0.08);
-o-box-shadow: 36px 0 46px rgba(48, 48, 48, 0.08);
box-shadow: 36px 0 46px rgba(48, 48, 48, 0.08);
}
.bd-px-header--left_sidebar:not(.elementor-editor-active) #exp-main, .bd-px-header--left_sidebar:not(.elementor-editor-active) #exp-footer-elementor, .bd-px-header--left_sidebar:not(.elementor-editor-active) #exp-page-title-elementor {
padding-left: 300px;
}
.bd-px-header--left_sidebar:not(.elementor-editor-active) #exp-main .elementor > .elementor-section:not(.elementor-section-full_width), .bd-px-header--left_sidebar:not(.elementor-editor-active) #exp-footer-elementor .elementor > .elementor-section:not(.elementor-section-full_width), .bd-px-header--left_sidebar:not(.elementor-editor-active) #exp-page-title-elementor .elementor > .elementor-section:not(.elementor-section-full_width) {
width: 100% !important;
left: 0px !important;
}
.bd-px-header--left_sidebar:not(.elementor-editor-active) #exp-main .elementor > .elementor-section.elementor-section-full_width, .bd-px-header--left_sidebar:not(.elementor-editor-active) #exp-footer-elementor .elementor > .elementor-section.elementor-section-full_width, .bd-px-header--left_sidebar:not(.elementor-editor-active) #exp-page-title-elementor .elementor > .elementor-section.elementor-section-full_width {
padding-left: 300px;
}
.bd-px-header--left_sidebar:not(.elementor-editor-active) #exp-footer-elementor .container {
max-width: 100%;
}
.bd-px-header--left_sidebar:not(.elementor-editor-active).exp-footer-fixed #exp-wapper #exp-main {
margin-bottom: 0 !important;
}
.bd-px-header--left_sidebar:not(.elementor-editor-active).exp-footer-fixed #exp-footer-elementor {
position: static;
}
.admin-bar.bd-px-header--left_sidebar:not(.elementor-editor-active) #exp-header-elementor .px-header--left_sidebar {
top: 32px;
}
}
@media screen and (min-width: 1200px) {
.exp-menu-primary {
list-style: none;
margin: 0;
padding: 0;
}
.exp-menu-primary ul {
list-style: none;
margin: 0;
}
.exp-menu-primary ul li .exp-mega-menu ul,
.main-navigation ul li ul{
border: 0px !important;
border-radius: 0px !important;
}
.exp-menu-primary li {
position: relative;
color: #1b1b1b;
}
.exp-menu-primary li a {
font-size: 16px;
color: #1b1b1b;
position: relative;
font-weight: 500;
}
.exp-menu-primary > li {
display: inline-block;
vertical-align: middle;
margin: 0px 35px;
}
.exp-menu-primary > li > a {
line-height: 60px;
font-size: 16px;
font-weight: 600;
display: inline-block;
}
.exp-menu-primary > li > a:hover, .exp-menu-primary > li.current_page_item > a:not(.is-one-page), .exp-menu-primary > li.current-menu-item > a:not(.is-one-page), .exp-menu-primary > li.current_page_ancestor > a:not(.is-one-page), .exp-menu-primary > li.current-menu-ancestor > a:not(.is-one-page) {
color: #0060ff;
}
.exp-menu-primary .sub-menu li, .exp-menu-primary .children li {
padding: 0 35px !important;
white-space: nowrap;
}
.exp-megamenu .exp-mega-menu-elementor li{
padding: 0px !important;
}
.exp-menu-primary .sub-menu li a, .exp-menu-primary .children li a {
padding: 0.4em 0;
display: block;
}
.exp-menu-primary .sub-menu li a span, .exp-menu-primary .children li a span {
position: relative;
display: inline-block;
}
.exp-menu-primary .sub-menu li > a:hover span:before, .exp-menu-primary .children li > a:hover span:before, .exp-menu-primary .sub-menu li.current_page_item > a span:before, .exp-menu-primary .children li.current_page_item > a span:before, .exp-menu-primary .sub-menu li.current-menu-item > a span:before, .exp-menu-primary .children li.current-menu-item > a span:before, .exp-menu-primary .sub-menu li.current_page_ancestor > a span:before, .exp-menu-primary .children li.current_page_ancestor > a span:before, .exp-menu-primary .sub-menu li.current-menu-ancestor > a span:before, .exp-menu-primary .children li.current-menu-ancestor > a span:before {
width: 100%;
}
.exp-menu-primary .sub-menu .sub-menu, .exp-menu-primary .children .sub-menu, .exp-menu-primary .sub-menu .children, .exp-menu-primary .children .children {
top: 0;
left: 100%;
}
.exp-menu-primary .sub-menu .sub-menu.exp-sub-reverse, .exp-menu-primary .children .sub-menu.exp-sub-reverse, .exp-menu-primary .sub-menu .children.exp-sub-reverse, .exp-menu-primary .children .children.exp-sub-reverse {
left: auto;
right: 100%;
}
.exp-menu-primary li:hover > .sub-menu, .exp-menu-primary li.focus > .sub-menu, .exp-menu-primary li:hover > .children, .exp-menu-primary li.focus > .children {
visibility: visible;
opacity: 1;
margin-top: 0;
}
.exp-menu-primary .exp-megamenu {
position: static;
}
.exp-menu-primary .exp-megamenu > .sub-menu {
width: 100%;
margin: auto;
left: 0px;
-webkit-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
}
.exp-menu-primary .exp-megamenu .exp-link li {
padding: 0;
margin-bottom: 0;
}
.exp-menu-toggle {
display: none;
}
#exp-header-default .exp-header-main {
z-index: 999;
}
#exp-header-default .exp-header-main .container {
max-width: 1750px;
}
#exp-header-default .exp-menu-primary > li > a:before {
content: '';
width: 0;
height: 2px;
position: absolute;
top: 50%;
left: 0;
margin: 11px auto 0 auto;
}
#exp-header-default .exp-menu-primary > li:hover > a:before, #exp-header-default .exp-menu-primary > li.current_page_item > a:before, #exp-header-default .exp-menu-primary > li.current-menu-item > a:before, #exp-header-default .exp-menu-primary > li.current_page_ancestor > a:before, #exp-header-default .exp-menu-primary > li.current-menu-ancestor > a:before {
width: 100%;
}
}
@media screen and (max-width: 1199px) {
#exp-header-default, #exp-header-elementor {
position: relative;
-webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
-khtml-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
-o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
background-color: #fff;
}
#exp-header-default .exp-header-main, #exp-header-elementor .exp-header-main {
position: relative;
}
#exp-header-default .exp-header-branding, #exp-header-elementor .exp-header-branding {
margin: 15px;
min-height: 50px;
align-items: center;
display: flex;
}
#exp-header-default .exp-header-branding img, #exp-header-elementor .exp-header-branding img {
height: 35px;
}
#exp-header-default #exp-nav-mobile, #exp-header-elementor #exp-nav-mobile {
display: block;
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
display: flex;
flex-wrap: wrap;
align-items: center;
}
#exp-header-default #exp-nav-mobile .exp-mobile-meta-item, #exp-header-elementor #exp-nav-mobile .exp-mobile-meta-item {
margin-left: 10px;
}
.exp-nav-mobile-button {
width: 34px;
height: 20px;
position: relative;
cursor: pointer;
}
.exp-nav-mobile-button:before, .exp-nav-mobile-button:after, .exp-nav-mobile-button span {
content: '';
background-color: #1b1b1b;
height: 2px;
position: absolute;
left: 0;
right: 0;
margin: auto;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.exp-nav-mobile-button:before {
top: 0;
width: 24px;
}
.exp-nav-mobile-button:after {
bottom: 0;
width: 24px;
}
.exp-nav-mobile-button span {
top: 9px;
width: 100%;
}
.exp-nav-mobile-button:hover:before, .exp-nav-mobile-button:hover:after {
width: 100%;
}
.exp-header-menu-backdrop {
z-index: 998;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
visibility: hidden;
}
.exp-header-menu {
position: fixed;
height: 100vh;
width: 300px;
top: 0;
left: 0;
bottom: 0;
margin: 0;
overflow: hidden;
z-index: 999;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform: translateX(-100%);
-khtml-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
visibility: hidden;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
-khtml-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
background-color: #fff;
overflow-y: scroll;
}
.exp-header-menu.active {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0%);
-khtml-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.exp-header-menu.active + .exp-header-menu-backdrop {
opacity: 1;
visibility: visible;
}
.exp-header-menu-scroll {
padding: 40px 35px;
}
.exp-menu-toggle {
position: absolute;
top: 10px;
height: 28px;
line-height: 28px;
text-align: center;
right: 0px;
width: 28px;
cursor: pointer;
font-size: 10px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
color: #1b1b1b;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.03);
}
.exp-menu-toggle:before {
content: "\f107";
font-family: "Fontawesome";
}
.exp-menu-toggle.active:before {
content: "\f13d";
}
.exp-menu-primary {
list-style: none;
margin: 0;
padding: 0;
}
.exp-menu-primary li {
position: relative;
}
.exp-menu-primary li a {
display: block;
line-height: 46px;
color: #1b1b1b;
font-size: 15px;
font-weight: 600;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.exp-menu-primary li > a:hover, .exp-menu-primary li > a.current, .exp-menu-primary li.current_page_item > a, .exp-menu-primary li.current-menu-item > a, .exp-menu-primary li.current_page_ancestor > a, .exp-menu-primary li.current-menu-ancestor > a {
color: #0055d4;
}
.exp-menu-primary .sub-menu, .exp-menu-primary .children {
position: relative;
display: none;
list-style: none;
margin: 0;
background-color: transparent !important;
box-shadow: none !important;
min-width: auto !important;
padding: 0px !important;
}
.exp-menu-primary .sub-menu li a, .exp-menu-primary .children li a {
font-weight: 500;
padding-left: 14px;
}
.exp-menu-primary > li > .sub-menu > li > .sub-menu > li a {
padding-left: 28px;
}
.exp-menu-primary .exp-megamenu .elementor-container > .elementor-column {
width: 100%;
}
.exp-menu-primary .exp-megamenu .elementor-container .elementor-widget-wrap {
padding: 0 !important;
}
.exp-menu-primary .exp-megamenu .exp-link li {
margin: 0;
}
.exp-menu-primary .exp-megamenu .exp-heading {
padding-left: 14px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-top: 12px;
padding-bottom: 12px;
}
.exp-menu-primary .exp-megamenu .exp-heading .exp-item--title {
margin-bottom: 0 !important;
font-size: 14px !important;
border-bottom: none !important;
}
.exp-menu-primary .exp-megamenu .elementor-widget-heading > .elementor-widget-container {
margin-bottom: 0 !important;
border-bottom: none !important;
}
.exp-menu-primary .exp-megamenu .elementor-section .elementor-container {
flex-wrap: wrap;
}
.exp-logo-mobile {
margin-bottom: 20px;
}
.exp-logo-mobile img {
height: 35px;
}
.exp-header-mobile-search {
margin-bottom: 20px;
}
.exp-header-mobile-search form {
position: relative;
}
.exp-header-mobile-search .search-field {
height: 40px;
border: none;
padding: 0;
border-bottom: 2px solid #ececec;
width:100%;
}
.exp-header-mobile-search .search-submit {
position: absolute;
top: 0;
right: 0;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
line-height: 36px;
padding: 0;
width: 30px;
height: 40px;
line-height: 40px;
background: none;
color: #0055d4;
border: none;
}
.exp-header-mobile-search .search-submit:hover, .exp-header-mobile-search .search-submit:focus {
color: #0055d4;
}
.exp-menu-close {
background-color: rgba(0, 0, 0, 0.03);
position: absolute;
top: 20px;
right: 15px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
#exp-header-elementor #exp-header-mobile {
display: block;
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
position: relative;
z-index: 999;
}
#exp-header-elementor #exp-header-mobile.style-dark {
background-color: #000;
}
#exp-header-elementor #exp-header-mobile.style-dark .exp-nav-mobile-button::before, #exp-header-elementor #exp-header-mobile.style-dark .exp-nav-mobile-button::after, #exp-header-elementor #exp-header-mobile.style-dark .exp-nav-mobile-button span {
background-color: #fff;
}
#exp-header-elementor #exp-header-mobile.style-dark .exp-header-menu {
background-color: #000;
}
#exp-header-elementor #exp-header-mobile.style-dark .exp-header-mobile-search .search-field {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.67);
}
#exp-header-elementor #exp-header-mobile.style-dark .exp-header-mobile-search .search-field:focus {
color: #fff;
}
#exp-header-elementor #exp-header-mobile.style-dark .exp-menu-primary li > a:hover, #exp-header-elementor #exp-header-mobile.style-dark .exp-menu-primary li > a.current, #exp-header-elementor #exp-header-mobile.style-dark .exp-menu-primary li.current_page_item > a, #exp-header-elementor #exp-header-mobile.style-dark .exp-menu-primary li.current-menu-item > a, #exp-header-elementor #exp-header-mobile.style-dark .exp-menu-primary li.current_page_ancestor > a, #exp-header-elementor #exp-header-mobile.style-dark .exp-menu-primary li.current-menu-ancestor > a {
color: #0055d4;
}
#exp-header-elementor #exp-header-mobile.style-dark .exp-menu-primary li a {
color: #fff;
border-color: rgba(255, 255, 255, 0.08);
}
#exp-header-elementor #exp-header-mobile.style-dark .exp-menu-close {
background-color: rgba(255, 255, 255, 0.12);
}
#exp-header-elementor #exp-header-mobile.style-dark .exp-menu-close:before, #exp-header-elementor #exp-header-mobile.style-dark .exp-menu-close:after {
background-color: #fff;
}
#exp-header-elementor #exp-header-mobile.exp-header-mobile-fixed {
position: fixed;
left: 0;
top: 0;
right: 0;
-webkit-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown;
-khtml-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown;
-moz-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown;
-ms-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown;
-o-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown;
animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown;
background-color: #fff;
}
}
@media screen and (max-width: 767px) { .exp-header-menu {
width: 100%;
}
}
.admin-bar .exp-header-menu {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .exp-header-menu {
top: 46px;
}
}
@media (min-width: 1024px) {
.main-navigation .mega-dropdown {
position: unset;
}
.main-navigation ul.mega-dropdown-menu {
display: flex;
flex-wrap: wrap;
min-width: 934px;
}
.main-navigation ul.mega-dropdown-menu .mega-sub-menu, .main-navigation ul.mega-dropdown-menu .mega-sub-menu ul {
left: 0;
margin: 0;
padding: 0;
position: relative;
box-shadow: none;
}
.main-navigation ul li:hover > ul.mega-dropdown-menu .mega-sub-menu, .main-navigation ul li:hover > ul.mega-dropdown-menu .mega-sub-menu ul {
opacity: 1;
visibility: visible;
}
.main-navigation ul.mega-dropdown-menu li.menu-item-has-children a:after {
display: none !important;
}
.main-navigation ul .mega-dropdown-menu .mega-sub-menu > a {
color: #94a3b8;
}
.main-navigation ul .mega-dropdown-menu .mega-sub-menu > a:hover {
color: #94a3b8;
}
.main-navigation .mega-dropdown-menu li a span {
display: inline-block;
font-size: 10px;
font-weight: 700;
height: 20px;
padding: 2px 10px;
color: #fff;
background-color: #4f46e5;
margin-left: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.main-navigation .mega-dropdown-menu li a span.animation-menu {
background-color: #059669;
}
.main-navigation .mega-dropdown-menu li a span.new-menu {
background-color: #ea580c;
}
.main-navigation .mega-dropdown-menu li a span.updated-menu, .main-navigation .mega-dropdown-menu li a span.coming-soon-menu {
background-color: #06b6d4;
}
.main-navigation .mega-dropdown-menu li a span.dark-menu {
background-color: #161c2d;
}
.main-navigation .mega-dropdown-menu li a span.onepage-menu {
background-color: #16a34a;
}
}
@media (min-width: 1200px) {
.main-navigation ul.mega-dropdown-menu {
min-width: 1120px;
}
}
@media screen and (min-width: 1200px) {
.exp-menu-primary .sub-menu, .exp-menu-primary .children {
position: absolute;
top: 100%;
left: 0;
margin-top: 30px;
margin-bottom: 0;
z-index: 99;
visibility: hidden;
opacity: 0; -webkit-transition: all 200ms linear 0ms;
-khtml-transition: all 200ms linear 0ms;
-moz-transition: all 200ms linear 0ms;
-ms-transition: all 200ms linear 0ms;
-o-transition: all 200ms linear 0ms;
transition: all 200ms linear 0ms;
transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
text-align: left;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
padding:0px 0px;
background:transparent;
}
}
@media (min-width: 1200px) {
.sub-menu.exp-mega-menu {
min-width: 1290px;
}
}
.octf-cta-header .h-search-form-field .h-search-form-inner .searchform-wrap{
position:relative;
}
.octf-cta-header .h-search-form-field .h-search-form-inner .searchform-wrap button{
position: absolute;
right: 0px;
top: 0px;
justify-content: center;
align-content: center;
width: 50px;
height: 50px;
line-height: 50px;
border-left: 1px solid #04009a;
background-color: #04009a;
color: #fff;
}
.octf-cta-header .h-search-form-field .h-search-form-inner .searchform-wrap button:hover{
background-color: #0060ff;
border-color: #0060ff;
color: #fff;
}
.sub-menu.exp-mega-menu .exp-product-grid-layout1 .exp-item--inner,
.sub-menu.exp-mega-menu .exp-item--inner.exp-not-active {
margin-bottom:0px;
} .octf-cta-header {
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.octf-cta-header .toggle_search {
cursor: pointer;
}
.octf-cta-header .toggle_search i {
color: #fff;
text-align: center;
display: inline-block;
vertical-align: middle;
min-width: 22px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.octf-cta-header .toggle_search i:before, .octf-cta-header .toggle_search i:after {
font-size: 22px;
}
.h-search-form-field {
position: fixed;
z-index: 9999;
top: 0;
right: 0;
width: 100%;
background: #fefefe;
transition: transform 0.3s ease-in-out;
transform: translateY(-100%);
}
.h-search-form-field .h-search-form-inner {
padding-top: 30px;
padding-bottom: 30px;
display: flex;
align-items: center;
}
.h-search-form-field .h-search-form-inner .search-form {
width: 100%;
}
.h-search-form-field .h-search-form-inner .search-form:before {
content: "\f002";
font-family: 'FontAwesome' !important;
display: block;
position: absolute;
z-index: 1;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
color: #000;
}
.h-search-form-field .h-search-form-inner input {
background: transparent;
color: #60697b;
font-size: 16px;
font-weight: 500;
padding: 10px 15px 10px 35px;
border: none;
}
.h-search-form-field .h-search-form-inner button {
display: none;
}
.h-search-form-field .h-search-form-inner .search-close {
color: #000;
background: rgba(0, 0, 0, 0.08);
}
.h-search-form-field .h-search-form-inner .search-close:hover {
background: rgba(0, 0, 0, 0.1);
}
.h-search-form-field.search-open {
transition: transform 0.3s ease-in-out;
transform: none;
}
.search-active .search-overlay {
background: rgba(30, 34, 40, 0.7);
visibility: visible;
opacity: 1;
z-index: 9998;
}
.h-search-form-field .search-form-blog{
width: 100%;
}
.admin-bar .h-search-form-field {
top: 32px;
}
@-webkit-keyframes searchSlideUp {
from {
-webkit-transform: translateY(10%);
transform: translateY(10%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes searchSlideUp {
from {
-webkit-transform: translateY(10%);
transform: translateY(10%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}