.center-menu-2 .navik-menu {
border-top: unset!important;
}
.shadow-wrap {
box-shadow: 0 6px 7px #3336;
width: 100%;
height: 7px;
}
.logo.mobile-show{
display:none;
}
.sticky {
top: 42px;
color: white;
left: 0;
z-index: 99999 !important;
}
.sticky nav ul li {
margin: 12px 0px;
}
.navik-header {
z-index: 88888 !important;
}
.navik-menu > ul > li > a {
font-family: 'Poppins', sans-serif !important;
color: #044289 !important;
font-size: 16px !important;
font-weight: 500 !important;
text-transform: capitalize !important;
padding: 0 12px !important;
}
.center-menu-2 .navik-menu > ul > li > a {
height: 26px !important;
line-height: 26px !important;
margin: 8px !important;
}
.center-menu-2 .navik-menu > ul > li > a::before {
position: absolute;
content: "";
width: 100%;
height: 0%;
background-color: #F7941F;
z-index: 999;
bottom: 0;
left: 0;
transition: all 0.3s;
border-radius: 0px;
}
.center-menu-2 .navik-menu > ul > li > a:hover::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #F7941F;
z-index: -1;
bottom: 0;
color: #fff;
border-radius: 50px;
}
.navik-header a:hover, .navik-header a:focus, .navik-header a:active {
text-decoration: none;
width: max-content;
background-color: #F7941F;
z-index: 999;
bottom: 0;
left: 0;
transition: all 0.3s;
border-radius: 50px;
color: #fff !important;
} 
.navik-menu.submenu-top-border li > ul {
border-top: 3px solid #f7941f!important;
}
.navik-menu ul > .dropdown_menu li > a, .navik-menu ul > .dropdown_menu li > a:hover {
font-family: 'Poppins', sans-serif !important;
color: #707070 !important;
font-size: 16px !important;
font-weight: 400 !important;
font-style: normal;
}
.navik-menu ul li.dropdown_menu > a:hover > span::before {border-color: #f9f8f8!important;}
.navik-menu ul li.dropdown_menu > a > span::before {border-color: #044289!important;}
.navik-menu ul ul li:hover > a::before {
width: 15px!important;
}
.navik-menu ul ul li > a::before {
height: 2px!important;
background: #f6a03a!important;
} #menu-top-nav li {
display: initial;
}
#menu-top-nav {
margin-bottom: 0px;
padding: 8px 0px;
}
.top-cont li {
display: inline-block;
font-size: 18px;
color: #2c2a2a;
}
.top-nav {
max-width: 100% !important;
box-shadow: 0 0 10px #33333342;
position: relative;
z-index: 9999;
}
.top-social li a img {
width: 38px;
height: 38px;
transition: all 0.1s ease-in;
}
.top-social li a img:hover {
transform: scale(1.04);
}
.top-menu-row {
padding-top: 1em;
padding-bottom: 1em;
max-width: 1300px;
margin: 0 auto !important;
}
.top-phone a {
background-color: #f6a03a;
color: #fff;
padding: 4px 8px 4px 12px;
border-radius: 20px;
text-decoration: unset;
font-weight: 500;
margin-left: 10px;
font-size: 22px;
transition: all 0.3s ease-in;
}
.top-phone a:hover {
text-decoration: unset;
color: #fff;
background-color: #04438a;
}
.nav-item:last-child {padding-right: 0px;}
#menu-top-nav li a::after {
content: "";
position: absolute;
width: 2px;
height: 70%;
background-color: #fff;
right: 13px;
top: 4px;
}
#menu-top-nav .menu-item-18 a::after {content: unset;}
#menu-top-nav li a {
color: #fff;
text-decoration: none;
padding-right: 30px;
font-size: 15px;
position: relative;
font-family: 'Lato', sans-serif;
text-transform: none;
font-weight: 500;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: unset !important;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: unset !important;
}
.the-line-2 {
height: 10px;
background-repeat: repeat-x !important;}
.page-title-con {margin-top: -1px!important;}
.top-cont {text-align: right;}
.top-title {margin-right: 12px;}
.top-social .sos-mid {margin: 0 10px;}
.clip-path {
background-color:#6B777E;
height: 48px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 1% 100%);
position: absolute;
bottom: -20px;
z-index: 9999;
width: 2000%;
left: 60px;
}
.menu-item-has-children::after {
content: '';
background-image: url(https://mandsbay.com/delight-travels/wp-content/uploads/2021/03/navigate.svg);
width: 12px;
height: 12px;
display: block;
background-size: contain;
position: absolute;
right: 8px;
top: 24px;
z-index: 0;
background-repeat: no-repeat;
}
.col-md-6.cu-col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 59%;
max-width: 59%;
}
.col-md-3.top-cont.cu-col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 21%;
flex: 0 0 21%;
max-width: 21%;
}
.col-md-3.top-cont.cu-col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.logo {
width: 100%;
height: auto;
max-width: 325px;
} .logo-row{
width: 100%;
max-width: 1140px;
margin: 0 auto;  
}
.nav-stikey {
background-color: #fff;
width: 100%;
position: fixed !important;
top: 0;
-webkit-animation-duration: 1s !important;
animation-duration: 1.3s !important;
-webkit-animation-fill-mode: both !important;
animation-fill-mode: both !important;
box-shadow: 0 0 10px #33333342;
}
.nav-stikey .logo {
width: 200px;
height: auto;
object-fit: contain;
}
.nav-stikey .nav-item {
padding: 10px 10px;
margin-bottom: 0;
}
.nav-stikey {
padding: 0.5em 1em !important;
z-index: 6666;
}
.bg-dark {
background-color: #fff;
box-shadow: 0 0 5px 0px #0000003b;
}
.navbar {
padding: 1.05em 1em;
z-index: 6666;
border-bottom: 1px solid #0000003d;
}
.nav-item {
padding: 15px 10px;
}
.navbar-dark .navbar-nav .nav-link {
font-size: 16px;
font-weight: 500;
text-decoration: none;
padding: 0px;
-webkit-transition: color 0.6s;
transition: color 0.6s;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
color: #707070 !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.8rem !important;
padding-left: 0.8rem !important;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
.navbar-dark .navbar-nav .active > .nav-link {
color: #fff !important;
}
.navbar-dark .navbar-nav .nav-link:focus {
color: #707070 !important;
}
ul#menu-main-nav .current_page_item a{
position:relative;
}
.menu-main-nav-container {
margin: 0 auto;
}
ul#menu-main-nav .current_page_item a::after,.navbar-dark .navbar-nav .active > .nav-link:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #F7941F;
z-index: -1;
bottom: 0;
color: #fff;
border-radius: 50px;
transition: all 0.3s;
left: 0;
}
.navbar-dark .navbar-nav .active > .nav-link {
background-color: #F7941F;
border-radius: 50px;
padding-right: 20px !important;
}
.navbar-dark .navbar-nav .active > .nav-link {
color: #fff !important;
}
ul#menu-main-nav li a{
position:relative;
transition:all 1s;
}
ul#menu-main-nav li a::before {
position: absolute;
content: "";
width: 100%;
height: 0%;
background-color: #F7941F;
z-index: 999;
bottom: 0;
left: 0;
transition: all 0.3s;
border-radius: 0px;
}
ul#menu-main-nav li a:hover::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #F7941F;
z-index: -1;
bottom: 0;
color: #fff;
border-radius: 50px;
}
.nav-link:focus::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #F7941F;
z-index: -1;
bottom: 0;
color: #fff !important;
border-radius: 50px;
left:0;
}
.dropdown-toggle::after {
display: inline-block !important;
margin-left: unset !important;
vertical-align: unset !important;
content: unset !important;
border-top: unset !important;
border-right: unset !important;
border-bottom: unset !important;
border-left: unset !important;
background-image: unset !important;
width: unset !important;
height: unset !important;
background-size: unset !important;
}
a:hover {
color: #0056b3;
text-decoration: unset !important;
} html {
scroll-behavior: smooth;
}
p {
color: #242424;
font-family: 'Poppins',sans-serif;
font-size: 16px;
line-height: 24px;
}
.ulstyle li::before {
content: url(http://www.backupdo.com/rahman/wp-content/uploads/2020/07/arrow.svg);
margin-left: -15px;
color: #1498EF;
height: 10px;
margin-right: 9px;
}
body{overflow-x:hidden !important;}
.tcenter{text-align:center;}
.tleft{text-align:left;}
.trightP{text-align:right;}
.ffam-1{font-family: 'Lato', sans-serif;}
.ffam-2{font-family: 'Poppins', sans-serif;}
.ffam-3{font-family: 'Playfair Display', serif;} .mc-page-header .container .row {
height: 590px;
}	
.mc-entry-title.ffam-2 {
margin-bottom: 0;
text-align: center;
font-weight: 600;
color: #08458b;
}
.newpg-header .mc-entry-title {
padding-top: 2em;
padding-bottom: 2em;
}
.newpg-header {
background-color: #f5f5f5d1;
}   .slider-img {
max-width: 100%;
height: 787px;
}
.carousel-caption {
right: unset !important;
bottom: unset !important;
text-align: center !important;
top: 80%;
left: 50% !important;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%;
max-width: 1000px;
}
.carousel-control-next-icon {
background-image: url(https://mandsbay.com/delight-travels/wp-content/uploads/2021/02/right-2.png) !important;
}
.carousel-control-prev-icon {
background-image: url(https://mandsbay.com/delight-travels/wp-content/uploads/2021/02/left-2.png) !important;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
width: 60px !important;
height: 60px !important;
}
.carousel-caption h2 {
font-size: 70px;
font-weight: 600;
color: #f6a03a;
line-height: 7rem;
font-style: italic;
}
.carousel-caption h3 {
font-size: 40px;
font-weight: 500;
line-height: 2.5rem;
}
.carousel-caption p {
font-size: 18px;
color: #fff;
}  .sec-2-img {
width: 88%;
height: auto;
border-radius: 0px 100px 100px 0px;
border: 12px solid #08458B;
}
.sec-2 {
padding-top: 8em;
padding-bottom: 8em;
}
.sec-2-cont {
max-width: 750px;
width: 100%;
}
.page-title {
color: #08458B;
font-size: 39px;
margin-bottom: 50px;
font-family: 'Poppins',sans-serif;
position: relative;
font-weight: 600;
}
.page-title:before {
position: absolute;
content: "";
width: 80px;
height: 6px;
background-color: #f7941f;
bottom: -26px;
border-radius: 50px;
}  .cards-con {
background-color: #fff;
box-shadow: 0 0 14px #3333332e;
border-radius: 15px;
width: 90%;
margin: 10px auto;
padding: 10px 10px 0px 10px;
}
.cards-title {
padding:12px 5px;
}
.cards-title h3 {
margin-bottom: 0;
padding-bottom: 0;
font-size: 25px;
font-weight: 600;
color: #08458b;
}
.cards-img {
width: 100%;
height: 310px;
background-size: cover !important;
border-radius: 10px;
}
.cards-title {
text-align: center;
}
.section.sec-3 {
padding-top: 8em;
padding-bottom: 8em;
}
.sec-3 .sec-5-cont {
margin-bottom: 3em;
}
.sec-3 .page-title::before {
background-color: #F7941F;
}
.sec-3 .sec-5-cont h2, .sec-3 .sec-5-cont p,.sec-6 h2,.sec-6 p {
color: #fff;
}  .section.sec-4 {
margin-bottom: 8em;
}
.sec-4-header {
padding-top: 8em;
padding-bottom: 7em;
}
.vicon {
width: 72px;
height: 72px;
margin: 0 auto;
}
.values-con {
text-align: center;
}
.vdesc h3 {
font-size: 18px;
font-weight: 600;
color: #242424;
padding: 13px 0px;
margin-bottom: 0;
}
.v-desc {
font-size: 15px;
line-height: 21px;
}  .sec-5 {
padding-top: 0;
padding-bottom: 8em;
}
.sec-5-cont P {
font-size: 15px;
}
.sec-5 .sec-5-cont {
margin-bottom: 3em;
}
.cards-con-2 {
background-color: #FAFAFA;
box-shadow: 0 0 14px #33333326;
border-radius: 15px;
width: 80%;
margin: 10px auto;
padding: 46px 10px 0px 10px;
}
.cards-title-2 {
padding: 15px 5px;
}
.cards-title-2 h3 {
margin-bottom: 0;
padding-bottom: 0;
font-size: 25px;
font-weight: 600;
color: #08458b;
}
.cards-img-2 {
width: 310px;
height: 236px;
background-size: cover !important;
border-radius: 15px;
}
.cards-title-2 {
text-align: center;
}  .sec-5-cont {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.sec-6 {
background-color: #F6F6F6;
padding-top: 8em;
padding-bottom: 8em;
}
.post-card {
-webkit-box-shadow: 0px 0px 7px 0px #0003;
box-shadow: 0px 0px 7px 0px #0003;
margin-left: 20px;
margin-top: 15px;
margin-bottom: 15px;
}
.pg-align::before {
content: '';
left: 50%;
transform: translateX(-50%);
}
.post-img {
width: 100%;
height: 270px;
}
.owl-two .post-title {
color: #08458b;
}
.post-title {
font-size: 20px;
font-family: 'Poppins',sans-serif;
overflow: hidden;
font-weight: 500;
margin-bottom: 15px;
}
.post-con {
padding: 20px;
background-color: #fff;
}
.post-exce {
height: 73px;
overflow: hidden;
display: block;
margin-bottom: 15px;
}
.owl-two {
width: 95% !important;
margin: 0 auto;
}
.post-exce p {
font-size: 14px;
text-align: left;
color: #565656;
}
.read-more {
color: #333;
font-family: 'Poppins';
text-decoration: none !important;
font-size: 16px;
font-weight: 500;
}
.read-more:hover {
color:#777777;
}
.blog-slider {
padding-top: 30px;
}  .section.sec-7 {
padding-top: 8em;
padding-bottom: 8em;
}
.sec-7-con {
margin-bottom: 35px;
}
.pro-img {
width: 140px;
height: 140px;
background-size: cover !important;
border-radius: 50%;
border: 7px solid #fff;
box-shadow: 0 3px 10px #3333331c;
margin: 0 auto;
top: 50%;
position: relative;
transform: translateY(-50%);
}
.testi-con li {
display: inline-block;
}
.tcol-1 {
width: 20%;
height: 200px;
}
.tcol-2 {
width: 76%;
margin: 0 auto;
}
.testi-dsec {
width: 78%;
margin: 0 auto;
font-weight: 400;
position: relative;
}
.testi-dsec h3 {
font-size: 22px;
font-weight: 200;
}
.testi-dsec p {
color: #717171;
margin-bottom: 30px;
}
.owl-one {
width: 70% !important;
margin: 0 auto;
}
.testi-con {
background-color: #fff;
border-radius: 20px;
box-shadow: 0 0 15px #33333314;
margin: 20px;
padding: 25px;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
display: flex;
width: 85%;
}
.testi-dsec::before {
content: url(https://mandsbay.com/delight-travels/wp-content/uploads/2021/02/down.png);
position: absolute;
top: -26px;
left: -35px;
}
.testi-dsec::after {
content: url(https://mandsbay.com/delight-travels/wp-content/uploads/2021/02/up.png);
position: absolute;
bottom: 0;
right: -35px;
}  .section.section-eight {
padding-top: 8em;
padding-bottom: 8em;
background-color: #F5F5F5;
background-size:cover !important;
}
.section.section-eight .row {
max-width: 1140px;
margin: 0 auto;
width: 100%;
}
.con-form {
padding: 30px;
padding-bottom: 0px;
}
.tcenter {
text-align: center;
}
.title-space, .con-head h3, .page-title-2 {
color: #08458B;
font-size: 39px;
margin-bottom: 6px;
font-family: 'Poppins',sans-serif;
position: relative;
font-weight: 600;
}
.sub-btn {
text-align: center;
margin: 30px 0px;
margin-bottom: 45px;
}
.btn-main {
background-color: #08458B;
color: #fff;
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
width: 100%;
padding: 10px 15px 10px 67px;
max-width: 178px;
border-radius: 10px;
position: relative;
cursor: pointer;
}
.sub-btn::before {
content: url(https://mandsbay.com/delight-travels/wp-content/uploads/2021/02/mail-icon.svg);
position: absolute;
margin-top: 15px;
margin-left: 35px;
z-index: 66;
}
input, textarea, select {
padding: 5px 15px;
width: 100%;
border-radius: 50px;
border: 1px solid #C1C7D0;
font-weight: 300;
min-height: 44px;
}
input:focus, textarea:focus {
outline: none;
box-shadow: 0 0 8px #f6a03a75;
border: 1px solid #F6A03A;
}
.my-map {
width: 100%;
height: 100%;
}
.con-form-row {
background-color: #fff;
-webkit-box-shadow: 0px 0px 15px -2px #00000026;
box-shadow: 0px 0px 15px -2px #00000026;
border-radius: 18px;
margin: 30px 0px;
overflow: hidden;
}
.Message {
max-height: 112px;
border-radius: 20px;
}
label {
font-family: 'Poppins';
font-size: 16px;
width: 100%;
margin-bottom: 18px !important;
color: #08458b;
font-weight: 300;
}
.name li { display: inline-block;}
.my-col-1 { width: 48%;}
.my-col-2 {
width: 48%;
margin-left: 17px;
}
.map-col {padding-right: 0 !important;}  .fot-nav li {list-style: none;}
.fot-nav{padding-left:0;}
footer {background-color: #08458B;}
.fot-nav li {padding-bottom: 18px;}
.fot-nav li a {
font-size: 18px;
font-family: 'Poppins';
color:#fff;
text-decoration: none;
transition: 0.3s;
}
.fot-social .sos-mid {
margin: 0 15px;
}
.h3-font {
color: #fff;
font-size: 20px;
font-weight: 600;
margin-bottom: 25px;
}
.fot-nav li a:hover {padding-left: 8px;}
.mc-month {
color: #504e4e;
font-size: 14px;
font-family: 'lato',s;
}
.fot-col-1 li a {
color: #2d2a2a;
font-size: 16px;
text-decoration: none;
}
.fot-social {
width: 100%;
text-align: center;
padding-bottom: 20px;
}
.fot-social li {
display: inline-block;
}
.fot-mcon li {
list-style: none;
}
.address p {
color: #fff;
margin-left: 35px;
}
.phone a p {
color: #fff;
margin-left: 35px;
padding-top: 5px;
}
.footer-logo {
margin-bottom: 30px;
}
.b-icons {
float: left;
margin-top: 6px;
}
.fot-social li a img:hover {
transform:translatey(-5px);
}
.fot-social li a img {
transition: all ease-in-out 0.3s;
width: 40px;
height: auto;
}
.fot-botm li:first-child {
font-size: 14px;
color: #707070;
list-style: none;
}
.p1 {
font-size: 14px;
color: #7070709c;
margin-bottom: 0px;
}
.p2, .p2 a {
font-size: 14px;
color: #fff;
text-decoration: none;
margin-bottom: 0px;
}
.promo li {
display: inline-block;
}
.fm-cen {
width: max-content;
margin: 0 auto;
}
.fm-mid {
width: max-content;
margin-left: 35px;
}
.bottom-footer {
padding-top: 2em;
padding-bottom: 2em;
border-top: 1px solid #fff;
}
.fot-cucon {
padding-top: 5em;
padding-bottom: 3em;
}
.promo li a {
text-decoration: none;
color: #fff;
font-size: 16px;
font-family: 'lato';
}
.promo { text-align: right;}
.top-img img {
width: 100%;
height: auto;
position: relative;
right: 0px;
max-width: 958px;
}
.top-img {
text-align: right;
margin-bottom: 40px;
}
.fcall-action .row {
max-width: 1140px;
width: 100%;
margin: 0 auto;
}
.fcall-action {
background-color: #2E0D5F;
max-width: 100%;
color: #fff;
padding-top: 60px;
padding-bottom: 60px;
}
.fbtn-white {
font-size: 16px;
padding: 29px 26px;
background-color: #fff;
color: #333;
margin-top: 0;
}
.fbtn-white:hover {
transform: scale(1.05);
box-shadow: 0px 0px 30px 0px #0000004a;
color: #333;
}
.fcall-action p {
color: #fff;
font-size: 24px;
}
}
.fot-h2 {
color: #fff;
font-size: 40px;
margin-bottom: 5px;
}
.fot-h2 {
font-size: 40px;
margin-bottom: 0px;
}  div#comments {
display: none;
}
.single {
background-color: #fff;	
font-family: "Open Sans", arial, sans-serif;
color: #383838;
}  .sidebar-mcon ul {
padding-left: 0px;
}
.sidebar-mcon ul li a img {
width: 70px;
height: 70px;
border-radius: 10px;
float: left;
object-fit: cover;
margin-right: 10px;
}
.sidebar-mcon ul li {
height: 72px;
overflow: hidden;
margin-bottom: 18px;
}
.sidebar-mcon ul li a .title p {
font-size: 14px;
line-height: 20px;
font-family: 'Poppins';
height: 40px;
overflow: hidden;
}
.sidebar-mcon ul li a .title .mc-month {
font-size: 13px;
font-family: 'Poppins';
font-style: italic;
color: #707070;
}
.single .entry-title {
margin-bottom: 20px;
font-size: 30px;
font-weight: 600;
}
.blog-single h2 {
font-family: 'Poppins';
font-weight: 500;
font-size: 26px;
}
.blog-single h3,.blog-single h4,.blog-single h5,.blog-single h6{
font-family: 'Poppins';
font-weight:400;
font-size: 20px;	
}
.navigation {
display: none;
}
.blog-single {
padding-top: 80px;
padding-bottom: 80px;
}
.sidebar-mcon h3, .fea-sidbar h3 {
font-size: 23px;
border-bottom: 3px solid #FAC07C;
padding-bottom: 20px;
margin-bottom: 25px;
color: #044289;
font-weight: 500;
}
.single .feature-img img {
margin-bottom: 20px;
}
.blog-single img {
width: 100%;
height: auto;
}
.single ol {
padding-left: 19px;
font-size: 18px;
}
.single .widget-title {
font-size: 18px !important;
font-weight: 600;
}
.single #recent-posts-2 ul li a {
font-size: 14px;
color: #515151 !important;
}
.single #recent-posts-2 ul {
padding-left: 18px;
}
.single article p {
font-size: 17px;
line-height: 1.7em;
margin-bottom: 1.5em;
font-family: 'Poppins';
}
.single #recent-posts-2 {
background-color: white;
padding: 15px;
border-radius: 5px;
box-shadow: 0 0 4px 0px #00000021;
}
.fea-sidbar ul {
padding-left: 0px !important;
}
.fea-sidbar ul li a img {
width: 100%;
height: 200px;
object-fit: cover;
}
.fee-postcon {
display: block;
position: relative;
width: 100%;
height: 200px;
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
}
.fee-postcon .title p {
color: #fff;
line-height: 19px;
font-weight: bold;
}
.fee-postcon .title {
position: absolute;
bottom: 0;
background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
padding: 12px;
color: ;
width: 100%;
}
.fea-sidbar li {
margin-bottom: 20px;
display: block;
}
.fea-sidbar li:last-child {
margin-bottom: 0px;
}
.fea-sidbar {
margin-bottom: 40px;
}@media only screen and (max-width:480px){
.mobile-show{
display:block;
}	
} @media (max-width: 767px){
.logo.mobile-show{
display:block;
}
.top-nav.container.px-0 {
display: none;
}
.navik-header .logo {
text-align: left !important;
padding: 0 !important;
}	
.navik-header .logo img {
max-width: 225px !important;
}	
.navik-header-container {
padding-bottom: 10px;
}
.burger-menu {
top: 12px !important;
height: 20px !important;
right:0px !important;
}
.navik-menu ul li {
list-style: none !important;
}
.navik-menu > ul > li > a {
padding-left: 0px !important;
}	
.line-menu {background-color: #08458b!important;}	
.footer-logo {
margin-bottom: 30px;
max-width: 100%;
}	
.slider-img {height: 220px !important;}	
.carousel-caption {max-width: unset;}	
.carousel-caption h2 {
font-size: 30px !important;
line-height: 26px !important;
}	
.carousel-caption p {
font-size: 12px;
color: #fff;
line-height: 15px;
padding: 0 10px;
}
.carousel-caption h3 {
font-size: 15px!important;
line-height: 20px!important;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
display: none !important;
}
.sec-2, .sec-5 {
padding-top: 3em !important;
padding-bottom: 2.1em !important;
}
.sec-2-img {
width: 90%;
height: auto;
border-radius: 0px 60px 60px 0px;
border: 6px solid #08458B;
margin-bottom: 20px;
}
.sec-2-cont {
max-width: unset;
width: 100%;
padding: 0 20px;
}
.page-title {
font-size: 25px !important;
margin-bottom: 45px !important;
}	
p {
color: #242424;
font-family: 'Poppins',sans-serif;
font-size: 14px;
line-height: 20px;
}
.section.sec-3 {
padding-top: 3em;
padding-bottom: 2em;
}	
.post-card {
margin-left: 0;
width: 90%;
margin: 0 auto;
}
.testi-con li {
display: inline-block;
}
.tcol-1 {
width: 100%;
height: auto;
}
.tcol-2 {
width: 100%;
margin: unset;
}	
.pro-img {
width: 140px;
height: 140px;
margin: 0 auto;
top: unset;
transform: unset;
margin-bottom: 20px;
}	
.testi-con {
padding: 15px;
display: block;
width: 38%;
}
.testi-dsec { width: 100%;}	
.testi-dsec h3 {font-size: 18px;}	
.fot-cucon {
padding-top: 3em;
padding-bottom: 3em;
}
.owl-two {
width: 100% !important;
margin: 0 auto;
}	
.cards-con {
background-color: #fff;
box-shadow: 0 0 14px #3333332e;
border-radius: 15px;
width: 90%;
padding: 10px 10px 0px 10px;
margin-right: 0;
margin: 0 auto;
}
.cards-img-2 {
width: 100%;
}
.owl-one {
width: 100% !important;
margin: 0 auto;
}
.cards-con-2 {
width: 90%;
margin: 10px auto;
padding: 10px 10px 0px 10px;
}	
label {font-size: 14px;}
.title-space, .con-head h3, .page-title-2 {font-size: 25px !important;}	
.section.section-eight .row {
max-width: 1140px;
margin: 0 auto;
width: 88%;
}	
input, textarea, select {
min-height: 36px;
}
.map-col {
padding-right: 0 !important;
padding-left: 0px !important;
}
.con-form {
padding: 30px 5px;
padding-bottom: 0px;
}
.my-col-1 {
width: 100%;
}	
.my-col-2 {
width: 100%;
margin-left: 0;
}
.con-form p {
margin-bottom: 0;
}	
.sub-btn {
text-align: left;
margin: 0px 0px;
margin-bottom: 26px;
}
p.ffam-2.mg-botm {
margin-bottom: 20px;
}
br.mbr-hide {
display: none;
}	
.col-md-3.mobi-col-1 h3 {
text-align: center;
}
.fot-nav li a {font-size: 14px;}
.h3-font {
font-size: 16px;
margin-bottom: 16px;
}	
.fm-mid {
width: max-content;
margin: 0 auto;
}
.col-md-3.mobi-col-1 {
margin-bottom: 20px;
margin-top: 20px;
}	
.fot-mcon.fm-mid-3 {
width: max-content;
margin: 0 auto;
}	
.col-md-3.mobi-col-2 {
width: 50%;
}	
.col-md-2.mobi-col-3 {
width: 50%;
}
.p2, .p2 a {
font-size: 14px;
margin-bottom: 8px;
font-family: 'Poppins';
text-align: center;
}
.promo {
text-align: center;
margin-top: 4px;
}	
.bottom-footer {
padding-top: 1em;
padding-bottom: 1em;
}
.promo li a {
font-size: 14px;
font-family: 'Poppins';
}	
li.address {
width: max-content;
margin: 0 auto;
}
li.phone {
width: max-content;
margin: 0 auto;
}	
.testi-dsec::before {
top: -26px;
left: -1px;
width: 15px;
height: 15px;
}	
.testi-dsec::after {
bottom: 0;
right: 0px;
width: 15px;
height: 15px;
}
.center-menu-2 .navik-menu > ul > li > a::before {
content: unset !important;
}
.center-menu-2 .navik-menu > ul > li > a:hover::before {
content: unset !important;
}
.navik-header a:hover, .navik-header a:focus, .navik-header a:active {
text-decoration: none;
width: max-content;
background-color:unset;
z-index: 999;
bottom: 0;
left: 0;
transition: all 0.3s;
border-radius: unset;
color: #707070 !important;
font-size: 15px!important;
}
}  @media only screen 
and (min-device-width: 834px) 
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2) {
.top-nav.container.px-0 {
display: none;
}
.logo.mobile-show {
display: block;
}
.navik-header .logo {
padding: 10px 30px 10px 0 !important;
}	
.burger-menu {
top: 31px;
width: 30px;
height: 25px;
}
.line-menu {
background-color: #044289;
height: 5px;
}
.navik-menu ul li {
list-style: none;
} 
.navik-header a:hover, .navik-header a:focus, .navik-header a:active,.center-menu-2 .navik-menu > ul > li > a:hover::before,.center-menu-2 .navik-menu > ul > li > a::before {
background-color: unset;
color: #707070 !important;
} 
}  @media (min-width: 1200px){
}  @media only screen and (max-width: 1280px){
} @media (max-width: 1400px){
} @media screen and (max-width: 1600px) {
.slider-img {
max-width: 100%;
height: 525px;
}
.mc-page-header .container .row {
height: 525px;
}		
.carousel-caption h3 {
font-size: 35px;
font-weight: 500;
line-height: 2rem;
}
.navbar {
padding: 0rem 1rem !important;
}	
.carousel-caption h2 {
font-size: 55px;
line-height: 5rem;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
width: 50px !important;
height: 50px !important;
}
.logo {
max-width: 390px;
}
.top-menu-row {
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left: 0.4em;
padding-right: 0.4em;
}	
.top-phone a {
font-size: 20px;
}
.nav-item {
padding: 6px 10px;
padding-top: 13px;
}	
.top-social li a img {
width: 35px;
height: 35px;
}
.top-cont li {font-size: 16px;}	
.navbar-dark .navbar-nav .nav-link {
font-size: 14px;
}	
.cu-col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 59% !important;
flex: 0 0 59% !important;
max-width: 59% !important;
}	
.cu-col-3 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 19% !important;
flex: 0 0 19% !important;
max-width: 19% !important;
}
.cu-col-2 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 22% !important;
flex: 0 0 22% !important;
max-width: 22% !important;
}
.sec-2-cont {
max-width: 600px;
width: 100%;
}
.page-title {
font-size: 30px;
margin-bottom: 50px;
font-weight: 600;
}	
.sec-2,.sec-5{
padding-top: 4em;
padding-bottom: 4em;
}	
.title-space, .con-head h3, .page-title-2 {
font-size: 32px;
margin-bottom: 5px;
}	
.section.sec-3 {
padding-top: 4em;
padding-bottom: 4em;
}	
.cards-img {
width: 100%;
height: 250px;
}
.cards-img-2 {height: 210px;}
.cards-title h3,.cards-title-2 h3 {font-size: 22px;}	
.sec-6 {
padding-top: 4em;
padding-bottom: 4em;
}	
.section.sec-7 {
padding-top: 4em;
padding-bottom: 4em;
}
.section.section-eight {
padding-top: 4em;
padding-bottom: 4em;
}	
.section.sec-4 {
margin-bottom: 0;
}	
.sec-4-header {padding-top: 4em;}	
}
@media screen and (max-width: 1536px) {
}
@media (max-width: 1560px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media only screen 
and (min-device-width: 1366px) 
and (max-device-width: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
} @media (min-width: 1900px){
}.navik-header,
.navik-header * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.navik-header:before,
.navik-header:after,
.navik-header *:before,
.navik-header *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.navik-header {
position: relative;
font-size: 16px;
line-height: 1.42857143;
background-color: #fff;
z-index: 99999;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.navik-header ul {
margin-bottom: inherit;
}
.navik-header img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.navik-header a:hover,
.navik-header a:focus,
.navik-header a:active {
text-decoration: none;
}
.navik-header a:focus,
.navik-header a:active {
outline: none;
}
.navik-header-container {
position: relative;
}
.navik-header-overlay .navik-header-container {
position: inherit;
}
.navik-header .logo {
text-align: center;
padding: 30px 40px;
}
.navik-header .logo img {
max-width: 100%;
height: auto;
}
.burger-menu {
position: absolute;
top: 35px;
right: 14px;
width: 20px;
height: 17px;
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
-webkit-transition: transform 330ms ease-out;
-moz-transition: transform 330ms ease-out;
-o-transition: transform 330ms ease-out;
transition: transform 330ms ease-out;
}
.burger-menu.menu-open {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.line-menu {
background-color: #111111;
border-radius: 2px;
width: 100%;
height: 3px;
}
.line-menu.line-half {
width: 50%;
}
.line-menu.first-line {
transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
transform-origin: right;
}
.menu-open .line-menu.first-line {
-webkit-transform: rotate(-90deg) translateX(3px);
-moz-transform: rotate(-90deg) translateX(3px);
-o-transform: rotate(-90deg) translateX(3px);
transform: rotate(-90deg) translateX(3px);
}
.line-menu.last-line {
align-self: flex-end;
transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
transform-origin: left;
}
.menu-open .line-menu.last-line {
-webkit-transform: rotate(-90deg) translateX(-3px);
-moz-transform: rotate(-90deg) translateX(-3px);
-o-transform: rotate(-90deg) translateX(-3px);
transform: rotate(-90deg) translateX(-3px);
}
.navik-menu > ul {
display: none;
padding: 0 0 20px;
}
.navik-menu ul li {
position: relative;
}
.navik-menu ul li > a {
display: block;
font-family: 'Fira Sans', sans-serif;
font-size: 15px;
text-transform: uppercase;
color: #212121;
padding: 14px 15px;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navik-menu ul li.current-menu > a,
.navik-menu ul li:hover > a {
color: #26c6da;
background-color: #f6f6f6;
}
.navik-menu ul ul li > a {
font-size: 14px;
font-style: italic;
text-transform: inherit;
background-color: #efefef;
padding: 14px 15px 14px 30px;
}
.navik-menu ul ul ul li > a {
padding: 14px 15px 14px 45px;
}
.navik-menu ul ul li:hover > a {
background-color: #efefef;
}
.dropdown-plus {
width: 49px;
height: 49px;
line-height: 49px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.dropdown-plus:before,
.dropdown-plus:after {
position: absolute;
content: '';
top: 24px;
right: 18px;
width: 13px;
height: 1px;
background-color: #111111;
}
.dropdown-plus:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.navik-menu li > ul,
.dropdown-plus.dropdown-open:after {
display: none;
}
.header-shadow-wrapper {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 30px;
overflow: hidden;
z-index: -1;
}
.header-shadow-wrapper:after {
display: block;
position: relative;
content: "";
width: 100%;
height: 60px;
top: -60px;
border-radius: 50%;
-webkit-box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.1);
-o-box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.1);
box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.1);
} .logoCenter {
display: none;
}
.center-menu-1 .navik-menu > ul:first-child {
padding: 0;
} .navik-header.header-dark {
background-color: #111111;
}
.navik-header.header-dark .line-menu,
.navik-header.header-dark .dropdown-plus:before,
.navik-header.header-dark .dropdown-plus:after {
background-color: #fff;
}
.header-dark .navik-menu ul li > a {
color: #fff;
}
.header-dark .navik-menu ul li.current-menu > a,
.header-dark .navik-menu ul li:hover > a {
color: #26c6da;
background-color: #313131;
}
.header-dark .navik-menu ul ul li > a {
color: #c1c1c1;
background-color: #212121;
} .navik-header-overlay {
position: absolute;
font-size: 16px;
top: 0;
left: 0;
width: 100%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.navik-header-overlay img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.navik-header-overlay a:hover,
.navik-header-overlay a:focus,
.navik-header-overlay a:active {
text-decoration: none;
}
.navik-header-overlay a:focus,
.navik-header-overlay a:active {
outline: none;
}
.navik-header-overlay .logo {
position: absolute;
top: 30px;
left: 15px;
z-index: 2;
}
.navik-header-overlay .burger-menu,
.navik-fixed-sidebar + .burger-menu {
display: block;
position: fixed;
flex-direction: inherit;
justify-content: inherit;
width: 50px;
height: 47px;
top: 30px;
right: 15px;
background: #111111;
padding: 15px;
z-index: 99999;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navik-header-overlay .burger-menu:hover {
-webkit-box-shadow: 0px 0px 25px -1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 25px -1px rgba(0,0,0,0.4);
box-shadow: 0px 0px 25px -1px rgba(0,0,0,0.4);
}
.navik-header-overlay .burger-menu > span,
.navik-fixed-sidebar + .burger-menu > span {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 17px;
-webkit-transition: transform 330ms ease-out;
-moz-transition: transform 330ms ease-out;
-o-transition: transform 330ms ease-out;
transition: transform 330ms ease-out;
}
.navik-header-overlay .line-menu,
.navik-fixed-sidebar + .burger-menu .line-menu {
background-color: #fff;
}
.navik-header-overlay .burger-menu.menu-open,
.navik-fixed-sidebar + .burger-menu.menu-open {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.navik-header-overlay .menu-open > span,
.navik-fixed-sidebar + .menu-open > span {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-menu-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
overflow: hidden;
overflow-y: auto;
z-index: 9999;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.nav-menu-wrapper.overlay-menu-open {
visibility: visible;
opacity: 1;
}
.navik-menu-overlay {
position: relative;
display: table;
width: 100%;
height: 100%;
}
.navik-menu-overlay > ul {
padding: 80px 0 100px;
display: table-cell;
vertical-align: middle;
text-align: right;
}
.navik-menu-overlay ul li a {
font-family: 'Fira Sans', sans-serif;
text-decoration: none;
}
.navik-menu-overlay > ul > li {
position: relative;
padding: 0 65px 0 15px;
margin-bottom: 12px;
}
.navik-menu-overlay > ul > li:last-child {
margin-bottom: 0;
}
.navik-menu-overlay > ul > li > .menu-overlay-link a {
display: inline-block;
color: #212121;
font-size: 28px;
font-weight: 800;
line-height: 1.2em;
text-transform: uppercase;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.navik-menu-overlay > ul > li.current-menu > .menu-overlay-link a,
.navik-menu-overlay > ul > li > .menu-overlay-link a:hover,
.overlay-menu-hover > .menu-overlay-link a,
.overlay-dropdown-plus:hover + a {
color: #26c6da !important;
}
.overlay-dropdown-plus {
width: 20px;
height: 20px;
line-height: 20px;
position: absolute;
top: 6px;
right: 30px;
opacity: 0;
cursor: pointer;
}
.overlay-dropdown-plus:before,
.overlay-dropdown-plus:after {
position: absolute;
content: '';
top: 9px;
right: 5px;
width: 10px;
height: 2px;
background-color: #616161;
}
.overlay-dropdown-plus:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.navik-menu-overlay > ul > li > ul {
display: none;
padding: 10px 0 20px;
}
.overlay-dropdown-plus.overlay-dropdown-open:after {
display: none;
}
.navik-menu-overlay > ul > li.menuFade > .menu-overlay-link a,
.navik-menu-overlay > ul > li.menuFade > ul,
.navik-menu-overlay > ul > li.menuFade > .menu-overlay-link .overlay-dropdown-plus {
opacity: 0;
} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.navik-menu-overlay > ul > li.menuSlideIn > ul {
opacity: 1;
}
}
@supports (-ms-accelerator:true) {
.navik-menu-overlay > ul > li.menuSlideIn > ul {
opacity: 1;
}
} .navik-menu-overlay > ul > li li,
.navik-menu-overlay > ul ul {
display: inline;
}
.navik-menu-overlay > ul ul li {
margin-left: 32px;
}
.navik-menu-overlay > ul ul li a {
font-size: 14px;
font-style: italic;
color: #818181;
white-space: nowrap;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.navik-menu-overlay > ul ul li a:hover {
color: #26c6da !important;
}
.navik-menu-overlay > ul > li > ul > li,
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li > ul li {
position: relative;
}
.navik-menu-overlay > ul > li > ul > li:after,
.navik-header-overlay.menu-slide .navik-menu-overlay > ul ul li a::before {
position: absolute;
content: "";
top: 3px;
left: -18px;
width: 1px;
height: 13px;
background: #d1d1d1;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
.navik-menu-overlay > ul > li > ul > li:first-child {
margin-left: 0;
}
.navik-menu-overlay > ul > li > ul > li:first-child:after {
display: none;
}
.navik-menu-overlay.submenu-no-separate > ul > li > ul li:after,
.navik-header-overlay.menu-slide .navik-menu-overlay.submenu-no-separate > ul ul li a::before {
display: none !important;
}
.navik-menu-overlay.submenu-no-separate > ul ul li {
margin-left: 20px;
}
@-webkit-keyframes menuFadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-80px, 0, 0);
transform: translate3d(-80px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes menuFadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-80px, 0, 0);
transform: translate3d(-80px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.navik-menu-overlay > ul > li.menuSlideIn > .menu-overlay-link a,
.navik-menu-overlay > ul > li.menuSlideIn > ul {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: menuFadeInLeft;
animation-name: menuFadeInLeft;
} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.navik-menu-overlay > ul > li.menuSlideIn > ul {
animation-name: menuFadeIn;
}
}
@supports (-ms-accelerator:true) {
.navik-menu-overlay > ul > li.menuSlideIn > ul {
animation-name: menuFadeIn;
}
} @-webkit-keyframes menuFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes menuFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.navik-menu-overlay > ul > li.menuSlideIn .menu-overlay-link .overlay-dropdown-plus {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: menuFadeIn;
animation-name: menuFadeIn;
}
.navik-menu-overlay > ul > li.menuSlideOut .menu-overlay-link .overlay-dropdown-plus {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: subMenuFadeOut;
animation-name: subMenuFadeOut;
}
.overlay-center-menu .navik-menu-overlay > ul > li.menuSlideIn .menu-overlay-link .overlay-dropdown-plus {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.overlay-center-menu .navik-menu-overlay > ul > li.menuSlideIn > .menu-overlay-link a,
.overlay-center-menu .navik-menu-overlay > ul > li.menuSlideIn > ul {
-webkit-animation-name: menuFadeIn;
animation-name: menuFadeIn;
}
@-webkit-keyframes subMenuFadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes subMenuFadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.overlay-submenu-close > li {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: subMenuFadeOut;
animation-name: subMenuFadeOut;
} .submenu-vertical > ul ul li {
margin-left: 0 !important;
}
.submenu-vertical > ul > li > ul li,
.submenu-vertical > ul > li > ul ul {
display: block;
}
.submenu-vertical > ul > li > ul > li:after {
display: none;
}
.submenu-vertical > ul > li > ul li {
position: relative;
margin-bottom: 5px;
}
.submenu-vertical > ul > li > ul li:last-child {
margin-bottom: 0 !important;
}
.submenu-vertical > ul > li ul {
position: relative;
right: -30px;
padding-right: 30px !important;
}
.submenu-vertical > ul > li > ul ul {
display: none;
padding-top: 5px;
}
.submenu-vertical > ul > li.menuFade > ul {
opacity: 1;
}
.submenu-vertical > ul > li.menuSlideIn > ul {
-webkit-animation-name: none;
animation-name: none;
}
.submenu-vertical > ul > li.menuSlideIn ul:not(.overlay-submenu-close) a {
display: inline-block;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: menuFadeInLeft;
animation-name: menuFadeInLeft;
}
.submenu-vertical > ul > li ul:not(.overlay-submenu-close) a {
opacity: 0;
}
.submenu-vertical > ul > li > ul li .overlay-dropdown-plus {
top: 1px;
right: -35px;
}
.submenu-vertical > ul > li.menuSlideOut li a {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: subMenuFadeOut;
animation-name: subMenuFadeOut;
}
.overlay-center-menu .submenu-vertical > ul > li > ul li .overlay-dropdown-plus {
right: -30px;
}
.overlay-center-menu .submenu-vertical > ul > li ul {
right: 0 !important;
padding-right: 0px !important;
}
.overlay-center-menu .submenu-vertical > ul > li.menuSlideIn ul:not(.overlay-submenu-close) a {
-webkit-animation-name: menuFadeIn;
animation-name: menuFadeIn;
} .menu-social-media {
position: absolute;
right: 0;
bottom: 24px;
font-size: 0;
width: 100%;
text-align: right;
padding: 0 65px;
}
.menu-social-media a {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
margin: 0 0 6px 6px;
border: 3px solid #212121;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.menu-social-media a:hover {
opacity: 0.8;
}
.menu-social-media a img {
position: absolute;
height: 14px;
width: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.header-dark .nav-menu-wrapper {
background-color: #111111;
}
.navik-header-overlay.header-dark .burger-menu.menu-open {
background-color: #000;
}
.overlay-center-menu .menu-social-media {
text-align: center;
padding: 0 15px;
}
.overlay-center-menu .menu-social-media a {
margin: 0 3px 6px;
}
.overlay-center-menu .navik-menu-overlay > ul {
text-align: center;
}
.overlay-center-menu .navik-menu-overlay > ul > li {
padding: 0 15px;
}
.overlay-center-menu .navik-menu-overlay > ul > li > ul {
padding: 15px 0 21px;
}
.overlay-center-menu .menu-overlay-link {
position: relative;
display: inline-block;
}
.overlay-center-menu .overlay-dropdown-plus {
right: -30px;
}
.header-dark .navik-menu-overlay > ul > li > .menu-overlay-link a {
color: #fff;
}
.header-dark .overlay-dropdown-plus:before,
.header-dark .overlay-dropdown-plus:after {
background-color: #717171;
}
.header-dark .navik-menu-overlay > ul ul li a {
color: #a1a1a1;
}
.header-dark .navik-menu-overlay > ul > li > ul > li:after,
.menu-slide.header-dark .navik-menu-overlay > ul ul li a::before {
background-color: #515151 !important;
}
.header-dark .menu-social-media a {
border-color: #fff;
opacity: 0.2;
}
.header-dark .menu-social-media a:hover {
opacity: 1;
}
.header-color-bg .nav-menu-wrapper {
background-color: #006aa1;
}
.header-color-bg .navik-menu-overlay > ul > li > .menu-overlay-link a {
color: #fff;
}
.header-color-bg .overlay-dropdown-plus:before,
.header-color-bg .overlay-dropdown-plus:after,
.header-color-bg .navik-menu-overlay > ul > li > ul li:after,
.menu-slide.header-color-bg .navik-menu-overlay > ul ul li a::before {
background-color: #fff !important;
}
.header-color-bg .navik-menu-overlay > ul ul li a {
color: #fff;
}
.header-color-bg .menu-social-media a {
border-color: #fff;
}
.header-color-bg .navik-menu-overlay > ul > li.current-menu > .menu-overlay-link a,
.header-color-bg .overlay-menu-hover > .menu-overlay-link a,
.header-color-bg .overlay-dropdown-plus:hover + a {
color: #fff !important;
}
.header-color-bg .navik-menu-overlay > ul > li > .menu-overlay-link a:hover,
.header-color-bg .navik-menu-overlay > ul ul li a:hover {
color: rgba(255, 255, 255, 0.8) !important;
}
.header-bg-image .nav-menu-wrapper {
background-color: inherit;
background-image: url(//www.delighttravels.lk/wp-content/themes/mandsbay/examples/demo/images/overlay-menu-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.header-bg-image .navik-menu-overlay > ul > li > .menu-overlay-link a {
color: #fff;
}
.header-bg-image .overlay-dropdown-plus:before,
.header-bg-image .overlay-dropdown-plus:after {
background-color: #fff;
}
.header-bg-image .navik-menu-overlay > ul ul li a {
color: rgba(255, 255, 255, 0.6);
}
.header-bg-image .navik-menu-overlay > ul > li > ul > li:after {
background-color: rgba(255, 255, 255, 0.25) !important;
}
.header-bg-image .menu-social-media a {
border-color: #fff;
}
.header-bg-image .menu-social-media a:hover {
opacity: 0.6;
} .navik-header-overlay.menu-slide .nav-menu-wrapper {
width: 320px;
left: inherit;
right: 0;
visibility: visible;
opacity: 1;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.navik-header-overlay.menu-slide .nav-menu-wrapper.overlay-menu-open {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-box-shadow: -15px 0px 60px -5px rgba(0,0,0,0.3);
-moz-box-shadow: -15px 0px 60px -5px rgba(0,0,0,0.3);
box-shadow: -15px 0px 60px -5px rgba(0,0,0,0.3);
}
.slidemenu-bg-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
z-index: 999;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.overlay-menu-open + .slidemenu-bg-overlay {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul ul li a {
position: relative;
display: block;
padding-left: 20px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navik-header-overlay.menu-slide .navik-menu-overlay.submenu-no-separate > ul ul li a {
padding-left: 15px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul {
display: block;
text-align: left;
padding: 120px 0 100px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li {
padding: 0 35px 0 30px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li ul .overlay-dropdown-plus {
top: -1px;
right: -5px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay .menu-overlay-link {
padding-right: 30px;
}
.navik-header-overlay.menu-slide .menu-social-media {
right: inherit;
left: 0;
text-align: left;
padding: 0 30px;
}
.navik-header-overlay.menu-slide .menu-social-media a {
margin: 0 6px 6px 0;
}
@-webkit-keyframes menuFadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(40px, 0, 0);
transform: translate3d(40px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes menuFadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(40px, 0, 0);
transform: translate3d(40px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li.menuSlideIn > ul {
opacity: 1;
-webkit-animation-name: none;
animation-name: none;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li.menuSlideIn > .menu-overlay-link a,
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li.menuSlideIn ul:not(.overlay-submenu-close) a {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: menuFadeInRight;
animation-name: menuFadeInRight;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul ul:not(.overlay-submenu-close) a {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li.menuSlideIn .menu-overlay-link .overlay-dropdown-plus {
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li li {
display: block;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li > ul {
padding-top: 25px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li > ul ul {
display: none;
padding-top: 5px;
padding-left: 20px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li > ul li {
margin-left: 0 !important;
margin-bottom: 5px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li > ul > li:after {
display: none;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul ul li a:hover {
padding-left: 30px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay.submenu-no-separate > ul ul li a:hover {
padding-left: 25px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul ul li a::before {
top: 2px;
left: 5px;
} .navik-menu .mega-menu-container ul li {
position: relative;
}
.navik-menu .mega-menu-container ul li a {
font-style: inherit;
color: inherit;
background-color: inherit;
padding: inherit;
}
.header-dark .navik-menu .mega-menu-container ul li a,
.navik-menu .mega-menu-container ul li:hover a {
background-color: inherit;
}
.navik-menu .mega-menu-container {
padding: 15px 30px 0;
}
.navik-menu .mega-menu > ul .dropdown-plus {
display: none;
}
.navik-menu .mega-menu-box {
margin-bottom: 30px;
}
.navik-menu .mega-menu-heading {
font-family: 'Fira Sans', sans-serif;
font-size: 15px;
color: #212121;
margin-bottom: 12px;
text-transform: uppercase;
}
.navik-menu .mega-menu-heading a {
color: #212121;
text-decoration: none;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.header-dark .navik-menu .mega-menu-heading a {
color: #fff;
}
.navik-menu .mega-menu-desc {
font-family: 'Fira Sans', sans-serif;
font-size: 14px;
font-style: italic;
line-height: 1.42857143;
color: #818181;
}
.navik-menu .mega-menu-container li > ul {
display: block;
}
.navik-menu ul.mega-menu-list li a {
font-size: 14px;
font-style: italic;
color: #818181;
padding: 5px 0;
}
.navik-menu .mega-menu-heading a:hover,
.navik-menu ul.mega-menu-list li a:hover {
color: #26c6da;
}
.navik-menu ul.mega-menu-list ul {
padding-left: 15px !important;
}
.navik-menu .mega-menu-thumbnail {
margin-bottom: 20px;
}
.navik-menu .mega-menu-thumbnail img {
width: 100%;
height: auto;
}
.navik-menu .mega-menu-thumbnail > a {
display: block;
position: relative;
}
.navik-menu .mega-menu-thumbnail > a:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0);
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.navik-menu .mega-menu-thumbnail:hover > a:before {
background-color: rgba(0,0,0,0.2);
} .body-fixed-sidebar {
overflow-x: hidden;
}
.navik-fixed-sidebar {
position: fixed;
top: 0;
width: 250px;
height: 100%;
z-index: 9999999;
overflow-y: auto;
background-color: #fff;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.navik-sidebar-left {
left: 0;
-webkit-box-shadow: 2px 0px 12px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 2px 0px 12px -2px rgba(0,0,0,0.15);
-o-box-shadow: 2px 0px 12px -2px rgba(0,0,0,0.15);
box-shadow: 2px 0px 12px -2px rgba(0,0,0,0.15);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.navik-sidebar-right {
right: 0;
-webkit-box-shadow: -2px 0px 12px -2px rgba(0,0,0,0.15);
-moz-box-shadow: -2px 0px 12px -2px rgba(0,0,0,0.15);
-o-box-shadow: -2px 0px 12px -2px rgba(0,0,0,0.15);
box-shadow: -2px 0px 12px -2px rgba(0,0,0,0.15);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.navik-sidebar-left.fixed-sidebar-open {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.navik-sidebar-right.fixed-sidebar-open {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.navik-fixed-sidebar .navik-header-container {
display: flex;
flex-wrap: wrap;
height: 100%;
padding: 0 28px;
}
.navik-fixed-sidebar .menu-social-media {
position: inherit;
bottom: inherit;
align-self: flex-end;
padding: 0 0 30px !important;
text-align: left;
}
.navik-fixed-sidebar .menu-social-media a {
margin: 0 6px 6px 0;
}
.navik-fixed-sidebar .menu-social-media a:last-child {
margin-right: 0;
}
.navik-fixed-sidebar + .burger-menu {
z-index: 9999999;
}
.navik-sidebar-left + .burger-menu {
top: 0;
right: inherit;
left: 0;
}
.navik-sidebar-right + .burger-menu {
top: 0;
right: 0;
}
.fixedsidebar-bg-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
opacity: 0;
visibility: hidden;
background-color: rgba(0,0,0,0.6);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navik-side-content {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.navik-sidebar-left.fixed-sidebar-open ~ .navik-side-content {
-webkit-transform: translateX(125px);
-moz-transform: translateX(125px);
-o-transform: translateX(125px);
transform: translateX(125px);
}
.navik-sidebar-right.fixed-sidebar-open ~ .navik-side-content {
-webkit-transform: translateX(-125px);
-moz-transform: translateX(-125px);
-o-transform: translateX(-125px);
transform: translateX(-125px);
}
.navik-fixed-sidebar .logo {
display: none;
padding: 70px 0;
}
.navik-side-content > .logo {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 47px;
padding: 0 50px;
z-index: 99999;
text-align: center;
background-color: #fff;
-webkit-box-shadow: 0px 2px 12px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 12px -2px rgba(0,0,0,0.15);
-o-box-shadow: 0px 2px 12px -2px rgba(0,0,0,0.15);
box-shadow: 0px 2px 12px -2px rgba(0,0,0,0.15);
}
.navik-side-content > .logo img {
max-width: inherit;
max-height: 47px;
width: auto;
}
.fixed-sidebar-open ~ .fixedsidebar-bg-overlay {
visibility: visible;
opacity: 1;
}
.fixed-menu-wrap {
width: 100%;
} .navik-menu-fixed {
padding-top: 90px;
}
.navik-menu-fixed ul li {
position: relative;
}
.navik-menu-fixed ul li a {
font-family: 'Fira Sans', sans-serif;
display: block;
padding-right: 17px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navik-menu-fixed > ul > li.current-menu > a,
.navik-menu-fixed ul li:hover > a {
color: #26c6da !important;
}
.navik-menu-fixed > ul {
margin-bottom: 40px;
}
.navik-menu-fixed > ul > li {
margin-bottom: 14px;
}
.navik-menu-fixed > ul > li:last-child {
margin-bottom: 0;
}
.navik-menu-fixed > ul > li > a {
font-size: 18px;
font-weight: 700;
color: #212121;
text-transform: uppercase;
}
.navik-menu-fixed > ul ul {
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.navik-menu-fixed > ul ul.submenu-collapse {
opacity: 1;
}
.navik-menu-fixed > ul ul li {
margin-bottom: 6px;
}
.navik-menu-fixed > ul ul li:last-child {
margin-bottom: 0;
}
.navik-menu-fixed > ul ul a {
position: relative;
padding-left: 18px;
font-size: 14px;
font-style: italic;
color: #818181;
}
.navik-menu-fixed > ul ul a::before {
position: absolute;
content: "";
top: 3px;
left: 4px;
width: 1px;
height: 12px;
background-color: #d1d1d1;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
.navik-menu-fixed > ul ul a:hover {
padding-left: 24px;
}
.navik-menu-fixed > ul > li > ul {
padding: 27px 0 15px;
}
.navik-menu-fixed > ul > li > ul ul {
padding-top: 6px;
}
.navik-menu-fixed > ul > li > ul > li ul {
padding-left: 18px;
}
.navik-menu-fixed .overlay-dropdown-plus {
top: -1px;
right: -7px;
opacity: 1;
}
.navik-menu-fixed > ul ul .overlay-dropdown-plus {
top: -3px;
}
.navik-menu-fixed.submenu-no-separate > ul ul a::before {
display: none !important;
}
.navik-menu-fixed.submenu-no-separate > ul ul a,
.navik-menu-fixed.submenu-no-separate > ul > li > ul > li ul {
padding-left: 12px;
}
.navik-menu-fixed.submenu-no-separate > ul ul a:hover {
padding-left: 18px;
}  .navik-fixed-sidebar.sidebar-dark,
.sidebar-dark ~ .navik-side-content > .logo {
background-color: #111111;
}
.navik-fixed-sidebar.sidebar-dark .menu-social-media a {
border-color: #fff;
opacity: 0.2;
}
.navik-fixed-sidebar.sidebar-dark .menu-social-media a:hover {
opacity: 1;
}
.sidebar-dark .navik-menu-fixed > ul > li > a {
color: #fff;
}
.sidebar-dark .navik-menu-fixed > ul ul a {
color: #a1a1a1;
}
.sidebar-dark .navik-menu-fixed > ul ul a::before {
background-color: #515151;
}
.sidebar-dark .overlay-dropdown-plus:before,
.sidebar-dark .overlay-dropdown-plus:after {
background-color: #717171;
}
.navik-fixed-sidebar.sidebar-color-bg,
.sidebar-color-bg ~ .navik-side-content > .logo {
background-color: #006aa1;
}
.navik-fixed-sidebar.sidebar-color-bg .menu-social-media a {
border-color: #fff;
}
.sidebar-color-bg .navik-menu-fixed > ul > li > a,
.sidebar-color-bg .navik-menu-fixed > ul ul a {
color: #fff !important;
}
.sidebar-color-bg .navik-menu-fixed > ul ul a::before,
.sidebar-color-bg .overlay-dropdown-plus:before,
.sidebar-color-bg .overlay-dropdown-plus:after {
background-color: #fff;
}
.sidebar-color-bg .navik-menu-fixed ul li a:hover {
color: rgba(255, 255, 255, 0.8) !important;
}  .navik-menu .navik-menu-icon {
margin-right: 5px;
color: #a1a1a1;
}
.navik-menu ul li > a .navik-menu-icon,
.navik-menu .mega-menu-heading a .navik-menu-icon {
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.navik-menu ul li.current-menu > a .navik-menu-icon,
.navik-menu ul li:hover > a .navik-menu-icon,
.navik-menu .mega-menu-heading a:hover .navik-menu-icon {
color: #26c6da !important;
}
.header-dark .navik-menu .navik-menu-icon {
color: #717171;
}
.navik-menu-overlay .navik-menu-icon {
position: relative;
top: -2px;
margin-right: 10px;
}
.navik-menu-overlay > ul ul li a .navik-menu-icon {
top: -1px;
margin-right: 7px;
}
.menu-slide .navik-menu-overlay > ul ul li a .navik-menu-icon {
margin-right: 5px;
}
.navik-menu-fixed .navik-menu-icon {
margin-right: 5px;
} @media (min-width: 768px) {
.navik-header .logo {
float: left;
padding: 30px 40px 30px 0;
}
.navik-menu {
clear: both;
}
.header-shadow-wrapper:after {
-webkit-box-shadow: 0px 10px 40px -5px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 40px -5px rgba(0,0,0,0.1);
-o-box-shadow: 0px 10px 40px -5px rgba(0,0,0,0.1);
box-shadow: 0px 10px 40px -5px rgba(0,0,0,0.1);
}
.navik-header-overlay .logo {
left: 30px;
}
.navik-header-overlay .burger-menu {
right: 30px;
}
.navik-menu-overlay > ul > li {
padding: 0 110px 0 30px;
margin-bottom: 16px;
}
.overlay-center-menu .navik-menu-overlay > ul > li {
padding: 0 30px;
}
.overlay-dropdown-plus {
width: 24px;
height: 24px;
line-height: 24px;
top: 7px;
right: 43px;
}
.overlay-dropdown-plus:before,
.overlay-dropdown-plus:after {
top: 11px;
right: 7px;
}
.navik-menu-overlay > ul > li > .menu-overlay-link a {
font-size: 34px;
}
.navik-menu-overlay > ul ul li a {
font-size: 16px;
}
.navik-menu-overlay > ul ul li {
margin-left: 42px;
}
.navik-menu-overlay > ul > li > ul > li:after {
top: 1px;
left: -23px;
height: 16px;
}
.navik-menu-overlay > ul > li > ul {
padding: 13px 0 16px;
}
.overlay-center-menu .navik-menu-overlay > ul > li > ul {
padding: 18px 0 21px;
}
.overlay-center-menu .overlay-dropdown-plus {
right: -42px;
}
.submenu-vertical > ul > li ul {
right: -60px;
padding-right: 60px !important;
}
.submenu-vertical > ul > li > ul li {
margin-bottom: 7px;
}
.submenu-vertical > ul > li > ul ul {
padding-top: 7px;
}
.submenu-vertical > ul > li > ul li .overlay-dropdown-plus {
top: -2px;
right: -67px;
}
.overlay-center-menu .submenu-vertical > ul > li > ul li .overlay-dropdown-plus {
right: -42px;
}
.menu-social-media {
bottom: 34px;
padding: 0 110px;
}
.overlay-center-menu .menu-social-media {
padding: 0 40px;
}
.navik-header-overlay.menu-slide .nav-menu-wrapper {
width: 400px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul {
padding: 140px 0 100px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li {
margin-bottom: 14px;
padding: 0 60px 0 45px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul ul li a {
padding-left: 23px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay.submenu-no-separate > ul ul li a {
padding-left: 15px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul ul li a:hover {
padding-left: 33px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay.submenu-no-separate > ul ul li a:hover {
padding-left: 25px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul ul li a::before {
left: 5px;
height: 15px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li > ul li {
margin-bottom: 7px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li > ul {
padding: 28px 0 16px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li > ul ul {
padding-top: 7px;
padding-left: 23px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li ul .overlay-dropdown-plus {
top: -2px;
right: -17px;
}
.navik-header-overlay.menu-slide .menu-social-media {
padding: 0 45px;
}
.navik-menu .mega-menu-media {
display: table;
width: 100%;
}
.navik-menu .mega-menu-media-img,
.navik-menu .mega-menu-media-info {
display: table-cell;
vertical-align: top;
}
.navik-menu .mega-menu-media-img {
width: 120px;
}
.navik-menu .mega-menu-media-img .mega-menu-thumbnail {
margin-bottom: 0;
}
.navik-menu .mega-menu-media-img img {
width: 100%;
height: auto;
}
.navik-menu .mega-menu-media-info {
padding-left: 20px;
}
.navik-menu-overlay .navik-menu-icon {
margin-right: 12px;
}
.menu-slide .navik-menu-overlay .navik-menu-icon {
margin-right: 10px;
}
.navik-menu-overlay > ul ul li a .navik-menu-icon {
margin-right: 8px;
}
.navik-menu-overlay.submenu-no-separate > ul ul li {
margin-left: 25px;
}
}
@media (min-width: 1200px) { .navik-header-container {
height: 90px;
}
.navik-header-overlay .navik-header-container {
height: auto;
}
.navik-header .logo {
position: relative;
padding: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.navik-header .logo img {
max-width: inherit;
max-height: 90px;
width: auto;
}
.burger-menu {
display: none;
}
.navik-menu {
float: right;
clear: inherit;
}
.navik-menu > ul {
display: block !important;
padding: 0;
font-size: 0;
}
.navik-menu > ul > li {
display: inline-block;
}
.navik-menu ul li {
position: relative;
}
.navik-menu > ul > li > a {
position: relative;
height: 90px;
line-height: 90px;
box-sizing: border-box;
white-space: nowrap;
padding: 0 20px;
}
.navik-menu > ul > li:last-child > a {
padding: 0 0 0 20px;
}
.navik-menu.menu-hover-2 > ul > li:last-child > a,
.navik-menu.menu-hover-3 > ul > li:last-child > a,
.navik-menu.menu-hover-4 > ul > li:last-child > a,
.center-menu-1 .navik-menu > ul > li:last-child > a,
.center-menu-2 .navik-menu > ul > li:last-child > a {
padding: 0 20px;
}
.navik-menu.separate-line.menu-hover-2 > ul > li:last-child > a,
.navik-menu.separate-line.menu-hover-3 > ul > li:last-child > a,
.navik-menu.separate-line.menu-hover-4 > ul > li:last-child > a,
.center-menu-1 .navik-menu.separate-line > ul > li:last-child > a,
.center-menu-2 .navik-menu.separate-line > ul > li:last-child > a {
padding: 0 28px;
}
.navik-menu ul li.current-menu > a,
.navik-menu ul li:hover > a,
.header-dark .navik-menu ul li.current-menu > a,
.header-dark .navik-menu ul li:hover > a {
background-color: inherit;
}
.dropdown-plus {
display: none;
}
.navik-menu ul li.dropdown_menu > a > span:before {
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #c1c1c1;
position: relative;
content: '';
display: inline-block;
height: 4px;
width: 4px;
top: -3px;
margin-left: 8px;
box-sizing: content-box;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.header-dark .navik-menu ul li.dropdown_menu > a > span:before {
border-color: #a1a1a1;
}
.navik-menu li > ul {
display: block !important;
position: absolute;
width: 250px;
top: 100%;
left: 0;
background-color: #fff;
padding: 27px 0;
visibility: hidden;
opacity: 0;
-webkit-box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
-o-box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-dark .navik-menu li > ul {
background-color: #111111;
}
.navik-menu li:hover > ul {
visibility: visible;
opacity: 1;
}
.navik-menu li.submenu-right > ul {
left: inherit;
right: 0;
}
.navik-menu li > ul ul {
top: -27px;
left: 100%;
}
.navik-menu li.submenu-right > ul ul {
left: -100% !important;
}
.navik-menu ul ul li.dropdown_menu > a > span:before {
float: right;
top: 7px;
right: -10px;
margin: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.navik-menu ul ul li > a {
position: relative;
color: #818181;
padding: 9px 35px 7px !important;
}
.navik-menu ul ul li > a,
.navik-menu ul ul li:hover > a {
color: #818181;
background-color: transparent;
}
.header-dark .navik-menu ul ul li > a {
color: #a1a1a1;
background-color: transparent;
}
.header-dark .navik-menu ul ul li:hover > a {
color: #fff;
background-color: transparent;
}
.header-dark .navik-menu ul ul li:hover > a .navik-menu-icon {
color: #fff !important;
}
.navik-menu ul ul li:hover > a {
padding-left: 55px !important;
}
.navik-menu ul ul li > a:before {
position: absolute;
content: "";
top: 17px;
left: 35px;
width: 0;
height: 1px;
background: #a1a1a1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navik-menu ul ul li:hover > a:before {
width: 10px;
}
.navik-menu ul li.dropdown_menu > a > span {
display: none;
}
.navik-menu.menu-caret ul li.dropdown_menu > a > span {
display: inline-block;
}
.navik-menu.menu-caret ul ul li.dropdown_menu > a > span {
display: inline;
}
.navik-menu.separate-line > ul > li > a {
position: relative;
}
.navik-menu.separate-line > ul > li > a:before {
position: absolute;
content: "";
top: 50%;
right: 0;
width: 1px;
height: 20px;
background: #eeeeee;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-dark .navik-menu.separate-line > ul > li > a:before {
background: #333333;
}
.navik-menu.separate-line > ul > li:last-child > a:before {
display: none;
}
.navik-menu.separate-line > ul > li > a {
padding: 0 28px;
}
.navik-menu.separate-line > ul > li:last-child > a {
padding: 0 0 0 28px;
} .navik-header.sticky {
position: fixed;
width: 100%;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: stickyTransition;
animation-name: stickyTransition;
}
.navik-header.sticky .navik-header-container {
height: 70px;
}
.navik-header.sticky .navik-menu > ul > li > a {
height: 70px;
line-height: 70px;
}
.navik-header.sticky .logo {
padding: 0 40px 0 0;
}
.navik-header.center-menu-1.sticky .logo {
padding: 0;
}
.navik-header.sticky .logo img {
max-height: 70px;
}
@-webkit-keyframes stickyTransition {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes stickyTransition {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} .navik-header.center-menu-1 {
position: relative;
}
.navik-header.center-menu-1.sticky {
position: fixed;
}
.navik-header.center-menu-1 .navik-header-container > .logo {
display: none;
}
.logoCenter {
text-align: center;
display: table-cell !important;
vertical-align: middle;
}
.navik-header.center-menu-1 .logoCenter .logo {
float: none;
top: 0;
width: inherit;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.center-menu-1 .navik-menu {
display: table !important;
float: none;
width: 100%;
}
.center-menu-1 .navik-menu > ul {
display: table-cell !important;
vertical-align: top;
}
.center-menu-1 .navik-menu > ul:first-child {
text-align: right;
padding: 0 40px;
}
.center-menu-1 .navik-menu > ul:first-child ul {
text-align: left;
}
.center-menu-1 .navik-menu > ul:last-child {
text-align: left;
padding: 0 40px;
}
.navik-header.center-menu-2 .navik-header-container {
height: auto;
}
.navik-header.center-menu-2 .logo {
float: none;
top: 0;
padding: 36px 30px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.navik-header.center-menu-2 .logo img {
max-width: 100%;
max-height: inherit;
height: auto;
}
.center-menu-2 .navik-menu {
float: none;
text-align: center;
border-top: 1px solid #e9e9e9;
}
.center-menu-2.header-dark .navik-menu {
border-color: #333333;
}
.center-menu-2 .navik-menu li > ul {
text-align: left;
}
.center-menu-2 .navik-menu > ul > li > a {
height: 62px;
line-height: 62px;
}
.navik-header.center-menu-2.sticky .logo {
display: none;
}
.navik-header.center-menu-2.sticky .navik-menu {
border: none;
} .header-transparent-on .header-shadow-wrapper,
.header-opacity-on .header-shadow-wrapper {
display: none;
}
.navik-header.header-transparent-on,
.navik-header.header-opacity-on {
position: absolute;
width: 100%;
background-color: transparent;
}
.navik-header.header-opacity-on {
background-color: rgba(0,0,0,0.3);
}
.header-transparent-on .navik-menu > ul > li > a,
.header-opacity-on .navik-menu > ul > li > a {
color: #f7f7f7;
}
.header-transparent-on .navik-menu > ul > li:hover > a,
.header-transparent-on .navik-menu > ul > li.current-menu > a,
.header-opacity-on .navik-menu > ul > li:hover > a,
.header-opacity-on .navik-menu > ul > li.current-menu > a {
color: #26c6da;
}
.header-transparent-on .navik-menu > ul > li.dropdown_menu > a > span:before,
.header-opacity-on .navik-menu > ul > li.dropdown_menu > a > span:before {
border-color: #f7f7f7;
}
.header-transparent-on.center-menu-2 .navik-menu {
border-color: rgba(255,255,255,0.25);
}
.header-opacity-on.center-menu-2 .navik-menu {
border-color: rgba(255,255,255,0.2);
}
.header-transparent-on .navik-menu.separate-line > ul > li > a:before {
background: rgba(255,255,255,0.25);
}
.header-opacity-on .navik-menu.separate-line > ul > li > a:before {
background: rgba(255,255,255,0.2);
}
.header-transparent-on .navik-menu > ul > li > a .navik-menu-icon,
.header-opacity-on .navik-menu > ul > li > a .navik-menu-icon {
color: rgba(255, 255, 255, 0.85);
} .navik-menu.menu-hover-2 > ul > li.current-menu > a,
.navik-menu.menu-hover-2 > ul > li:hover > a {
background-color: #f8f8f8;
color: #212121;
}
.navik-menu.menu-hover-2 > ul > li > a:after,
.navik-menu.menu-hover-3 > ul > li > a:after {
position: absolute;
content: '';
left: 0;
bottom: -3px;
width: 100%;
height: 3px;
background: #26c6da;
opacity: 0;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navik-menu.menu-hover-2 > ul > li.current-menu > a:after,
.navik-menu.menu-hover-2 > ul > li:hover > a:after {
opacity: 1;
}
.navik-menu.menu-hover-3 > ul > li.current-menu > a,
.navik-menu.menu-hover-3 > ul > li:hover > a {
color: #212121;
}
.navik-menu.menu-hover-3 > ul > li > a:after {
width: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navik-menu.menu-hover-3 > ul > li.current-menu > a:after,
.navik-menu.menu-hover-3 > ul > li:hover > a:after {
width: 100%;
opacity: 1;
}
.navik-menu.menu-hover-4 > ul > li > a > .hover-transition {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1;
}
.navik-menu.menu-hover-4 > ul > li > a > .hover-transition:after {
display: block;
position: relative;
content: "";
width: calc(100% + 2px);
height: 0;
top: 50%;
left: 50%;
background: #26c6da;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navik-menu.menu-hover-4 > ul > li.current-menu > a > .hover-transition:after,
.navik-menu.menu-hover-4 > ul > li:hover > a > .hover-transition:after {
opacity: 1;
height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.navik-menu.menu-hover-4 > ul > li > ul {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.navik-menu.menu-hover-4 > ul > li:hover > ul {
-webkit-transition-delay: 0.13s;
-moz-transition-delay: 0.13s;
-o-transition-delay: 0.13s;
transition-delay: 0.13s;
}
.navik-menu.menu-hover-4 > ul > li.current-menu > a,
.navik-menu.menu-hover-4 > ul > li:hover > a {
color: #fff;
}
.navik-menu.menu-hover-4 > ul > li.current-menu.dropdown_menu > a > span:before,
.navik-menu.menu-hover-4 > ul > li.dropdown_menu:hover > a > span:before {
border-color: #fff;
}
.header-dark .navik-menu.menu-hover-2 > ul > li.current-menu > a,
.header-dark .navik-menu.menu-hover-2 > ul > li:hover > a {
background-color: #222222;
color: #fff;
}
.header-dark .navik-menu.menu-hover-3 > ul > li.current-menu > a,
.header-dark .navik-menu.menu-hover-3 > ul > li:hover > a {
color: #fff;
}
.header-transparent-on .navik-menu.menu-hover-2 > ul > li.current-menu > a,
.header-transparent-on .navik-menu.menu-hover-2 > ul > li:hover > a {
background-color: rgba(255, 255, 255, 0.25);
color: #f7f7f7;
}
.header-opacity-on .navik-menu.menu-hover-2 > ul > li.current-menu > a,
.header-opacity-on .navik-menu.menu-hover-2 > ul > li:hover > a {
background-color: rgba(255, 255, 255, 0.2);
color: #f7f7f7;
}
.header-transparent-on .navik-menu.menu-hover-3 > ul > li.current-menu > a,
.header-transparent-on .navik-menu.menu-hover-3 > ul > li:hover > a,
.header-opacity-on .navik-menu.menu-hover-3 > ul > li.current-menu > a,
.header-opacity-on .navik-menu.menu-hover-3 > ul > li:hover > a {
color: #f7f7f7;
}
.navik-menu.menu-hover-4 > ul > li.current-menu > a .navik-menu-icon,
.navik-menu.menu-hover-4 > ul > li:hover > a .navik-menu-icon {
color: #fff !important;
}
.header-transparent-on .navik-menu.menu-hover-2 > ul > li.current-menu > a .navik-menu-icon,
.header-transparent-on .navik-menu.menu-hover-2 > ul > li:hover > a .navik-menu-icon,
.header-opacity-on .navik-menu.menu-hover-2 > ul > li.current-menu > a .navik-menu-icon,
.header-opacity-on .navik-menu.menu-hover-2 > ul > li:hover > a .navik-menu-icon,
.header-transparent-on .navik-menu.menu-hover-3 > ul > li.current-menu > a .navik-menu-icon,
.header-transparent-on .navik-menu.menu-hover-3 > ul > li:hover > a .navik-menu-icon,
.header-opacity-on .navik-menu.menu-hover-3 > ul > li.current-menu > a .navik-menu-icon,
.header-opacity-on .navik-menu.menu-hover-3 > ul > li:hover > a .navik-menu-icon {
color: rgba(255, 255, 255, 0.85) !important;
} .navik-menu.submenu-top-border li > ul {
border-top: 3px solid #26c6da;
}
.navik-menu.submenu-top-border li > ul ul {
top: -30px;
}
.navik-menu.submenu-list-border li > ul ul {
top: -20px;
}
.navik-menu.submenu-top-border.submenu-list-border li > ul ul {
top: -23px;
}
.navik-menu.submenu-list-border ul ul li > a {
padding: 15px 35px 14px !important;
}
.navik-menu.submenu-list-border ul ul li:first-child > a {
padding: 8px 35px 14px 35px !important;
}
.navik-menu.submenu-list-border ul ul li:last-child > a {
padding: 15px 35px 8px 35px !important;
}
.navik-menu.submenu-list-border ul ul li:after {
position: absolute;
content: "";
bottom: 0;
left: 35px;
right: 35px;
height: 1px;
background: #eeeeee;
}
.navik-menu.submenu-list-border ul ul li:last-child:after {
display: none;
}
.navik-menu.submenu-list-border ul ul li:hover > a {
padding-left: 55px !important;
}
.navik-menu.submenu-list-border ul ul li:nth-child(n+2) > a:before {
top: 24px;
}
.header-dark .navik-menu.submenu-list-border ul ul li:after {
background: #333333;
} .navik-menu.submenu-flip li > ul {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.navik-menu.submenu-flip li:hover > ul {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.navik-menu.submenu-flip ul {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 200px;
-ms-perspective: 200px;
perspective: 200px;
}
.navik-menu.submenu-flip ul li {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 200px;
-ms-perspective: 200px;
perspective: 200px;
}
.navik-menu.submenu-scale li > ul {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.navik-menu.submenu-scale li.submenu-right ul {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.navik-menu.submenu-scale li:hover > ul {
-webkit-transform: scale(1);
transform: scale(1);
} .navik-header-overlay .logo {
top: 50px;
left: 40px;
}
.navik-header-overlay .burger-menu {
top: 40px;
right: 40px;
}
.navik-menu-overlay > ul > li {
padding: 0 130px 0 40px;
}
.overlay-center-menu .navik-menu-overlay > ul > li {
padding: 0 40px;
}
.overlay-dropdown-plus {
right: 53px;
}
.submenu-vertical > ul > li ul {
right: -70px;
padding-right: 70px !important;
}
.submenu-vertical > ul > li > ul li .overlay-dropdown-plus {
right: -77px;
}
.navik-header-overlay.menu-slide .navik-menu-overlay > ul > li ul .overlay-dropdown-plus {
right: -7px;
}
.menu-social-media {
padding: 0 130px;
} .navik-mega-menu.mega-menu-fullwidth .navik-header-container {
position: inherit;
}
.navik-mega-menu .navik-header-container,
.navik-mega-menu.mega-menu-fullwidth {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 200px;
-ms-perspective: 200px;
perspective: 200px;
}
.navik-menu .mega-menu-container {
padding: 15px 15px 0;
}
.navik-mega-menu .navik-menu.submenu-flip > ul,
.navik-mega-menu .navik-menu.submenu-flip ul li.mega-menu,
.navik-mega-menu.mega-menu-fullwidth .navik-header-container {
-webkit-transform-style: unset;
transform-style: unset;
-webkit-perspective: none;
-ms-perspective: none;
perspective: none;
}
.navik-menu.submenu-flip .mega-menu > ul {
-webkit-perspective: inherit;
-ms-perspective: inherit;
perspective: inherit;
}
.navik-menu.submenu-scale li.mega-menu ul,
.navik-menu.submenu-scale li.mega-menu.submenu-right ul {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.navik-menu.submenu-scale .mega-menu-container li > ul {
-webkit-transform: scale(1);
transform: scale(1);
}
.navik-menu.submenu-flip .mega-menu-container li > ul {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.navik-menu ul li.mega-menu {
position: inherit;
font-size: initial;
}
.navik-menu li.mega-menu > ul {
width: 100%;
padding: 25px 20px 15px;
}
.navik-menu li.mega-menu:hover .mega-menu-container li > ul {
visibility: visible;
opacity: 1;
}
.navik-menu .mega-menu-container li ul,
.navik-menu.submenu-top-border .mega-menu-container li ul,
.navik-menu.submenu-list-border .mega-menu-container li ul {
position: relative;
top: 0 !important;
left: inherit;
width: 100%;
border-top: none;
padding: 0;
-webkit-box-shadow: inherit;
-moz-box-shadow: inherit;
-o-box-shadow: inherit;
box-shadow: inherit;
}
.navik-menu.menu-caret .mega-menu-container li.dropdown_menu > a > span,
.navik-menu .mega-menu-container ul li > a:before,
.navik-menu.submenu-list-border .mega-menu-container ul li:after {
display: none;
}
.navik-menu li.mega-menu.submenu-right > ul ul {
left: inherit !important;
}
.navik-menu .mega-menu-container ul li a,
.navik-menu .mega-menu-container ul li:hover a,
.navik-menu.submenu-list-border .mega-menu-container ul li a,
.navik-menu.submenu-list-border .mega-menu-container ul li:hover a,
.navik-menu.submenu-list-border .mega-menu-container ul li:first-child a,
.navik-menu.submenu-list-border .mega-menu-container ul li:first-child:hover a,
.navik-menu.submenu-list-border .mega-menu-container ul li:last-child a,
.navik-menu.submenu-list-border .mega-menu-container ul li:last-child:hover a {
padding: inherit !important;
}
.navik-menu .mega-menu-container ul.mega-menu-list li a,
.navik-menu .mega-menu-container ul.mega-menu-list li:hover a,
.navik-menu.submenu-list-border .mega-menu-container ul.mega-menu-list li a,
.navik-menu.submenu-list-border .mega-menu-container ul.mega-menu-list li:hover a {
padding: 5px 0 !important;
color: #818181;
}
.navik-menu .mega-menu-container ul.mega-menu-list li a:hover,
.navik-menu.submenu-list-border .mega-menu-container ul.mega-menu-list li a:hover {
padding-left: 20px !important;
}
.navik-menu .mega-menu-container ul.mega-menu-list li > a:before {
display: block;
left: 0;
top: 13px !important;
}
.header-dark .navik-menu .mega-menu-container ul.mega-menu-list li a {
color: #a1a1a1;
}
.header-dark .navik-menu .mega-menu-container ul.mega-menu-list li a:hover {
color: #fff;
} .navik-fixed-sidebar {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.navik-side-content > .logo,
.navik-fixed-sidebar + .burger-menu,
.fixedsidebar-bg-overlay {
display: none;
}
.navik-fixed-sidebar .logo {
display: block;
}
.navik-side-content {
width: calc(100% - 250px);
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
-webkit-transform: translateX(0%) !important;
-moz-transform: translateX(0%) !important;
-o-transform: translateX(0%) !important;
transform: translateX(0%) !important;
}
.navik-sidebar-left ~ .fixedsidebar-bg-overlay + .navik-side-content {
margin-left: auto;
}
.navik-sidebar-right ~ .fixedsidebar-bg-overlay + .navik-side-content {
margin-right: auto;
}
.navik-sidebar-left,
.navik-sidebar-right {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.navik-menu-fixed {
padding-top: 0;
}
}