/* Site header + mobile menu, extracted from the site CSS so every page shows the same header. */
@import url('sections/variables.css');
@import url('sections/fonts.css');
.main-header,.hidden-bar,.menu-backdrop{font-family:'Open Sans',sans-serif;font-size:16px;color:#6c7171;line-height:1.8em;-webkit-font-smoothing:antialiased}
.main-header *,.main-header ::after,.main-header ::before,.hidden-bar *,.hidden-bar ::after,.hidden-bar ::before{box-sizing:border-box;margin:0;padding:0;border:none;outline:none}
.main-header a,.hidden-bar a{text-decoration:none;cursor:pointer;color:var(--primary-color);transition:all 300ms linear}
.main-header ul,.main-header li,.hidden-bar ul,.hidden-bar li{list-style:none;margin:0;padding:0}
.main-header img{max-width:100%;vertical-align:middle}
.main-header .clearfix::after,.hidden-bar .clearfix::after{content:"";display:table;clear:both}
.auto-container{position:static;max-width:1360px;padding:0 20px;margin:0 auto}
.bn-btn{display:inline-block;background:var(--primary-color,#6206B2);color:#fff !important;font-weight:700;font-size:16px;line-height:1;padding:16px 30px;border-radius:999px;box-shadow:0 10px 24px -10px rgba(98,6,178,.55);transition:transform .25s,filter .25s}
.bn-btn:hover{filter:brightness(.92);transform:translateY(-2px)}
.main-header .links-box .book-now{padding-top:2px}
.main-header::before{content:"";position:absolute;left:0;right:0;top:0;height:120px;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,0));transition:opacity .3s}
.main-header.fixed-header::before{opacity:0}
.hidden-bar .links-box .book-now{padding:10px 0 4px}
.main-header{position: absolute; left: 0; top: 0; width: 100%; padding: 0px 0px; background: none; min-height: 100px; font-family: 'Open Sans', sans-serif; z-index: 999;}
.main-header.alternate{position: relative; min-height: 126px;}
.main-header .auto-container{max-width: 1920px; padding: 0 60px;}
.main-header .lang-box .lang-btn{position: relative; display: block; padding: 3px 0; line-height: 24px; color: var(--medium-gray-color); cursor: pointer;}
.main-header .lang-box .lang-btn .img{position: relative; top: 4px; float: left;}
.main-header .lang-box .lang-btn .txt{position: relative; float: left; font-size: 14px; font-weight: 400; text-transform: uppercase;}
.main-header .lang-box .lang-btn .icon{position: relative; float: left; top: 1.5px; font-size: 12px; margin-left: 7px; line-height: 24px; font-weight: 700;}
.main-header .lang-box .lang-list{position: absolute; left: 0; top: 100%; width: 130px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.10); box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15); border-radius: 0 0 5px 5px; opacity: 0; visibility: hidden;}
.main-header .lang-box:hover .lang-list{opacity: 1; visibility: visible;}
.main-header .lang-box .lang-list li{position: relative; float: none; display: block; font-size: 12px; text-transform: uppercase; margin: 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
.main-header .lang-box .lang-list li:last-child{border-bottom: none;}
.main-header .lang-box .lang-list li a{position: relative; display: block; line-height: 20px; color: var(--dark-gray-gray); padding: 5px 10px;}
.main-header .lang-box .lang-list li a:hover{color: #fff; background-color: var(--primary-color);}
.main-header .header-upper{position: absolute; left: 0; top: 12px; width: 100%; background: none; padding: 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.0); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;}
.header-style-two .header-upper{top: 40px; background: #fff;}
.header-style-two .auto-container{max-width: 1360px; padding: 0 20px;}
.fixed-header .header-upper{position: fixed; top: 0; background: #fff; border-bottom-color: rgba(0, 0, 0, 0.15);}
.visible-search .main-header .header-upper{background: #fff; border-bottom-color: rgba(0, 0, 0, 0.15);}
.main-header ul,.main-header ul li{list-style: none; margin: 0; padding: 0;}
.main-header .main-box{position: relative; padding: 0px;}
.header-style-two .header-upper .outer{position: relative; float: right;}
.main-header .main-box .logo-box{position: relative; display: block; float: left; padding: 27px 0px; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; z-index: 5;}
.fixed-header .main-box .logo-box{}
.main-header .main-box .logo-box .logo{position: relative; display: block;}
.main-header .main-box .logo-box .logo img{position: relative; display: block; height: 50px; z-index: 1;}
.main-header .header-upper .links-box{position: relative; float: right; padding-top: 24px;}
.header-style-two .header-upper .links-box{float: left;}
.main-header .header-upper .links-box .link{position: relative; float: left; margin-left: 25px;}
.main-header .header-upper .login{position: relative; margin-left: 0; padding-top: 13px;}
.main-header .header-upper .login a{color: var(--medium-gray-color); font-size: 16px; line-height: 30px;}
.main-header .header-upper .social{position: relative; margin-left: 0; padding-top: 13px;}
.main-header .header-upper .social li{position: relative; float: left; margin-right: 20px;}
.main-header .header-upper .social li:last-child{margin-right: 0;}
.main-header .header-upper .social li a{color: var(--dark-gray-gray); font-size: 18px; line-height: 30px;}
.main-header .header-upper .social li a:hover{color: var(--primary-color);}
.main-header .header-upper .social li a.facebook{color: var(--facebook-color);}
.main-header .header-upper .social li a.twitter{color: var(--twitter-color);}
.main-header .header-upper .social li a.linkedin{color: var(--linkedin-color);}
.main-header .header-upper .social li a.youtube{color: var(--youtube-color);}
.main-header .header-upper .social li a:hover{color: var(--primary-color);}
.main-header .header-upper .lang-box{position: relative; margin-left: 0; padding-top: 13px;}
.main-header .header-upper .links-box .call-to{position: relative; margin-left: 60px; font-family: 'Gilroy_Bold', sans-serif;}
.main-header .header-upper .call-to a{position: relative; display: block; font-size: 14px; line-height: 20px; color: var(--dark-gray-gray); padding-top: 8px; padding-left: 70px; min-height: 56px;}
.main-header .header-upper .call-to .icon{position: absolute; left: 0; top: 0; width: 56px; height: 56px; font-size: 18px; background: var(--primary-color); color: #fff; line-height: 56px; text-align: center; border-radius: 50%; -webkit-animation: icon-bounce 0.8s ease-out infinite; animation: icon-bounce 0.8s ease-out infinite;}
.main-header .header-upper .call-to a .nmbr{position: relative; display: block; font-size: 18px; line-height: 26px;}
.main-header .header-upper .call-to a .nmbr:hover{color: var(--primary-color);}
.main-header .nav-toggler{position: relative; float: left; left: 0; top: 0; padding: 16px 0px 0; margin-top: 15px; margin-left: 20px; display: none;}
.main-header .nav-toggler button{position: relative; width: 30px; height: 44px; line-height: 24px; padding: 5px 0px; background: none; color: #e1e1e1; font-size: 16px; margin: 0px; border-radius: 0px; outline: none !important;}
.main-header .nav-toggler button img{position: relative; display: inline-block; vertical-align: middle; height: 34px;}
.main-header .nav-box{position: relative; float: left; margin-left: 80px;}
.header-style-two .nav-box{margin-left: 0;}
.main-header .nav-outer{position: relative;}
.main-menu{position: relative; display: block; padding: 0px 0px;}
.main-menu .navbar-collapse{padding: 0px; margin: 0px; border: none; box-shadow: none;}
.main-menu .navigation{position: relative; z-index: 1;}
.main-menu .navigation > li{position: relative; display: block; float: left; padding: 30px 0px; margin-right: 40px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.main-menu .navigation > li:last-child{margin-right: 0;}
.main-menu .navigation > li > a{position: relative; display: block; font-size: 16px; color: var(--dark-gray-gray); padding: 10px 0px; font-weight: 400; line-height: 24px; font-family: 'Gilroy_Bold', sans-serif; text-transform: capitalize; opacity: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.main-menu .navigation > li > a:after{content: ""; position: absolute; left: 0px; bottom: 0px; display: block; width: 0; border-bottom: 3px solid var(--primary-color); opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; z-index: 1;}
.main-menu .navigation > li:hover > a:after,.main-menu .navigation > li.current > a:after,.main-menu .navigation > li.current-menu-item > a:after{opacity: 1; visibility: visible; width: 12px;}
.main-menu .navigation > li:hover > a,.main-menu .navigation > li.current > a,.main-menu .navigation > li.current-menu-item > a{color: var(--primary-color); text-decoration: none; opacity: 1;}
.main-menu .navigation > li > ul{position: absolute; left: 0px; top: 100%; width: 240px; padding: 15px 10px; z-index: 100; opacity: 1; text-align: left; background: #fff; border: none; border-radius: 5px; -webkit-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.03), -2px 0px 10px 1px rgba(0, 0, 0, 0.03); -ms-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.03), -2px 0px 10px 1px rgba(0, 0, 0, 0.03); -o-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.03), -2px 0px 10px 1px rgba(0, 0, 0, 0.03); -moz-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.03), -2px 0px 10px 1px rgba(0, 0, 0, 0.03); box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.03), -2px 0px 10px 1px rgba(0, 0, 0, 0.03); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -moz-transition: all 100ms ease; -webkit-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease;}
.main-menu .navigation > li > ul > li{position: relative; margin-bottom: 0px;}
.main-menu .navigation > li > ul > li:last-child{border-bottom: none; margin-bottom: 0;}
.main-menu .navigation > li > ul > li > a{position: relative; display: block; padding: 8px 16px; font-size: 16px; line-height: 26px; font-weight: 400; color: #2E2E2E; text-transform: capitalize; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.main-menu .navigation > li > ul > li:hover > a,.main-menu .navigation > li > ul > li.current > a{color: var(--primary-color); background: rgba(0, 0, 0, 0.05);}
.main-menu .navigation > li.dropdown:hover > ul{visibility: visible; opacity: 1; top: 100%; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
body.visible-sidebar{overflow-y: hidden;}
.menu-backdrop{position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 9990; background: rgba(0, 0, 0, 0.70); cursor: pointer; opacity: 0; visibility: hidden; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;}
.visible-sidebar .menu-backdrop{opacity: 1; visibility: visible;}
.hidden-bar{position: fixed; top: 0; left: 0; bottom: 0; width: 100%; max-width: 320px; background: #fff; padding-top: 60px; color: #101010; border-right: 4px solid var(--primary-color); z-index: 9999; visibility: hidden; -ms-transform: translateX(-400px); transform: translateX(-400px); transition: all 500ms ease-in; -webkit-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out;}
.hidden-bar .hidden-bar-closer{display: none;}
.hidden-bar.visible-sidebar{opacity: 1; visibility: visible; -ms-transform: translateX(0px); transform: translateX(0px);}
.hidden-bar .nav-logo-box{position: relative; padding: 10px 25px 20px; margin-bottom: 20px;}
.hidden-bar .nav-logo-box img{max-height: 60px;}
.hidden-bar ol,.hidden-bar ol li,.hidden-bar ul,.hidden-bar ul li{list-style-type: none; margin: 0px;}
.hidden-bar .hidden-bar-closer{position: absolute; right: -5px; top: 0px; padding: 14px 20px; line-height: 30px; cursor: pointer; display: block; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; z-index: 9999;}
.hidden-bar .hidden-bar-closer svg{width: 20px; height: 20px; stroke-width: 1.25px;}
.hidden-bar-wrapper{position: absolute; left: 0; top: 0px; bottom: 0; width: 100%; overflow-y: auto; padding: 20px 0px 35px; overflow-x: hidden;}
.hidden-bar .side-menu{position: relative; display: block; border-top: 1px solid rgba(0, 0, 0, 0.07); font-family: 'Open Sans', sans-serif;}
.hidden-bar .side-menu ul li{position: relative; display: block; padding: 5px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.20);}
.hidden-bar .side-menu ul li a{position: relative; color: #8E8E8E; display: block; font-weight: 600; font-size: 14px; line-height: 24px; text-transform: capitalize; padding: 5px 30px; letter-spacing: 0.05em; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.hidden-bar .side-menu ul li a:hover,.hidden-bar .side-menu ul > li.current > a,.hidden-bar .side-menu ul > li > ul > li.current > a{color: var(--primary-color);}
.hidden-bar .side-menu ul li ul li{border-bottom: none; border-top: 1px solid rgba(0, 0, 0, 0.07); padding-left: 10px;}
.hidden-bar .side-menu ul li ul li a{line-height: 24px; font-weight: 500; text-transform: capitalize; font-size: 15px;}
.hidden-bar .side-menu ul li .btn-expander{position: absolute; top: 11px; right: 0; background: none; color: rgba(0, 0, 0, 0.70); font-size: 14px; height: 24px; width: 20px; line-height: 24px; border-radius: 0px; outline: none; cursor: pointer; z-index: 1;}
.hidden-bar .side-menu ul li{border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding: 0;}
.hidden-bar .side-menu ul li a{display: block; vertical-align: top; padding: 12px 30px 12px 25px; font-size: 16px; font-weight: 500; color: #231F20; text-transform: capitalize;}
.hidden-bar .side-menu ul li ul li a{font-size: 14px; font-weight: 500;}
.hidden-bar .side-menu ul li .btn-expander{top: 9px; right: 15px; font-weight: 700; font-size: 13px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.50);}
.hidden-bar .side-menu ul li .btn-expander i{font-weight: 800;}
.hidden-bar .side-menu ul li ul{padding: 0px 0px;}
.hidden-bar .side-menu ul li ul li ul{padding: 0px 0px; margin-left: 0px;}
.hidden-bar .side-menu ul li ul li{margin-bottom: 0px;}
.hidden-bar .side-menu ul li ul li:last-child{margin-bottom: 0;}
.hidden-bar .links-box{position: relative; display: block; padding: 30px 25px;}
.hidden-bar .links-box .link{position: relative; margin-top: 15px;}
.hidden-bar .links-box .link .theme-btn{display: block;}
.banner-section .auto-container{max-width: none; padding: 0 0;}
.banner-two .slide-item .links-box{position: relative; display: block; padding-top: 40px; opacity: 0; visibility: hidden; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px);}
.banner-two .swiper-slide-active .links-box{opacity: 1; visibility: visible; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); -webkit-transition: all 1000ms ease 2000ms; -ms-transition: all 1000ms ease 2000ms; -o-transition: all 1000ms ease 2000ms; -moz-transition: all 1000ms ease 2000ms; transition: all 1000ms ease 2000ms;}
.banner-two .slide-item .links-box .link{position: relative; display: inline-block; vertical-align: top; margin: 0 7px 15px;}
.banner-two .slide-item .links-box .link .theme-btn{display: block; min-width: 180px;}
@media only screen and (max-width: 1499px){
.main-header .auto-container{padding: 0 20px;}
.main-header .nav-box{margin-left: 30px;}
}
@media only screen and (max-width: 1339px){
.main-menu .navigation > li{margin-right: 20px;}
.main-header .header-upper .links-box .call-to{margin-left: 20px;}
.main-header .header-upper .links-box .link{margin-left: 15px;}
}
@media only screen and (max-width: 1199px){
.main-header .nav-toggler{display: block; float: right;}
.main-header .nav-box{display: none;}
.main-header .header-upper .call-to{display: none;}
}
@media only screen and (min-width: 768px){
.main-menu .navigation > li > ul,.main-menu .navigation > li > ul > li > ul{display:block !important; visibility:hidden; opacity:0;}
}
@media only screen and (max-width: 767px){
.main-header .header-upper .links-box{display: none;}
.main-header .header-upper{top: 0;}
.header-style-two .header-upper{top: 40px;}
.header-style-two.fixed-header .header-upper{top: 0;}
}
@media only screen and (max-width: 599px){
.header-style-two .header-upper{top: 0;}
}
.main-header .main-box .logo-box .logo{display: flex; align-items: center;}
.site-logo-img,.main-header .main-box .logo-box .logo img{height: 52px !important; width: auto !important; max-width: 200px !important; object-fit: contain !important; display: block !important; transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);}
.main-header .main-box .logo-box .logo:hover .site-logo-img,.main-header .main-box .logo-box .logo:hover img{transform: scale(1.025);}
.hidden-bar .nav-logo-box img{height: 48px !important; width: auto !important; max-width: 180px !important; object-fit: contain !important;}
.main-menu .navigation > li > a:hover{color: var(--split-purple) !important;}
.main-menu .navigation > li.current > a{color: var(--primary-color) !important;}
.main-menu .navigation > li.current > a:after{background: linear-gradient(90deg, var(--primary-color), var(--split-purple)) !important; border-bottom: 3px solid transparent !important; height: 3px; border-radius: 2px;}
