.header.header-default {
position: static;
}
header.header-default.header-up, header.header-default.header-down {
position: fixed;
left: 0;
right: 0;
top: 0;
background: var(--color-theme-white);
box-shadow: var(--global-box-shadow);
z-index: 99;
transition: all 0.45s ease 0s;
-webkit-transition: all 0.45s ease 0s;
-moz-transition: all 0.45s ease 0s;
-o-transition: all 0.45s ease 0s;
}
.menu-main-menu-container>ul.sf-menu>li>a>.menu-line span.link-badge {
position: absolute;
font-size: 8px;
padding: 2px 6px;
text-transform: capitalize;
top: 3px;
line-height: normal;
right: 4px;
} header .navbar-brand {
margin-right: 0;
padding: 8px 0;
}
header.header-default .navbar-collapse {
margin-left: 20px;
}
.sf-menu>li>ul ul.open-submenu-left {
margin: 0 4px 0 0;
} .sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu>li {
float: left;
padding: 15px 0;
}
.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
} .sf-menu {
float: left;
margin-bottom: 0;
}
.sf-menu ul.sub-menu {
padding: 0;
background: var(--color-theme-white);
box-shadow: var(--global-box-shadow);
width: 300px; }
.sf-menu ul.sub-menu a {
padding: 10px 25px;
color: var(--global-font-color);
}
.sf-menu li.current-menu-item>a {
color: var(--color-theme-primary);
}
.sc_layouts_menu_nav li li.menu-item-has-children>a {
padding-right: 35px;
}
.sf-menu>li>a {
text-transform: capitalize;
text-transform: uppercase;
font-size: var(--font-size-normal);
letter-spacing: var(--letter-spacing-one);
}
.sf-menu a {
text-transform: capitalize;
color: var(--color-theme-secondary);
font-size: var(--global-font-size);
font-weight: var(--font-weight-medium);
padding: 15px;
text-decoration: none;
zoom: 1; transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.sf-menu>li>ul ul {
top: -10px;
margin: 0 0 0 0px;
}
.sf-menu li {
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.sf-menu li:hover>a,
.sf-menu li.sfHover>a {
color: var(--color-theme-primary);
-webkit-transition: none;
transition: none;
}
.sf-menu ul li:hover>a,
.sf-menu ul li.sfHover>a {
padding-left: 25px;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.sf-menu li.current-menu-item>a,
.sf-menu li.current-menu-ancestor>a,
.sf-menu ul li .sub-menu li.current-menu-item>a,
.sf-menu ul>li.menu-item.current-menu-parent>a,
.sf-menu ul li.current-menu-parent>a {
color: var(--color-theme-primary);
}
.sf-arrows li.current-menu-ancestor>.sf-with-ul:after {
border-top-color: var(--color-theme-secondary);
}
.sf-arrows .sf-menu ul li .sub-menu li.current-menu-parent>a .sf-with-ul:after {
border-left-color: var(--color-theme-secondary);
border-top-color: transparent;
} .sf-arrows .sf-with-ul {
padding-right: 25px; } .sf-arrows .sf-with-ul:after {
content: "\f217";
font-family: "Ionicons";
position: absolute;
top: 16px;
right: 10px;
font-size: 12px;
}
.sf-menu li>.sub-menu .sf-with-ul:after {
right: 25px;
}
.sf-arrows>li>.sf-with-ul:focus:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>.sfHover>.sf-with-ul:after {
border-top-color: var(--color-theme-secondary); } .sf-arrows ul .sf-with-ul:after {
content: "\f125";
top: 10px;
}
.sf-arrows ul .sf-with-ul:after .sf-arrows ul li>.sf-with-ul:focus:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul .sfHover>.sf-with-ul:after {
border-left-color: var(--color-theme-secondary);
}
.sf-menu ul.sub-menu li a:hover:after, .sf-menu ul li:hover>a:after, .sf-arrows ul li:hover .sf-with-ul:after {
color: var(--color-theme-white);
}  .menu-dark .sf-menu>li>a {
color: var(--color-theme-white);
}
.menu-dark .sf-menu>li:hover>a {
color: var(--color-theme-secondary);
} .menu-hover-background .sf-menu>li:hover>a,
.menu-hover-background .sf-menu li.current-menu-item>a,
.menu-hover-background .sf-menu li.current-menu-ancestor>a {
color: var(--color-theme-white) !important;
background: var(--color-theme-secondary) !important;
} .menu-hover-top-border .sf-menu>li>a::before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
width: 0;
height: 2px;
background: var(--color-theme-secondary);
transition: all 0.3s ease 0s;
}
.menu-hover-top-border .sf-menu>li:hover>a::before {
width: 100%;
} .header-over header {
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 99;
background: var(--color-theme-white);
}
.header-over .sofbox-breadcrumb-one {
padding: 228px 0 130px;
} .tringle_column_left::before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: -60px;
right: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 59px 60px;
border-color: transparent transparent var(--color-theme-secondary) transparent;
}
.tringle_column_right::before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: auto;
right: -60px;
width: 0;
height: 0;
border-style: solid;
border-width: 64px 0 0 60px;
border-color: transparent transparent transparent var(--color-theme-secondary);
} .sf-menu ul::after {
content: ' ';
clear: both;
width: 100%;
height: 0;
display: block;
}
.sf-menu>li[class*="columns-"] li {
white-space: nowrap;
}
.sf-menu>li[class*="columns-"]>ul.sub-menu {
padding: 2.3em 4.3em;
}
.sf-menu>li[class*="columns-"] li.menu-item-has-children>a {
padding: 0.65em 0;
font-size: 19px !important;
line-height: 1.5em !important;
font-weight: 500 !important;
}
.sf-menu>li[class*="columns-"] li li>a {
padding: 0.65em 0;
}
.sf-menu.navbar-nav li.columns-2>ul>li {
width: 50%;
}
.sf-menu.navbar-nav li.columns-3>ul>li {
width: 33.3333%;
}
.sf-menu.navbar-nav li.columns-4>ul>li {
width: 25%;
}
.sf-menu.navbar-nav li.columns-5>ul>li {
width: 20%;
}
.sf-menu.navbar-nav li.columns-6>ul>li {
width: 16.6666%;
}
.sf-menu.navbar-nav li[class*="columns-"]>ul>li {
display: inline-block;
vertical-align: top;
}
.sf-menu li[class*="columns-"] li .sf-with-ul:after {
display: none;
}
header li[class*="columns-"]>ul ul, .sf-menu li[class*="columns-"]>ul.sub-menu ul {
position: static !important;
display: block !important;
margin-left: 0;
padding: 0;
left: auto;
top: auto;
width: auto;
vertical-align: top;
opacity: 1 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-box-shadow: none !important;
-ms-box-shadow: none !important;
box-shadow: none !important;
} @-webkit-keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOutAnimation {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOutAnimation {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fadeInAnimationScale {
0% {
opacity: 0;
-webkit-transform: scale(0.2) rotate(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1) rotate(180deg);
}
}
@keyframes fadeInAnimationScale {
0% {
opacity: 0;
transform: scale(0.2) rotate(0);
}
100% {
opacity: 1;
transform: scale(1) rotate(180deg);
}
}
@-webkit-keyframes fadeOutAnimationScale {
0% {
opacity: 1;
-webkit-transform: scale(1) rotate(180deg);
}
100% {
opacity: 0;
-webkit-transform: scale(0.2) rotate(0);
}
}
@keyframes fadeOutAnimationScale {
0% {
opacity: 1;
transform: scale(1) rotate(180deg);
}
100% {
opacity: 0;
transform: scale(0.2) rotate(0);
}
}
@-webkit-keyframes fadeInRightPanel {
0% {
opacity: 0;
-webkit-transform: translateX(30px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInRightPanel {
0% {
opacity: 0;
transform: translateX(30px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes fadeOutRightPanel {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@keyframes fadeOutRightPanel {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
@-webkit-keyframes fadeInMove {
0% {
opacity: 0;
-webkit-transform: scale3d(0, 1, 1);
}
10% {
opacity: 1;
-webkit-transform: scale3d(0.1, 1, 1);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
}
}
@keyframes fadeInMove {
0% {
opacity: 0;
transform: scale3d(0, 1, 1);
}
10% {
opacity: 1;
transform: scale3d(0.1, 1, 1);
}
100% {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes fadeOutMove {
0% {
opacity: 0.14;
-webkit-transform: scale3d(1, 1, 1);
}
100% {
opacity: 0.14;
-webkit-transform: scale3d(0, 1, 1);
}
}
@keyframes fadeOutMove {
0% {
opacity: 0.14;
transform: scale3d(1, 1, 1);
}
100% {
opacity: 0.14;
transform: scale3d(0, 1, 1);
}
}
@-webkit-keyframes fadeOutMove2 {
0% {
opacity: 0.8;
-webkit-transform: scale3d(1, 1, 1);
}
100% {
opacity: 0.14;
-webkit-transform: scale3d(0, 1, 1);
}
}
@keyframes fadeOutMove2 {
0% {
opacity: 0.8;
transform: scale3d(1, 1, 1);
}
100% {
opacity: 0.14;
transform: scale3d(0, 1, 1);
}
}
@media (max-width: 1400px) {
.sofbox-header-right ul li a .search-text {
display: none;
}
}
@media only screen and (min-width: 1199px) and (max-width: 1300px) {
.sf-menu>li>a {
text-transform: uppercase;
font-size: 14px;
padding: 18px 12px;
}
}
@media (min-width: 1200px) {
header#default-header .custom-toggler {
display: none;
}
} header .header-up {
position: fixed !important;
z-index: 99;
-webkit-transition: -webkit-transform .6s ease !important;
-o-transition: transform .6s ease !important;
transition: transform .6s ease !important;
top: 0;
box-shadow: var(--global-box-shadow);
left: 0 !important;
right: 0;
}
header .header-down.has-sticky {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-webkit-transition: -webkit-transform .6s ease !important;
-o-transition: transform .6s ease !important;
transition: transform .6s ease !important;
box-shadow: var(--global-box-shadow);
position: fixed;
left: 0;
right: 0;
top:0;
}  .sf-menu>.menu-item>.iqonic-megamenu-container {
position: absolute;
box-shadow: var(--global-box-shadow);
}
.sf-menu>.menu-item>.iqonic-megamenu-container ul {
position: static;
display: block;
}
header .sf-menu>.menu-item>.iqonic-megamenu-container .navbar-collapse {
margin-left: 0;
}
header .sf-menu>.menu-item>.iqonic-megamenu-container .footer-default-menu a {
padding: 5px;
}
body.admin-bar .sofbox-mobile-menu.vertical-menu-layout.menu-open {
top: 0;
} .vertical-header .container-fluid {
padding: 0;
}
.menu-align-center .sofbox-mobile-menu .sub-menu {
padding-left: 0;
}
.sofbox-mobile-menu.vertical-menu-layout .navbar-nav li .sub-menu li a {
margin-bottom: 16px;
display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
.sofbox-mobile-menu.menu-style-two .sofbox-full-menu .menu-main-menu-container ul.navbar-nav {
padding-right: 54px;
width: 64%;
}
.sofbox-mobile-menu.menu-style-two .sofbox-full-menu .menu-main-menu-container ul.navbar-nav>li>ul.sub-menu {
right: -68%;
}
}
@media (min-width: 1400px) {
.sofbox-mobile-menu.menu-style-two .sofbox-full-menu .menu-main-menu-container ul.navbar-nav {
width: 100%;
}
}
@media (min-width: 1200px) {
.hf-show-on-laptop {
display: none;
}
.vertical-header {
display: block;
width: 100%;
height: 100%;
float: left;
padding-left: var(--vertical-header-width);
}
.vertical-header header.header-default {
width: var(--vertical-header-width);
z-index: 9;
position: fixed;
left: 0;
top: 0;
}
.admin-bar .vertical-header header.header-default {
top: 32px;
}
.vertical-header .elementor-section.elementor-section-stretched {
padding-left: var(--vertical-header-width) !important;
}
.vertical-header .content-area {
width: calc(100vw - var(--vertical-header-width));
margin-left: auto;
}
.admin-bar .vertical-header .elementor-section.elementor-section-height-full {
height: calc(100vh - 32px);
}  .sofbox-mobile-menu.menu-style-two .navbar-nav li .sub-menu li a {
padding-bottom: 5px;
} .sofbox-mobile-menu .navbar-nav li .sub-menu li a {
position: relative;
}
.sofbox-mobile-menu.menu-style-two .sofbox-full-menu .menu-main-menu-container ul.navbar-nav {
position: relative;
}
.iqonic-custom-layouts.open .sofbox-mobile-menu.menu-style-two .sofbox-full-menu {
-webkit-animation: slide-bottom 2s;
animation: slide-bottom 2s;
animation-delay: 0s;
}
.iqonic-custom-layouts.open .image-anim-delay {
-webkit-animation: slide-bottom 2s;
animation: slide-bottom 2s;
animation-delay: 0s;
}
.iqonic-custom-layouts.open .image-anim-delay-2 {
-webkit-animation: slide-bottom 2s;
animation: slide-bottom 2s;
animation-delay: 0s;
}
.sofbox-mobile-menu.menu-style-two .sofbox-full-menu .menu-main-menu-container ul.navbar-nav>li {
position: static;
width: 50%;
}
.sofbox-mobile-menu.menu-style-two .sofbox-full-menu .menu-main-menu-container ul.navbar-nav>li>ul.sub-menu {
position: absolute;
right: 0;
top: 0;
width: 50%;
padding-left: 64px;
padding-top: 0;
}
.sofbox-mobile-menu.menu-style-two ul.navbar-nav:before {
content: "";
position: absolute;
width: 1px;
height: 90%;
background: var(--color-theme-primary-semi-light);
left: 50%;
}
}
@-webkit-keyframes slide-bottom {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slide-bottom {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}