﻿ /*========== Top Navigation ========== */
.navbar-toggler-icon i {color:#fff; margin-top:5px;}
.top-nav { padding:5px 0px; position:absolute;
	background:none; z-index:999;
    transition: 0.5s ease-in;
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
}
.navbar-nav li a {    text-decoration: none;
    cursor: pointer;
    color: #333;
}
a { cursor:pointer;}
.fixed .navbar-toggler .navbar-toggler-icon i{ color:#333; }

.fixed .navbar-toggler {  border:1px solid #333;}

.navbar-toggler  {  border:1px solid #fff; cursor:pointer;
}
.fixed {
  position: fixed;
  top: 0;z-index:999; width:100%;
  left: 0;
  animation: smoothScroll 1s forwards; background:#fff; box-shadow:0px 0px 10px #666; 
}
.fixed.mx-background-top-linear {
    background:#fff;   
}
.fixed .navbar-brand img {width:110px;}
.fixed li .nav-link{ color:#333 !important; font-weight:normal;}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

.navbar-nav li.nav-item .nav-link {
    color:#fff; margin:10px 0px 0px;
    font-size: 16px; text-shadow:0px 0px 1px #000;
    padding:5px 18px; 
    transition: 0.5s ease-in;
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
}
.navbar-nav li a{ line-height:52px;}
.dropdown-menu { padding:0px;}

.dropdown-menu li a{ padding-left:10px;line-height:36px; width:100%;}
.dropdown-menu li {border-bottom:1px solid #ccc;}
.dropdown-menu li:last-child {border-bottom:none;}

 .navbar-nav .dropdown-menu {
    position: absolute;
 
}
.navbar-nav .dropdown-item
{width:100%;}
.navbar-nav .dropdown-item .dropdown-menu1 {
  display: none;
  position: absolute;
  left: 100%;
  background: #fff;
  top: 76%;
}

 .navbar-nav .dropdown-item .dropdown-menu1 li a { width:100%; padding:10px 20px; line-height:36px;}
 

 .navbar-nav .dropdown-item:hover .dropdown-menu1 {
  display: block;
}

.top-nav .navbar-brand{
	font-size: 28px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}
.top-nav.light-header{
	height: 60px;
	background: #fff;
	transition: 0.5s ease-in;
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
}
.top-nav.light-header .navbar-brand{
	color: #212121;
}
.top-nav.light-header .navbar-nav li .nav-link {
    color: #212121;
    padding: 5px 15px;
    transition: 0.5s ease-in;
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
}
@media (max-width: 991px){
	.navbar-nav li .nav-link {
    text-shadow:none;}
    .navbar-brand > img {
      width: 120px;
    }
    nav.navbar .navbar-brand {
      top: -5px;
    }
	 
}
@media only screen and (max-width: 767px){
  .navbar-nav .nav-link{ margin-bottom: 20px; }
}

.navbar{
	padding: 0;
	border:none;
}

.dropdown:hover .dropdown-menu {
  display: block;
}
.dropdown-item.active, .dropdown-item:active { background:#fff;}
.nav > li > a:focus, .nav > li > a:hover {
  background-color: rgba(0, 0, 0, 0);
  text-decoration: none;
}
.navbar-toggler .icon-bar{
    background-color: #fff;
}

@media (max-width: 991px){
.navbar-nav li a{ line-height:26px; width:100%;}
.navbar-nav li { border-top:1px solid #ccc;}
.navbar-nav li .nav-link {margin: 0px 0px !important; border-radius:0px; padding:10px 10px 0px !important;}
	  .dropdown-submenu1>.dropdown-submenu {
               display:none;
            }

			.dropdown-item li a {color:#333; background:none !important; }
			.navbar-nav .dropdown-menu {position:relative; background:#eee !important; border:0px;}
			.navbar-nav .dropdown-item .dropdown-menu1 {
  display: none; width:103%;
  position: relative;
  left: 0px;
  background: #EEE;
  top: 0%;
}

}



@media (max-width: 480px){
	.navbar-brand img {width:110px;}
	.fixed .navbar-brand img {width:80px;}
	.header2 .search-box:hover .search-txt{
	width: 120px;}
}
@media (max-width: 1023px){
	.navbar-collapse { background:#fff;}
	.navbar-collapse .navbar-nav li .nav-link { color:#333;}
}
@media (max-width: 1024px){
.navbar-nav li .nav-link { font-size:16px;
    padding:9px 10px;}
	.mx-background-top-linear {
    background: -webkit-linear-gradient(45deg, #fff 16%,  #113d86 16%);
    background: -webkit-linear-gradient(left, #fff 16%,  #113d86 16%);
    background: linear-gradient(45deg, #fff 16%,  #113d86 26%);   
}

}
@media (max-width: 767px){
	.navbar-nav li .nav-link { color:#333;}
.header2 .navbar-toggler .navbar-toggler-icon i{ color:#333; }
.header2 .navbar-toggler{  border:1px solid #333;}
.navbar-collapse { margin-top:10px;}
	

	.mx-background-top-linear {
    background: #fff !important;   
}
}

/*about page Start*/

.header2 .search-box {
    position: absolute;
    top: 50%;
    /* left: 50%; */
    transform: translate(-50%,-50%);
    /* background: #113d86; */
    height: 60px;
    /* border-radius: 50px; */
    padding: 9px;
}
.header2 .search-box:hover .search-txt{
	width: 200px;
	padding: 0 6px;border-bottom:2px solid #fff;
}

.header2 .search-box:hover .search-btn{
	background: #fff;
}


.header2 .search-btn{
	color:#e84118;
	float: right;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;

}

.header2 .search-txt{
	border:none;
	outline: none;
	background: none;
	float: left;
	padding: 0;
	color:#fff;
	font-size: 16px;
	line-height: 40px;
	width: 0;
	transition: width 400ms;

}
.header{    box-shadow: 1px 3px 8px #696868;
   z-index:999;
	background-image: linear-gradient(to bottom right, #cdddf7, #174ba1);}
#mysearch{border: 7px double #174aa1!important;}

/*
headeer top
*/
.header2 .topbar{
  background-color: #174ca5;
  padding: 8px 0;
}
.header2 {width:100%; box-shadow:0px 0px 10px #ccc;}


.header2 ul.social-network li {
    display:inline;
    margin: 0 3px;
    border: 0px solid #2D2D2D;
    padding: 5px 0 0;
   display: inline-block;
    text-align: center;
    vertical-align: baseline;
    color: #000;
}

.header2 ul.social-network {
  list-style: none;
  margin: 5px 0 10px -25px;
  float: right;
}
.header2 ul.social-network li a i {border:1px solid #fff; width:26px; height:26px; line-height:26px;border-radius:50%; font-size:12px; background:rgba(0, 0, 0, 0.2);}
.header2 .waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    transition: .3s ease-out;
    color: #fff; 
}

.mx-background-top-linear {
    background: -webkit-linear-gradient(45deg, #fff 26%,  #113d86 26%);
    background: -webkit-linear-gradient(left, #fff 26%,  #113d86 26%);
    background: linear-gradient(45deg, #fff 26%,  #113d86 26%);   
}

