/*
--------------------------------------------------------------------------------------------------------
* Project    :                                                                                         *
* Author     : pus_infotech                                                                            * 
* Support    : pusinfotech@gmail.com                                                                   * 
*------------------------------------------------------------------------------------------------------- 
NOTE: This is main stylesheet of template, This file contains the styling for the actual Template.
*/
.header {position: relative; top: 0; left: 0; width: 100%; z-index: 999; }
.header.sticky {background: #031153; position: fixed !important; top: 0 !important; left: 0 !important; width: 100%; z-index: 999; animation: mymove 0.4s linear; -webkit-box-shadow: 2px 0 70px hsl(0deg 0% 13% / 15%); box-shadow: 2px 0 70px hsl(0deg 0% 13% / 15%); }
.header.sticky .top-header{display: none;}
.header.sticky .main-header .navbar {box-shadow: none; padding: 0; }
.header .top-header a{color: #ff14ae; }
.header .top-header .language-list {position: relative; margin-left: 15px; }
.header .top-header .social ul li a {position: relative; margin: 0 5px }
.header .top-header .language-list select {height: auto; padding: 2px 25px 2px 5px; border: 2px solid #2020201a; border-radius: 5px; }
.header .top-header .language-list i.fas {position: absolute; right: 10px; top: 8px; }
/* Main Menu CSS Start*/            
.main-header{position: relative; padding: 15px 0;}
.main-header .navbar {width: 100%; position: relative; padding: 0 0px; }
/*.main-navigation .menu a.active, .main-navigation .menu a:hover {background: #f57046; }*/
.main-navigation ul li {display: inline-block; position: relative; } 
.main-navigation .menu > li > a {font-size: 28px; line-height: 30px; font-weight: normal; text-transform: capitalize; position: relative; padding: 3px 10px ; z-index: 5; display: inline-block; color: #7650d9; margin: 0 2px ; font-family: 'Bebas Neue', cursive !important; }
.main-navigation .menu > li > a.active, .main-navigation .menu > li > a:hover{color: #ffffff;}
.main-navigation .menu > li > a.active:before, .main-navigation .menu > li > a:hover:before{background: #ff00ae; }
.main-navigation .menu > li > a:before {content: ''; height: calc(100% - 0px ); width: 100%; position: absolute; bottom: 0; left: 0; z-index: -1; opacity: 1; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; background: #4aff85; transform: skew(346deg); box-shadow: 4px 4px 0px #7650d9; }
.main-navigation .menu > li.active > a:before, .main-navigation .menu > li:hover > a:before {opacity: 1;}
/* Main Menu CSS End*/            
/* Submenu / Dropdown Menu CSS */
.main-navigation .sub-menu.megamenu {padding: 15px; }
.main-navigation .sub-menu li {width: 100%; display: inline-block; } 
.main-navigation .sub-menu li > a {width: 100%; display: inline-block; padding: 5px 10px; font-size: 16px; position: relative; -webkit-transition: all 0.2s; transition: all 0.2s; text-transform: capitalize; line-height: 30px; color: #ffffff; }
.main-navigation .sub-menu li > a:hover {background: -webkit-linear-gradient(to right, #FF512F 0%, #F09819  100%);    background: -moz-linear-gradient(to right, #FF512F 0%, #F09819  100%);    background: -ms-linear-gradient(to right, #FF512F 0%, #F09819  100%);    background: -o-linear-gradient(to right, #FF512F 0%, #F09819  100%);    background: linear-gradient(to right, #FF512F 0%, #F09819  100%);  }
.main-navigation ul li:hover > ul {opacity: 1; visibility: visible; display: block;}
.main-navigation .sub-menu {position: absolute; width: 220px;left: 0; top: 90px; z-index: 2;-webkit-transition: .3s; transition: .3s; visibility: hidden; opacity: 0; background: #1e1916; margin: 0; padding: 0; list-style: none; display: none;}
.main-navigation .sub-menu ul.sub-menu {left: 220px; top: 0; }
/* Submenu / Dropdown Menu CSS End */
/*megamenu Start*/
.megamenu {width: 100%; z-index: 9999; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 00px, 0); left: 50%; min-width: 768px; }
.menu-open .megamenu {width: 100%; z-index: 9999; -webkit-transform: translate3d(00%, 10px, 0); transform: translate3d(00%, 00px, 0); left: 0; min-width: 100%; }
.menu-open .grid-3.megamenu-grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 0; }
.menu-open p.nav-title{margin-top: 15px; }
/*megamenu End*/

.right-part {margin-left: auto; }
.navbar-brand{width: 150px;}

/* Mobile Menu CSS Start*/
.mobile-menu-trigger {cursor: pointer; display: none; background: transparent; border: none; }
.mobile-menu-trigger span {height: 2px; display: block; width: 35px; margin-bottom: 9px; background-color: #ff14ae;}
.mobile-menu-trigger span:last-child {margin-bottom: 0; }
.mobile-menu-container {position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background-image: url(../../assets/images/main-bg.png); z-index: 999999; opacity: 0; visibility: hidden; overflow-y: scroll; -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); overflow-x: hidden; -webkit-transition: .4s; transition: .4s; }
.mobile-menu-container li {opacity: 0; visibility: hidden; -ms-transform: translateX(1000px); -webkit-transform: translateX(1000px); transform: translateX(100px); -webkit-transition: 1s; transition: 1s; border-top: 1px solid rgb(255 255 255 / 8%);}
.mobile-menu-container li:nth-last-child(1) {border-bottom: 1px solid rgb(255 255 255 / 8%); }
.mobile-menu-container li > a .slicknav_arrow:after {content: "\f067"; position: absolute; font-family: 'FontAwesome'; top: 0; bottom: 0; color: white; z-index: 999; margin: 0 auto; text-align: center; right: 0; left: 0; font-size: 16px; line-height: 50px; }
.mobile-menu-container.menu-open li.slicknav_open > a .slicknav_arrow:after{content: "\f068";}
.mobile-menu-container.menu-open {opacity: 1; visibility: visible; -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); } 
.mobile-menu-container.menu-open li {opacity: 1; visibility: visible; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
.mobile-menu-close {position: absolute; right: 20px; top: 20px; width: 30px; height: 30px; cursor: pointer; z-index: 1; }
.mobile-menu-close::before {left: 15px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mobile-menu-close::after {right: 13px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobile-menu-close::before, .mobile-menu-close::after {position: absolute; height: 30px; width: 2px; background: #ff14ae; content: ''; top: 0; }
#mobile-menu-wrap {display: inline-block; height: 100%; width: 100%; position: absolute; right: 0; padding: 90px 20px 0px 20px; top: 0; }
#mobile-menu-wrap div {background-color: transparent; }
#mobile-menu-wrap .slicknav_item i{display: none;}
.mobile-logo{position: relative; top: 20px; left: 20px; z-index:999;  width: 170px;}

.mobile-social-media {margin-top: 30px; text-align: center; }
.mobile-social-media li {border: none !important; margin-bottom: 30px; }
.mpbile-lion {text-align: center; padding-bottom: 10px; }

/*Sidebar Start*/
.slicknav_nav, .slicknav_nav.slicknav_hidden {display: block !important; text-align: left; }
.slicknav_btn {display: none !important; }
.slicknav_menu {padding-left: 0; }
.slicknav_nav li > a {display: block; font-weight: 500; color: #ff14ae; font-family: 'Bebas Neue', cursive !important; font-size: 24px; letter-spacing: 2.5px; }
.slicknav_item.slicknav_row a {border-bottom: 0; }
.slicknav_nav .slicknav_row, .slicknav_nav a {padding: 5px 0px; margin: 0; }
.slicknav_nav .slicknav_arrow {font-size: 0; background: rgb(255 255 255 / 8%); height: 100%; width: 50px; display: inline-block; position: absolute; top: 0; }
.slicknav_nav ul {margin: 0 0 0 0px; }
.slicknav_nav .menu-item-has-children ul {margin-bottom: 00px; }
.slicknav_nav .menu-item-has-children ul li {padding-left: 25px; }
.sub-menu .menu-item-has-children a i {position: absolute; right: 14px; top: 15px; }
.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover {background-color: transparent; }
.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {border-radius: 0; }
.slicknav_item.slicknav_row {display: inline-block; width: 100%; position: relative; }
.slicknav_arrow {-webkit-transition: .3s; transition: .3s; right: 0; top: 17px; position: absolute; }
.slicknav_nav a, .slicknav_row a {color: #ff14ae; font-size: 18px; display: inline-block; }
/*Sidebar Start*/  
/* Mobile Menu CSS End*/


body.home-area.main-body {overflow: hidden; }


@media only screen and (max-width: 991px){
    /*Menu*/
    .header-navigation-area {display: none; }
    .mobile-menu-trigger {display: block; }
    .right-part {margin-left: 0; }
}