@charset "UTF-8";





/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/

/* Button Group

================================================== */

.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: #04009A;

  border: 2px solid;

}

.octf-btn.outline:hover, .octf-btn.outline:focus {

  background: #04009A;

  color: #fff;

  border-color: #04009A;

}



.octf-btn-soft {

  color: #04009A;

}

.octf-btn-soft:hover {

  color: #04009A;

  box-shadow: 0 5px 15px rgba(30, 34, 40, 0.05);

}



.octf-btn-expand {

  background: none;

  color: #04009A;

  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: #04009A;

  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 {

  --constrc-btn-padding-y: 13px;

  --constrc-btn-padding-x: 28px;

  --constrc-btn-font-size: 17px;

}



.octf-btn-sm {

  --constrc-btn-padding-y: 8px;

  --constrc-btn-padding-x: 20px;

  --constrc-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: #04009A;

}



.constrc input[type=text],

.constrc input[type=email],

.constrc input[type=url],

.constrc input[type=password],

.constrc input[type=search],

.constrc input[type=number],

.constrc input[type=tel],

.constrc input[type=range],
.constrc input[type=date],

.constrc input[type=month],

.constrc input[type=week],

.constrc input[type=time],

.constrc input[type=datetime],

.constrc input[type=datetime-local],

.constrc input[type=color],

.constrc textarea {

  color: #666666;

  border: 1px solid rgba(8, 60, 130, 0.07);

  padding: 10px 12px;

  box-sizing: border-box;

  outline: none;

  font-size: 14px;

}

.constrc input[type=text]:focus,

.constrc input[type=email]:focus,

.constrc input[type=url]:focus,

.constrc input[type=password]:focus,

.constrc input[type=search]:focus,

.constrc input[type=number]:focus,

.constrc input[type=tel]:focus,

.constrc input[type=range]:focus,

.constrc input[type=date]:focus,

.constrc input[type=month]:focus,

.constrc input[type=week]:focus,

.constrc input[type=time]:focus,

.constrc input[type=datetime]:focus,

.constrc input[type=datetime-local]:focus,

.constrc input[type=color]:focus,

.constrc 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 { /* Chrome/Opera/Safari */

  color: #a9a9a9;

}



::-moz-placeholder { /* Firefox 19+ */

  color: #a9a9a9;

}



:-ms-input-placeholder { /* IE 10+ */

  color: #a9a9a9;

}



:-moz-placeholder { /* Firefox 18- */

  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*/

.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 .constrc-form {

  width: 450px;

}

.popup-form.popup-open {

  opacity: 1;

  visibility: visible;

}

.popup-form.popup-open .constrc-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);

}



/*--------------------------------------------------------------

## Logo

--------------------------------------------------------------*/

.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;

} /*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/

.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 Menu */

.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: 18px;

}



#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.sub-menu {

  float: none;

  margin: 10px 0 0 0;

  padding: 0;

  background-color: #fff;

  min-width: 200px;

  white-space: nowrap;

  padding: 10px 20px;

  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: 14px;

  font-family: 'FontAwesome';

  display: inline-block;

  margin-left: 5px;

  vertical-align: 1px;

  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;

  width: 100%;

  text-align: left;

  transition: all 500ms ease;

  border-bottom: 1px solid rgba(0, 0, 0, 0.10);

  padding: 8px 0px 8px;

}

.main-navigation ul li li:last-child{

    border-bottom: 0px;

    padding: 8px 0px 0px;

}



.main-navigation ul li li.menu-item-has-children > a:after {

  font-family: 'FontAwesome';

  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 > 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: #04009A;

}



.main-navigation ul li ul ul.sub-menu {

  left: 100%;

  top: 0;

  margin-top: 0;

  margin-left: 10px;

  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

--------------------------------------------------------------*/

.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: #04009A;

  }

  .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: #04009A;

  }

}

@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;

  }

}

/*--------------------------------------------------------------

## Page Header

--------------------------------------------------------------*/



#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: #04009A;

}



.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%;

}



/*alert*/

.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;

}



/*--------------------------------------------------------------

# Elementor Widgets

--------------------------------------------------------------*/



/* iTooltip */

.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;

}



/* CF7 */

.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("images/check.svg");

  background-color: #04009A;

  border-color: #04009A;

}



/*--------------------------------------------------------------

## Search

--------------------------------------------------------------*/

.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: #1b1d21;

  text-align: center;

  display: inline-block;

  vertical-align: middle;

  min-width: 14px;

  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;

  font-weight: bold;

  line-height:16px;

}



.h-search-form-field.show{

    display: block !important;

}



.octf-cta-header .toggle_search i:before, .octf-cta-header .toggle_search i:after {

  font-size: 21px;

}

.octf-cta-header .toggle_search i.fa-xmark:before {

  font-size: 21px !important;

}

.octf-cta-header .h-search-form-field {

  display: none;

  position: absolute;

  z-index: 99;

  top: -webkit-calc(100% + 12px);

  top: expression(100% + 12px);

  top: -moz-calc(100% + 12px);

  top: -o-calc(100% + 12px);

  top: calc(100% + 12px);

  right: -30px;

  width: 340px;

}





.octf-cta-header .h-search-form-field .h-search-form-inner {

  padding: 30px;

  background-color: #fff;

  box-shadow: 8px 8px 30px 0 rgba(0, 0, 0, 0.12);

  -webkit-box-shadow: 8px 8px 30px 0 rgba(0, 0, 0, 0.12);

  -moz-box-shadow: 8px 8px 30px 0 rgba(0, 0, 0, 0.12);

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

.octf-cta-header .h-search-form-field input {

  background: transparent;

  border: 1px solid #DBDBDB;

  padding:6px 55px 6px 22px;

}

.octf-cta-header .h-search-form-field:after {

  content: "";

  position: absolute;

  height: 15px;

  width: 15px;

  top: -5px;

  right: 33px;

  opacity: 1;

  background: #fff;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.octf-cta-header .h-search-form-field.show {

  -webkit-animation: searchSlideUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;

  animation: searchSlideUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;

}



@media only screen and (max-width: 425px) {

    .octf-cta-header .h-search-form-field{

        right: -93px;

    }

    .octf-cta-header .h-search-form-field::after{

        right: 93px;

    }

}





/*--------------------------------------------------------------

## Mini Cart

--------------------------------------------------------------*/

.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: #343f52;

  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: #04009A;

}

.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: #FF0000;

  color: #fff;

  border-radius: 8px;

  padding: 13px 24px;

  line-height: 28px;

}

.site-header-cart .widget_shopping_cart .buttons a:before {

  font-family: 'FontAwesome';

  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: #04009A;

}

.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: #04009A;

  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;

 }



/*--------------------------------------------------------------

## Menu Mobie

--------------------------------------------------------------*/

.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; /* for Internet Explorer, Edge */

  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: #04009A;

}

.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: 16px;

  font-weight: 700;

  color: #000;

}

.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; /* for Chrome, Safari, and Opera */

}



.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: 100vw;

  height: 100vh;

  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: -1;

}



@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;

  }

}

/*--------------------------------------------------------------

## Side Panel

--------------------------------------------------------------*/

.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: #04009A;

}



.admin-bar .side-panel {

  top: 32px;

}



.side-panel {

  width: 300px !important;

  position: fixed;

  top: 0;

  bottom: 0;

  right: 0;

  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;

}

.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: 1;

}

.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 a {

  color: #cacaca;

}

.side-panel a:hover {

  color: #fff;

}



.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;

  }

}



/*--------------------------------------------------------------

# Responsive

--------------------------------------------------------------*/



@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;

  /* Header Elementor */

}

#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 {

  /* Header Left Sidebar */

}

@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) {

  /* Header Menu */  .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) {

  /* Header Tablet/Mobile */  #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) {

  /* Search Popup */  .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;

  /* Hidden Panel */

}

#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 {

  /* Elementor Popup */

}

.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;

  }

}









































/* Header Elementor */



#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 {

  /* Header Left Sidebar */

}

@media screen and (min-width: 1200px) {

  #exp-header-elementor {

    min-height: 0px !important;

    position: relative;

    z-index: 1001;

  }

}

#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) {

  /* Header Menu */  .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 li {

    position: relative;

    color: #1b1b1b;

	margin-left:0px;

  }

  .exp-menu-primary li a {

    color: #1b1b1b;

    position: relative;

  }

  .exp-menu-primary > li {

    display: inline-block;

    vertical-align: middle;

    margin: 0px 15px;

  }

  .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: #04009A;

  }



  .exp-menu-primary .sub-menu li, 

  .exp-menu-primary .children li {

    white-space: nowrap;

	display: block;

	position: relative;

	width: 100%;

	text-align: left;

	transition: all 500ms ease;

	border-bottom: 1px solid rgba(0, 0, 0, 0.10);

	padding: 8px 0px 8px;

  }

  .exp-menu-primary .sub-menu li:last-child, 

  .exp-menu-primary .children li:last-child{

	  padding-bottom:0px;

	  border-bottom:0px;

  }

  

.exp-megamenu .exp-mega-menu-elementor li{

      padding: 0px;

      width: auto !important;

      border-bottom: 0px !important;

  }

  

  .exp-menu-primary .sub-menu li a, 

  .exp-menu-primary .children li a {

	position:relative;

	font-size: 15px;

	line-height: 25.5px;

	font-weight: 700;

	color: #343f52;

	text-align: left;

	display: block;

	padding: 5px 0px 5px 0px;

	text-decoration: none;

	outline: none;

  }

  .exp-menu-primary .sub-menu li:last-child a, 

  .exp-menu-primary .children li:last-child a{

	  padding-bottom:0px;

  }

  .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;

    top:100%;

    padding: 0px;

  }

  .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;

    padding: 0;

	width:auto;

	min-width:inherit !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: 80px;

  }

  .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) {

  /* Search Popup */  .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-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: 0px;

    -khtml-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    -o-border-radius: 0px;

	padding:20px 20px;

	background:#fff;

  }

}



@media (min-width: 1200px) {

  .sub-menu.exp-mega-menu {

    min-width: 1170px;

  }

}







.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: #000000;

    border-color: #000000;

    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;

}



/*--------------------------------------------------------------

## Search

--------------------------------------------------------------*/

.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%;

  position:relative;

}

.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;

  display: none;

}

.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 {

  position: absolute;

  left: 0px;

  top: 11px;

  background: 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);

  }

}