﻿



.nav-item .dropdown .nav-link{ font-size:16px;}
.navbar-nav{     flex-direction: row; }
  
/* Main CSS */
 .navbar {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 position: relative;
	 transition: 0.3s linear;
         z-index: 9999;
}
 .navbar ul {
	 list-style: none;
     justify-content: end;
     align-items: center;
}
 .navbar ul a {
	 text-decoration: none;
}
/* .navbar .navbar-toggler, .navbar .nav-link, .navbar .utils-search {
	 color: #fff;
}*/
 .navbar .navbar-utils > * {
	 cursor: pointer;
}
 .navbar .btn-search {
	 font-size: 1.5rem;
	 background: transparent;
	 outline: none;
	 border: none;
	 color: inherit;
	 cursor: pointer;
}
 .navbar-nav {
	 display: flex;
	 list-style: none;
}
 .navbar-nav .nav-link {
	 padding: 5px;
	 font-weight: 400;
	 display: block;
	 transition: 150ms ease;
     display: flex;
    align-items: center;
}
.navbar-nav .nav-item {
	margin: 0 10px;
	position: relative;
	text-align: left !important;
}
 .navbar-nav > .nav-item:after {
	 content: "";
	 position: absolute;
	 width: 100%;
	 height: 2px;
	 background: #41c3d0;
	 bottom: -16px;
	 transition: 400ms ease;
	 transform: scaleX(1.5);
	 opacity: 0;
}
 .navbar-nav > .nav-item:hover:after {
	 transform: scaleX(1);
	 opacity: 1;
}
 .navbar-toggler {
	 padding: 0.1rem 0.45rem;
	 cursor: pointer;
	 font-size: 1.5rem;
	 background: none;
	 outline: none;
	 border: 1px solid #636363;
	 border: none;
	 border-radius: 3px;
	 transition: 0.15s linear;
	 display: none;
	 margin-left: auto; 
}
  
/* Dropdown CSS */
 .nav-item .dropdown {
	 width: 200px;
	 display: block;
	 position: absolute;
	 top: 54px;
	 transition: 300ms;
	 padding: 10px;
	 opacity: 0;
	 visibility: hidden;
	 transform: translateY(5px);
	 border-top: 1px solid rgba(0, 0, 0, 0.15);
	 background: #fff;
	 border-radius: 4px;
	 z-index: 999;
	 box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.15);
}
 .nav-item .dropdown .nav-link {
	 color: #636363;
}
 .nav-item .dropdown .dropdown {
	 top: 0;
	 left: calc(100% + 20px);
	 border-top: 0;
	 border-left: 1px solid rgba(0, 0, 0, 0.15);
}
 .nav-item .dropdown .dropdown:before {
	 top: 10px;
	 left: -10px;
	 border: 5px solid transparent;
	 border-right-color: #000;
}
 .nav-item .dropdown:before {
	 content: "";
	 position: absolute;
	 top: -10px;
	 left: 10px;
	 border: 5px solid transparent;
	 border-bottom-color: #000;
	 display: none;
}
 .nav-item .dropdown .nav-item:not(:last-child) {
	 margin-bottom: 5px;
}
 .nav-item .dropdown > .nav-item:hover > .nav-link {
	 color: #0081ff;
}
 .nav-item:hover > .dropdown {
	 opacity: 1;
	 visibility: visible;
	 transform: translateY(0px);
}
 .nav-item:hover > a::before {
	 transform: rotate(90deg);
}
  .nav-item:last-child:hover > a::before {
	 transform: rotate(0deg);
}
 .nav-close {
	 margin-left: auto;
	 margin-top: 10px;
	 display: none;
}
	.nav-close .btn-nav-close {
		border: 0;
		outline: 0;
		background: transparent;
		font-size: 1.4rem;
		color: #333;
		cursor: pointer;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

 .nav-close .btn-nav-close:hover, .nav-close .btn-nav-close:focus {
	 background: #363636;
	 color: #fff;
}

 .nav-item.icon:hover > a::before {
	 transform: rotate(90deg);
}
/* Responsive (navbar alignments options) */
 @media (min-width: 992px) {
	 .navbar-brand, .navbar-utils {
		 flex: auto;
	}
	 .navbar-nav {
		 flex: 2;
		 justify-content: center;
	}
	 .navbar-utils {
		 text-align: right;
	}
	 .navbar-right .navbar-brand, .navbar-right .navbar-utils {
		 flex: initial;
	}
	 .navbar-right .navbar-nav {
		 justify-content: flex-end;
		 margin-right: 20px;
	}
	 .navbar-left .navbar-nav {
		 order: 1;
		 justify-content: flex-start;
	}
	 .navbar-left .navbar-brand {
		 order: 2;
	}
	 .navbar-left .navbar-utils {
		 order: 3;
	}
	 .navbar-right .dropdown .dropdown {
		 left: unset;
		 right: calc(100% + 20px);
		 border-top: 0;
		 border-right: 1px solid rgba(0, 0, 0, 0.15);
	}
}
/* Nav Option (Logo Center) */
 @media (min-width: 992px) {
	 .navbar-left .navbar-brand {
		 text-align: right;
	}
	 .navbar-left .navbar-toggler {
		 display: block;
		 margin-right: 0;
	}
	 .navbar-left .navbar-nav {
		 background: #fff;
		 flex-direction: column;
		 z-index: 99999;
		 padding: 0 20px;
		 opacity: 0;
		 transition: 400ms ease;
		/* Sidebar */
		 position: fixed;
		 left: 0;
		 top: 0;
		 width: 300px;
		 height: 100%;
		 overflow-y: auto;
		 box-shadow: 0px 0px 0 2000px rgba(0, 0, 0, 0.5);
		 transform: translateX(-300px);
	}
	 .navbar-left .navbar-nav .nav-link {
		 margin: 10px 0;
		 color: #636363;
		 display: flex;
		 align-items: center;
	}
	 .navbar-left .navbar-nav > .nav-item:first-child {
		 margin-top: 20px;
	}
	 .navbar-left .navbar-nav > .nav-item:last-child {
		 margin-bottom: 20px;
	}
	 .navbar-left .navbar-nav .nav-item:not(:last-child) {
		 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	 .navbar-left .navbar-nav .nav-item:hover > .nav-link {
		 color: #0081ff;
	}
	 .navbar-left .navbar-nav > .nav-item:after {
		 display: none;
	}
	 .navbar-left .navbar-nav .nav-close {
		 display: block;
	}
	 .navbar-left .navbar-nav.active {
		 max-height: initial;
		 opacity: 1;
		 transform: translateX(0);
		 left: 0;
		 box-shadow: 0 0 0 10000px #000;
	}
	 .navbar-left .nav-item .dropdown {
		 padding: 0;
		 position: initial;
		 max-height: 0;
		 width: initial;
		 border: none;
		 box-shadow: none;
	}
	 .navbar-left .nav-item .dropdown .dropdown {
		 border: none;
	}
	 .navbar-left .nav-item .dropdown:before {
		 display: none;
	}
	 .navbar-left .nav-item:hover > .dropdown {
		 opacity: 1;
		 visibility: visible;
		 transform: translateY(0px);
		 max-height: initial;
	}
	 .navbar-left .nav-item.icon a:before {
		 top: unset;
		 right: 0;
	}
}
/* Responsive navbar */
 @media (max-width: 991px) {
	 .navbar-toggler {
		 display: block;
		 color: #333;
	}
	 .navbar-nav {
		 background: #fff;
		 flex-direction: column;
		 z-index: 99999;
		 padding: 0 20px;
		 opacity: 0;
		 transition: 400ms ease;
		/* Sidebar */
		 position: fixed;
		 left: -300px;
		 top: 0;
		 width: 300px;
		 height: 100vh;
		 overflow-y: auto;
		 transform: translateX(-300px);
	}
		.navbar-nav .nav-link {
			color: #636363;
			display: flex;
			align-items: center;
			padding: 0.6rem 0;
		}
	 .navbar-nav > .nav-item:first-child {
		 margin-top: 20px;
	}
	 .navbar-nav > .nav-item:last-child {
		 margin-bottom: 20px;
	}
	 .navbar-nav .nav-item:not(:last-child) {
		 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	 .navbar-nav .nav-item:hover > .nav-link {
		 color: #0081ff;
	}
	 .navbar-nav > .nav-item:after {
		 display: none;
	}
	 .navbar-nav .nav-close {
		display: flex;
        justify-content: end;
	}
	 .navbar-nav.active {
		 max-height: initial;
		 opacity: 1;
		 transform: translateX(0);
		 left: 0;
		 box-shadow: 0px 0px 0 10000px rgba(0, 0, 0, 0.5);
	}
	 .nav-item .dropdown {
		 padding: 0;
         padding-left:15px;
		 position: initial;
		 max-height: 0;
		 width: initial;
		 border: none;
		 box-shadow: none;
	}
	 .nav-item .dropdown .dropdown {
		 border: none;
	}
	 .nav-item .dropdown:before {
		 display: none;
	}
	 .nav-item:hover > .dropdown {
		 opacity: 1;
		 visibility: visible;
		 transform: translateY(0px);
		 max-height: initial;
	}
	 .nav-item.icon a:before {
		 top: unset;
		 right: 0;
		 transform: translateY(0px);
	}

     .nav-link{ color:#555!important;}
     .navbar ul{     align-items: start; }
     .navbar-nav .nav-item{ margin:0px; }
     .navbar-nav{     display: block; }
     .start-style .navbar-nav > .nav-item:hover > a{     color: #1d2d78!important; font-weight:600; }
}
