/*top row*/
.main-header {
    position: relative;
    z-index: 6;
}

.nav-wrap {
    padding-top: 15px;
}

.menu-navigation .container{
	width:100%;
}

.srchWrap {
    position: relative;
    margin-right: 10px;
}

.srchInput {
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 50px;
    padding: 5px 20px;
    min-width: 350px;
    height: 45px;
    font-size: 12px;
    color: rgba(0,0,0,.3);
}
.srchBtn {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 100%;
    background: #10357F;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-cmn-btn {
    border: 1px solid rgba(0, 0, 0, .3);
    background: #10357F;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 1px;
}

.header-btn {
    width: 28px;
    height: 28px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.callIcon svg {
    max-width: 14px;
}

.callIcon svg path{
	fill:#10357F;
}
.menu-navigation {
    border-top: 1px solid rgba(0, 0, 0, .4);
    margin-top: 20px;
	padding-bottom:15px;
}


/*
1.1 Header Area
***************************************************/
/*Bootstrap Reset*/
.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
	font-size:16px;
	color:#000;
	font-weight:bold;
	padding: 10px 20px !important;
}

.navbar-nav > li > a.active{color:rgba(16, 53, 127, 1);}

.navbar-nav > li > a.cmn-btn, .cmn-btn{
	background:#10357F;
	border-radius:30px;
	padding:10px 30px;
	color:#fff;
	display:inline-block;
}
.span-img{
	vertical-align:middle;
	margin-right:10px;
}
.cmn-btn-wrap{
	margin-right:20px;
}

.tour-btn{
	background:linear-gradient(45deg, #2676BB, #235399)!important;
}

.mainmenu {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
	border: 0px !important;
	width:100%;
}
.navbar-nav{
	flex-direction:row;
}
.navbar-nav a{display:inline-block;}
.navbar-nav > li:last-child > a {
    padding-right: 0px;
    margin-right: 0px;
}
.dropdown-menu {
    padding: 0px 0; 
    margin: 0 0 0; 
    border: 0px solid transition !important;
	border: 0px solid rgba(0,0,0,.15);	
	border-radius: 10px;
	box-shadow:0px 0px 20px rgba(0,0,0,.2);

}
/*=-====Main Menu=====*/
.navbar-nav .open .dropdown-menu > li > a {padding: 16px 15px 16px 25px;
}

.header_area .header_bottom .mainmenu a , .navbar-default .navbar-nav > li > a {
    color: #000;
    padding: 10px 22px;
	font-size:14px;
	width:100%;
	text-decoration:none;
	font-weight:500;
}

.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus ,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.mainmenu .collapse ul > li:hover > a{
    
    background: #fff;
    outline: 0;
	border-radius:3px;
}



/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle { border-color: #fff } /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar { background-color: #fff } /*Toggle Button*/

.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background: #e5d7ea;color:#7c3996;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #e5d7ea;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#fff;border-radius:0px;margin-top:-2px;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#fff;}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#fff;}
.mainmenu .collapse ul li.coe-list ul.dropdown-menu{background: #fff;}
.mainmenu .collapse ul li.coe-list:nth-of-type(1) ul.dropdown-menu{background:#fff;}
.mainmenu .collapse ul li.coe-list:nth-of-type(2) ul.dropdown-menu{background: #fff;}
.mainmenu .collapse ul li.coe-list:nth-of-type(3) ul.dropdown-menu{background: #fff;}
.mainmenu .collapse ul li.coe-list:nth-of-type(1) ul > li:hover > a{background: #00939d;background:#6cc0c6;color:#fff!important;}
.mainmenu .collapse ul li.coe-list:nth-of-type(2) ul > li:hover > a{background: #7c3996; color: #fff!important;}
.mainmenu .collapse ul li.coe-list:nth-of-type(3) ul > li:hover > a{background: #de7b9a; color: #fff!important;}

.mainmenu .collapse ul ul.dropdown-menu a{border-radius:0px;}
/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
	background:#000;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.languageMap.navbar-nav .dropdown-menu{position:absolute;min-width:120px;width:100%;}
.languageMap .dropdown-menu.show a{padding:5px 15px!important;}

@media only screen and (max-width: 1440px) {

.dropdown-menu .dropdown-toggle::after{border:none;background:url(../images/right-arrow_1.svg) no-repeat;width: 11px;height:11px;position: relative;top: 5px;margin-left: 10px;}
	
}

@media only screen and (max-width: 1200px) {
	.navbar-nav > li > a{
		padding:10px 15px !important;
		font-size:14px;
	}
}

@media only screen and (min-width: 767px) {
	
	.small-menu-width{position:relative;}
	.mainmenu .collapse ul li:hover> ul{display:block}
	.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;width:250px;display:none}
	/*******/
	.mainmenu .collapse ul ul li{position:relative}
	.mainmenu .collapse ul ul li:hover> ul{display:block}
	.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:100%;display:none}
	.mainmenu .collapse ul .coe ul{min-width:750px;}
	
	.navbar-nav li:nth-of-type(n+5) ul ul{left: -100%;}
	
	/*******/
	.header_area .header_bottom .mainmenu .dropdown-menu a
	{
		border-bottom: 1px solid #f5f5f5;
		font-size:13px;
		font-weight:300;
	}
	.header_area .header_bottom .mainmenu .dropdown-menu a.active
	{
		border-bottom: 1px solid #f5f5f5;
		font-size:14px;
		font-weight:600;
		color:#000;
		padding-left:28px;
	}

	.mainmenu .collapse ul ul ul li{position:relative;}
	.mainmenu .collapse ul ul ul li a{font-size:10px;padding:8px 5px;}
	.mainmenu .collapse ul .coe ul li{display: inline-block;width: 32%;}
	.mainmenu .collapse ul .coe ul li a{padding:8px 5px; }/*font-size:12px !important;*/
	
	.mainmenu .collapse ul ul ul li:hover ul{display:block}
	.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}

@media only screen and (min-width: 993px) {
	
    .header-fixed {
        position: sticky;
        top: 0px;
        background: #fff;
		box-shadow:0px 0px 15px rgba(0,0,0,.05);
    }

	.mobile-ipad-visible-port{
		display:none;
	}
	.navbar-collapse.collapse {
		display: flex!important;
		justify-content:space-between;
		height: auto!important;
		padding-bottom: 0;
		overflow: visible!important;
		visibility: visible!important;
		margin-top:15px;
	}
	
}

@media only screen and (max-width: 992px) {
	
	.navbar-nav{flex-direction:column;}
	li.open > .dropdown-menu{display:block;}
	.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{margin-top:0px;}
	.menu-navigation .navbar-collapse{padding:0px;}
	.navbar-nav .nav-link{padding: 10px!important;}
	
	.topRow .brandLogo{margin-right:20px;max-width:120px;}
	.navbar-nav > li > a.cmn-btn, .cmn-btn{padding:10px 15px;}
	.srchInput{min-width:280px;}
	
}

@media only screen and (max-width: 767px) {

	.mainmenu .collapse ul > li:hover > a, .mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{border-radius:0px;}
	.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{padding-left:15px;}
	.navbar-nav .open .dropdown-menu > li > a { padding:5px;}
	.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu {background: #f2ebf4;border: 2px solid #7c3996;}
	

	.languageMap li.show > a{color:#fff;}
	.languageMap .dropdown-menu.show{border: 2px solid #7c3996;width:100%;}
	
}

/*mobile menu css below*/

.mobile-menu{display:none;}
.subMenu-subHead{font-weight:bold;}

@media(max-width:992px){
	
	.mobile-menu{
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		-webkit-transform: translateX(-100%);
		z-index: 99;
		display:block;
		transition: transform .3s ease-out 0s, -webkit-transform .4s ease-out 0s;
	}
	.mobile-menu.open{
		transform: translateX(0);
	}
	.mobile-menu-inner {
		bottom: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
	}
	.navigation-wrap {
		background: #fff;
		height: 100vh;
		overflow: scroll;
		padding-bottom: 70px;
		width: 81%;
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);
		box-shadow: 0 0 20px rgba(0, 0, 0, .05);
		-webkit-overflow-scrolling: touch;
	}
	.close-menu {
		background: rgba(0, 0, 0, .9);
		text-align: center;
		width: 19%;
	}
	.main-menu{padding-top:30px;}
	.submenu-wrap, .main-menu > a{
		color: #404040;
		display: block;
		font-size: 16px;
		font-weight: 500;
		margin: 0px;
		padding: 2.5% 7%;
		position: relative;
	}
	.mobile-menu [type="checkbox"]:checked, .mobile-menu [type="checkbox"]:not(:checked) {
		position: absolute;
		left: -9999px;
	}
	.submenu-inner{
		background: #fff;
		bottom: 0;
		height: 100vh;
		left: 0;
		max-width: 81%;
		position: fixed;
		right: 0;
		top: 0;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: -webkit-transform 233ms cubic-bezier(0, 0, 0.21, 1);
		transition: -webkit-transform 233ms cubic-bezier(0, 0, 0.21, 1);
		transition: transform 233ms cubic-bezier(0, 0, 0.21, 1), -webkit-transform 233ms cubic-bezier(0, 0, 0.21, 1);
		-o-transition: transform 233ms cubic-bezier(0, 0, 0.21, 1);
		transition: transform 233ms cubic-bezier(0, 0, 0.21, 1);
		width: 100%;
		z-index: 1041;
		padding-bottom: 70px
	}
	.mobile-menu input:checked + .submenu-inner {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		overflow-y: auto;
	}
	.scroll-menu {
		max-height: calc(100vh - 70px);
		overflow: auto;
	}
	.scroll-menu, .top-back, .scroll-item{padding:10px 20px;}
	.top-back{border-bottom:1px solid #ccc;}
	
	.acord-wrap a, .scroll-menu a, .scroll-item a{text-decoration:none;color:#000;display:block;padding:10px 0px;}
	.acord-head{padding:10px 0px;display:block;border-bottom:1px solid #ccc;position:relative;}
	.acord-head:after{content:"+";position:absolute;right:10px;top:5px;font-size:20px;}
	.acord-head.menuopen:after{content:"-";}
	.acord-link-wrap {display:none;padding-left:20px;}
	.acord-head.menuopen + .acord-link-wrap{display:block;max-height:300px;overflow: auto;}
	.acord-link-wrap a{display:block;padding:10px 0px;}
	
	.submenu-arrow{float:right;}
	.menu-back-arrow {margin-right:10px;}
	.menu-back-arrow svg{transform: rotate(180deg);}
	.close-menu button {
		background: #fff !important;
		border: none;
		cursor: pointer;
		height: 40px;
		line-height: 100%;
		margin-top: 22px;
		padding: 0px;
		width: 40px;
		-webkit-box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);
		box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);
	}

	.main-menu .submenu-wrap:nth-of-type(1) .acord-wrap a.active{
		color:#00939D;
	}
	.main-menu .submenu-wrap:nth-of-type(2) .acord-wrap a.active{
		color:#7C3996;
	}
	.main-menu .submenu-wrap:nth-of-type(3) .acord-wrap a.active{
		color:#DF7D9D;
	}

}

@media(max-width:767px){
	.wrapper{overflow:hidden;}
	.main-header{background:rgba(202,231,248,.25);}
	.topRow{flex-wrap:wrap;}
	.topRow-right {order:3;margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(0,0,0,.25);}
	.topRow-right .call-icon-btn{display:none;}
	.topRow .brandLogo img{max-width:100px;}
	.srchInput{color:rgba(0,0,0,.6)}
	.topRow-right{width:100%;}
	.topRow-right .srchWrap{width:100%;margin-right:0px;}
	.topRow-right .srchInput{min-width:100%;}
	.top-donate-btn-wrap .donate-btn{padding:10px 15px;}
	
	.link-hide .mobileQuickLinkHeading .footerArrow img{transform:rotate(180deg);}
	.link-hide .mobileQuickLinkHeading ~ .linkRow{display:none;}
	.link-hide.footer-links{padding-bottom:0px!important;}
}