/* dropdown menu */
	/* .ddmenu { right: 80px; }
	.ddmenu nav{ visibility:hidden; position:absolute; left:0; top:100%;  } 
	.ddmenu nav a { display:block; padding:8px 25px; border-bottom:solid 1px #333; background:#ffc; color:#333; cursor:pointer; }
	.ddmenu nav a:hover { background:#cfc; }            
	.ddmenu>a { margin-left:30px;}
	 */
	header .mipt.search input[type=text] 	{padding: 30px;}
	header .mipt.search button 		{padding: 30px 0;width: 60px;}
	header .mipt.search button:hover { background:#13426b; transition:all 1s ease-out; cursor:pointer;}
	header .mipt.search button .fa { line-height: 0px; }
	header .msearch { position: absolute; top: 50%; right: 65px; width: 40px; z-index: 1000; padding: 15px 13px; background: #ececec; color: #0595D2; transform: scaleX(1.2) translateY(-45%);display: none; cursor: pointer;}
	header .msearch .fa-search,
	header .msearch.open .fa-close { display: inline-block; }
	header .msearch.open .fa-search,
	header .msearch .fa-close { display: none; }
	header .msearch .fa { transform: scaleX(0.8333); }
	header .mipt { position: absolute; width: 111%; top: 100%; left: -5.5%; z-index: 1000; visibility: hidden; display: none;  opacity: 0; overflow: hidden; transition: all 0.5s, visibility 0s ease-out 0.5s; }
	header .mipt.open { visibility: visible; opacity: 1; transition: all 0.5s, visibility 0s, top 0s; }
	header .mipt input {width: calc(100% - 60px);border-radius: 0%;}
	header .mipt.subscribe { 
					background-color: #ececec;
					padding: 20px;
					left: auto;
					right: 65px;
					position: fixed;
					width: auto;
					 -webkit-box-shadow: 6px 6px 0px 0px rgba(50, 50, 50, 0.14);
						-moz-box-shadow: 6px 6px 0px 0px rgba(50, 50, 50, 0.14);
							 box-shadow: 6px 6px 0px 0px rgba(50, 50, 50, 0.14); }
	header .mipt.subscribe .title { margin-bottom: 10px; }
	header .subscribe-btn .fa-envelope-o,
	header .subscribe-btn.open .fa-close { display: inline-block; }
	header .subscribe-btn.open .fa-envelope-o,
	header .subscribe-btn .fa-close { display: none; }
	header .non-subscribe-item,
	header .subscribe-item{ max-width: 400px; width: calc(100vw - 40px); }
	header .mipt.subscribe input { background-color: #fff; width: 100%; margin-bottom: 10px; display: block;}
	header .mipt.subscribe button { background-color: #00a3e0; color: #fff; font-size: 100%; padding: 5px 10px; cursor: pointer; text-transform:uppercase;
											   transition: all 0.3s ease-out; 
									-webkit-border-radius: 2px;
									   -moz-border-radius: 2px;
									        border-radius: 2px;}
	header .mipt.subscribe button:hover { background-color:#13426b; }
	header .mipt .txt-lightblue { color:#00a3e0 }
	header .thank{ margin-top: 10px; }
	header .thank p 				{ font-size:180%; color:#13426b; line-height:normal;}
	header .thank a.back 			{ font-style:85%; color:#999; margin-top:15px}
	header .thank a.back:hover 	{ color:#00a3e0;}
	header .thank a.back i 		{ padding-right:5px}
	body.openesfpm { overflow: hidden; }
	
	
	.mob-menu-blk{ display: none; }
	#btham { position:absolute; width: 40px; top:50%; right:15px; z-index:1000; padding:15px 13px; 
				background:#ececec; color:#0595D2; transform:scaleX(1.2) translateY(-45%); display:none; cursor: pointer; }
	.esfpmask { position:fixed; width:100%; height:0; background:rgba(0,0,0,0.8); top:0; left:0;
				z-index:5000; opacity:0; transition: opacity 0.2s ease-in; }
	body.openesfpm .esfpmask { height:100%; opacity:1; }
	.esfpushm { position:fixed; top:0; height:100%; background:#00a3e0; display:none; overflow:auto;
				transition: all 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); color:#fff; z-index:8000; }   

	.esfpushm.right { right:-50%; width:50%; }
	body.openesfpm .esfpushm.right { right:0; }
	.esfpushm.left  { left:-50%; width:50%; }
	body.openesfpm .esfpushm.left { left:0; }

	.esfpushm>a, .esfpushm nav>a{ display:block; padding:15px 20px; color:#fff; border-bottom:solid 1px #7ec4de;
					text-decoration:none; }            
	.esfpushm>a.sub { padding-right:50px; } /*top level*/
	.esfpushm>a.sub:after { font-family: FontAwesome; content:"\f054"; top:19px; right:20px; font-size:10px; 
							position:absolute; transition: transform 200ms ease-in;}                        
	.esfpushm>a.sub.open:after { transform:rotate(90deg); }                         
	.esfpushm>nav { background:#f1f8fd; padding-bottom:10px; display:none; } /*Sublevel 1*/
	.esfpushm>nav a { border-bottom:none; padding:10px 20px 0 20px; color:#666; }
	.esfpushm>nav>nav { } /*Sublevel 2*/
	.esfpushm>nav>nav a { padding:10px 30px 0 40px; font-size:90%;  margin-left:15px; }
	.esfpushm>nav>nav>a:before { content:"\2022"; display:inline-block; width:1em; margin-left: -1em; }
	.esfpushm>nav>nav>nav {  } /*Sublevel 3*/
	.esfpushm>nav>nav>nav a { padding:10px 20px 0 70px; }

	.esfpushm>div.bts { padding:15px 20px; border-bottom: solid 1px #7ec4de; }
	.esfpushm>.bts b {  line-height:32px; padding:0 20px 0 0; display:inline-block; height:32px; font-weight:normal; }
	.esfpushm>.bts b.ifa { line-height:1; padding:7px 7px 7px 0px; height:auto; }					
	.esfpushm>.bts b.ifa.sel { background:#666; color:#fff; }
	.esfpushm>.bts .dot { transform: translateY(-0.3em); }
	
	
	
	.icon-search{
		display: inline-block; 
		vertical-align: middle;
	}
	.search-wrp{
		display: inline-block; 
		vertical-align: middle;
		height: 20px;
	}
	.search-wrp .search-ipt{
		height: auto;
		padding: 6px 0px;
		transform: translateY(-4px);
		margin-left: 10px;
		overflow: hidden;
		width: 0;
	}
	.search-wrp.active .search-ipt{
		width: 150px;
		padding: 6px 15px;
		transition: 0.3s;
	}
	.close{
		margin-left: 10px;
		width: 20px;
		height: 20px;
		display: none;
		vertical-align: middle;
	}
	.close img{
		width: auto;
		height: 100%;
	}
	.search-wrp.active ~ .close{
		display: inline-block;
	}
	header .topbar.dsk {
		display: block;
	}
	header .msearch {
		position: absolute;    
		top: 15px;
		right: 55px;
		width: 40px;
		z-index: 1000;
		padding: 15px 13px;
		background: #ececec;
		color: #0595D2;
		transform: scaleX(1.2);
		display: none;
		cursor: pointer;
		text-align: center;
		font-size: 16px !important;
	}
	header .mcontactus {
		position: absolute;    
		top: 15px;
		right: 110px;
		width: 40px;
		z-index: 1000;
		padding: 15px 13px;
		background: #ececec;
		color: #0595D2;
		transform: scaleX(1.2);
		display: none;
		cursor: pointer;
		text-align: center;
		font-size: 16px !important;
	}
	header .mcontactus img{
		height: 1em; 
		width: 1em;
	}
	header .msubcr { background-color: #ececec; position: absolute; width: 40px; right: 160px; padding: 12px; top: 15px; display: none; color: #0595D2; cursor: pointer; text-align: center;}
	header .subcr1 {
		position: absolute;    
		top: 15px;
		right: 150px;
		width: 40px;
		z-index: 1000;
		padding: 15px 13px;
		background: #ececec;
		color: #0595D2;
		transform: scaleX(1.2);
		display: none;
		cursor: pointer;
		text-align: center;
		font-size: 16px !important;
	}
	header .subcr1 img{
		height: 1em; 
		width: 1em;
	}
	.aaa-wrp{
		max-width: 0;
		opacity: 0;
		overflow: hidden;
		white-space: nowrap;
		line-height:1;
	}
	.aaa-wrp{
		display: inline-block;
		vertical-align: middle;
	}
	.aaa-wrp [onclick]{
		cursor: pointer;
		color: #fff;
	}
	.active + .aaa-wrp{
		max-width: 300px;
		opacity: 1;
		transition: all 0.6s;
	}
	.active + .aaa-wrp > div{
		/* display: block; */
	}
	.font-item-wrp{
		display: flex;
	}
	.font-item-wrp .font-item{
		padding-left: 10px;
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: auto;
	}
	#mrightnav:before {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 37.5px 0 0 65px;
		border-color: transparent transparent transparent #f1f8fd;
		content: '';
		position: relative;
		display: block;
	}
	#mrightnav:after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 65px 37.5px 0;
		border-color: transparent #f1f8fd transparent transparent;
		content: '';
		position: relative;
		display: block;
	}

	@media only screen and (max-width:1200px) {
		header .msearch,
		header .mcontactus,
		header .msubcr			{
			display: block;
		}
		header .topbar.dsk {
			display: none;
		}     
		.esfpushm,#btham { display:block; }        
		#btham { display: block; }
		header .mipt { display: block; }
	}
	@media only screen and (max-width:1024px) {
	}

	@media only screen and (max-width:767px) {
		.mob-menu-blk { display: block; }
		.esfpushm.right { right:-80%; width:80%; }
		.esfpushm.left  { left:-80%; width:80%; }
		.esfpmask     { font-size:90%}
		.esfpushm>nav { font-size:88%}
		header .mipt.search input[type=text] 	{ padding:30px 30px; }
		header .mipt.search button 		{ padding:30px 15px; width: 60px;}
		header .mipt input { width: calc(100% - 60px); border-radius: 0%; }
	}