#body.smhead header .menu-cols { box-shadow: 10px 10px 0px -6px rgba(0,0,0,0.06);
							-webkit-box-shadow: 10px 10px 0px -6px rgba(0,0,0,0.06);
							   -moz-box-shadow: 10px 10px 0px -6px rgba(0,0,0,0.06);}

/* quick link 3 btns 
	-------------------------------------------------------------------*/
	#body.index .quick-link-container  { display:block; }
	#body.inside .quick-link-container { display:none; }


	.quick-link-cols 	  { display:flex; z-index:10; margin-top:-1px}
	.quick-link-cols > *  { width:calc(100% / 3); padding:10px 0;}

	.quick-link 				{ cursor:pointer; transition: all 0.3s ease-out; height:50px;}
	.quick-link a { text-decoration:none }
	.quick-link.bg-purple:hover { background-color:#30204b; }
	.quick-link.bg-blue:hover   { background-color:#283259; }
	.quick-link.bg-green:hover  { background-color:#243e49; }

	.ql-blk 		{ display:table; position:relative; margin:0 auto; padding:0 10px;}
	.ql-icon 		{ display:table-cell; text-align:center; vertical-align:middle; }
	.ql-icon>img 	{ width:auto; height:30px; }
	.ql-text 		{ display: table-cell; vertical-align:middle; padding-left:10px; color:#fff; font-size:18px; line-height:1; text-decoration:none;}


	/* haeder (logo+ menu) 
	-------------------------------------------------------------------*/
	.menu-cols  			{  }
	.menu-cols .mc-col1 	{ width:40%; background-color:#fff; float:left; }
	.menu-cols .mc-col2 	{ width:60%; background-color:#e8e4db; float:left; }

	.menu-cols,
	.menu-cols .mc-col1,
	.menu-cols .mc-col2 { height:150px;}

	#body header .logo  								{ margin-right:30px; }
	#body header .logo, #body header .sub-logo 				{ position:relative; height:77px; left:10%; top:32px; float:left; transition:all 0.2s ease-out; }
	#body header .logo img, #body header .sub-logo img		{ width:auto; height:100%;}

	#body header, #body header .main-nav					{ transition:all 1s ease-out; }

	
	#body header nav { top:65% }


	#body header .main-nav 				{ background-color:#fff;}
	#body.smhead header,
	#body.smhead header .main-nav 	{ height:81px; transition:all 1s ease-out; } 
	#body.smhead header .main-nav  	{ border-bottom:1px solid #f8e9d4; }

	#body.smhead header .logo,
	#body.smhead header .sub-logo 		{ height:60px;}
	#body.smhead header .headlogos 		{ padding:10px 0 }

	#body.smhead .menu-cols,
	#body.smhead .menu-cols .mc-col1,
	#body.smhead .menu-cols .mc-col2 	{ height:80px;}
	#body.smhead .mc2-solgan				{ display:none; }
	#body.smhead header nav 				{ top:30%; }
	#body.smhead header .logo,
	#body.smhead header .sub-logo 		{ top:10px; }

	.mc2-solgan 	{ position: absolute; top:20px; left:30px ; width:50%;}
	.mc2-solgan img { width:100%; height:auto; }
	.mc2-solgan img.solgan-for-d 	{ display:block; }
	.mc2-solgan img.solgan-for-m 	{ display:none; }


	/* ==========================================================================
	    Media Style: 
	============================================================================= */
	@media only screen and (max-width:1600px) {
	.mc2-solgan { width:55%; }	
	}


	@media only screen and (max-width:1400px) {
	.mc2-solgan 	{ width:70%; }

	.menu-cols .mc-col1 	{ width:44%; }
	.menu-cols .mc-col2 	{ width:56%; }
	}
			

	@media only screen and (max-width:1300px) {
	#body header .logo, #body header .sub-logo { left:6%; }
	#body header .logo	{ height:70px; top:35px; margin-right:12px; }
	#body header .sub-logo { height:58px;  top:42px; }	
	#body.smhead header .logo,
	#body.smhead header .sub-logo 		{ height:55px;}
	.menu-cols .mc-col1 	{ width:34%;/*42*/ }
	.menu-cols .mc-col2 	{ width:66%;/*58*/ }
	}

	@media only screen and (max-width:1280px) {
	.quick-link 	{ height:46px;}
	.ql-icon>img 	{ height:26px; }
	.ql-text 		{ font-size:16px;}
	}


	@media only screen and (max-width:1180px) {	
	.quick-link 	{ height:42px;}
	.ql-icon>img 	{ height:22px; }
	.ql-text 		{ font-size:14px;}

	.mc2-solgan 	{ width:70%; top:30px }

	.menu-cols .mc-col1 	{ width:40%; }
	.menu-cols .mc-col2 	{ width:60%; }

	.menu-cols,
	.menu-cols .mc-col1,
	.menu-cols .mc-col2,
	#body.smhead .menu-cols,
	#body.smhead .menu-cols .mc-col1,
	#body.smhead .menu-cols .mc-col2 { height:70px;}

	#body header .logo,
	#body header .sub-logo,
	#body.smhead header .logo,
	#body.smhead header .sub-logo 	{ height:50px; 	}

	.mc2-solgan,
	#body.smhead .mc2-solgan { display:block; }
	
	#body header .logo,
	#body header .sub-logo,
	#body.smhead header .logo,
	#body.smhead header .sub-logo { top:10px}
	}


	@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.menu-cols .mc-col1 	{ width:50%; }
	.menu-cols .mc-col2 	{ width:50%; }
	}

	@media only screen and (max-width:1024px) {
	.quick-link 	{ height:42px;}
	.ql-icon>img 	{ height:22px; }
	.ql-text 		{ font-size:14px;}

	.menu-cols .mc-col1 	{ width:50%; }
	.menu-cols .mc-col2 	{ width:50%; }
	
	.mc2-solgan { top:20px; left:20px; width:60%; }
	.mc2-solgan img.solgan-for-d 	{ display:none; }
	.mc2-solgan img.solgan-for-m 	{ display:block; height: 40px; width: auto; }
	}


	@media only screen and (min-device-width: 768px)  and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	}


	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.menu-cols .mc-col1 	{ width:52%; }
	.menu-cols .mc-col2 	{ width:48%; }
	}

	

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.menu-cols .mc-col1 	{ width:50%; }
	.menu-cols .mc-col2 	{ width:50%; }
	header .logo, header .sub-logo 	{ left:8%;}

	.mc2-solgan { top:15px; left:20px; width:50%; }

	}


	@media only screen and (max-width:767px) {
	.quick-link 	{ height:42px;}
	.ql-icon>img 	{ height:22px; }
	.ql-text 		{ font-size:12px;}
	.mc2-solgan img.solgan-for-m {
		height: 30px;
	}

	.menu-cols .mc-col1 	{ width:100%; }
	.menu-cols .mc-col2 	{ width:100%; }

	#body header .logo,
	#body header .sub-logo,
	#body.smhead header .logo,
	#body.smhead header .sub-logo { height:45px}

	#body header .logo, #body header .sub-logo { left:40px }

	.menu-cols,
	.menu-cols .mc-col1,
	.menu-cols .mc-col2,
	#body.smhead .menu-cols,
	#body.smhead .menu-cols .mc-col1 { height:70px;}

	#body header .logo,
	#body header .sub-logo,
	#body.smhead header .logo,
	#body.smhead header .sub-logo {top:12px;}

	.menu-cols .mc-col2,
	#body.smhead .menu-cols .mc-col2 { height:auto; }

	.menu-cols .mc-col2  { height:50px; padding:10px }
	.mc2-solgan 		 { position:relative; top:auto; left:auto; }
	.fa.fa-search 		 { position:relative; }

	.mc2-solgan { left:10px; width:55%; }
	#body.smhead .menu-cols .mc-col2 { display:none; }
	}


	@media only screen and (max-width:400px) {
	.ql-text 		{ font-size:11px;}
	}