/* IMPORT
 * =====================================================================================================================================================================================================*/
	/*@import url("../../app/libraries/codesample/prism.css");*/
	@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');
	@import url('../../app/libraries/aos/aos.css'); 
	@import url('../../app/libraries/fontawesome/v5.13.0-web/css/all.css');
	@import url('../../app/libraries/bootstrap/v4.5.0/css/bootstrap.min.css'); 

/* TYPOGRAPHY
 * =====================================================================================================================================================================================================*/
	body 							{font-family: 'Poppins', sans-serif;margin:0; padding:0; background-color: #ffffff; /*background-size:cover; background-origin:border-box; background-repeat:no-repeat; background-attachment:fixed;*/}
	html 							{font-size: 100%; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
	main 							{background-color: transparent; }
	article							{background-color: transparent; margin:0; padding:0}
	@media screen and (max-width: 768px) {
		body						{background-color: #222222;}
		main 						{background:transparent;}
	}
	a 								{text-decoration: none; color: #304f9e}
	a:hover 						{text-decoration: underline;}
	p								{margin-bottom: 30px; !important}
	hr								{height: 1px !important; border:0 !important; border-top: 1px solid #dee2e6 !important; display:block; clear: both !important; margin:1.5rem 0 }
	/*iframe						{width:100% !important; }*/
	label							{font-weight:550 !important;}
	legend							{width:inherit !important; padding:0 1rem}
	::placeholder					{opacity: .5 !important}
	figure							{margin:0; background-color:var(--light)}
									
/* LOADING
 * =====================================================================================================================================================================================================*/
/*
	.loading #outer-wrap			{opacity: .3; }
	.loading:before					{position: fixed; z-index: 9900; top: 50%; left: 50%; border:0; text-align: center; color: #FFFFFF; font-size: 40px; opacity: 1;}
	.loader,.loader:before,.loader:after {border-radius: 50%;  width: 2.5em;  height: 2.5em;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  -webkit-animation: load7 1.8s infinite ease-in-out;  animation: load7 1.8s infinite ease-in-out;}
	.loader 						{color: #FFFFFF;font-size: 10px;margin: 80px auto;position: fixed; z-index: 9900; top: 50%; left: 50%;text-indent: -9999em;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
	.loader:before,.loader:after	{content: ''; position: absolute; top: 0;}
	.loader:before 					{left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
	.loader:after 					{left: 3.5em;}
	@-webkit-keyframes load7 		{
		0%,80%,100% {box-shadow: 0 2.5em 0 -1.3em;} 40% {box-shadow: 0 2.5em 0 0;}
	}
	@keyframes load7 				{
		0%,80%,100% {box-shadow: 0 2.5em 0 -1.3em;} 40% {box-shadow: 0 2.5em 0 0;}
	}
*/

/* WRAPPER
 * =====================================================================================================================================================================================================*/
	#outer-wrap 					{position: relative; width: 100%; background-color: transparent; overflow:hidden; margin:0; padding:0}
	#inner-wrap 					{position: relative; width: 100%; background-color: #ffffff;padding:0 }
	#sm-top							{}
	@media screen and (max-width: 768px) {
		#outer-wrap 				{position: relative; width: 100%; background-color: transparent; }
		#inner-wrap 				{position: relative; width: 100%; padding:0;}
		#sm-top						{position: relative; z-index:15; background-color: #fff;}
	}
	
/* CUSTOM CONTAINER 
 * =====================================================================================================================================================================================================*/
	.container-xxl 					{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
	@media screen and (min-width: 1380px) {.container-xxl {max-width: 1380px;}}
		
/* SECTIONS
 * =====================================================================================================================================================================================================*/
	.section:nth-child(1) 			{background: #000000; height: 100vh; overflow:hidden}
	.section:nth-child(2) 			{background: #000000; }
	.section:nth-child(3)			{background: #000000; }
	@media screen and (max-width: 768px) {
		.section:nth-child(1) 		{height: auto;}
	}

/* ROW BLOCK CONTAINERS & SECTIONS
 * =====================================================================================================================================================================================================*/
	.row-index1						{width: 100%; background-color: transparent; padding:0; } 
	.row-index2,.row-index3			{width: 100%; background-color: transparent; padding: 0;  position:relative; overflow:hidden;} 
	.row-index4						{width: 100%; background-color: transparent; padding: 0} 
	.row-index5						{width: 100%; background-color: transparent; padding:0} 
	.row-index6						{width: 100%; background-color: transparent; padding:0} 
	
	.row-default 					{width: 100%; background-color: #f5f5f5; padding:2rem 0}
	.row-top						{width: 100%; background-color: transparent; padding:0}
	.row-middle 					{width: 100%; background-color: transparent; padding:0}
	.row-bottom 					{width: 100%; background-color: transparent; padding:0}
	.row-background					{background-color: transparent; padding:0; /* -webkit-box-shadow: 1px 5px 19px 5px rgba(0,0,0,0.05); box-shadow: 1px 5px 19px 5px rgba(0,0,0,0.05);*/}
	.row-background-header			{background-color: transparent; padding:0; /* -webkit-box-shadow: 1px 5px 19px 5px rgba(0,0,0,0.05); box-shadow: 1px 5px 19px 5px rgba(0,0,0,0.05);*/}
	.row-background-footer			{background-color: transparent; padding:0; /*-webkit-box-shadow: 1px 5px 19px 5px rgba(0,0,0,0.05); box-shadow: 1px 5px 19px 5px rgba(0,0,0,0.05);*/}

/* HEADER
 * =====================================================================================================================================================================================================*/
	header 							{background-color:transparent; position:relative; z-index:999;  width: 100%; height:auto; margin:0} 
	header ul, header ol			{list-style:none; margin: 0; border: 0; padding: 0; outline: 0;}
	@media screen and (max-width: 768px) {
		header 						{background-color:#fff; position:relative; z-index:10; width:100%; margin:0}
	}
	
	/*HEADER CONTAINERS*/
	.hd-container-block			{width: 100%; background-color: transparent; padding: 0; position:relative; z-index:11}
	.hd-container-logo 			{width: 100%; background-color: transparent; padding: 1rem 0; position:relative; z-index:11}
	@media screen and (max-width: 768px) {
		.hd-container-block		{border-radius:0; background-color: transparent; /*border-bottom:#e8e8e9 solid 0; border-top:#e8e8e9 solid 1px;*/ padding:0;}
		.hd-container-logo		{width: 100%; background-color: transparent; text-align:center; padding:.5rem 0; position:inherit; z-index:inherit;}
	}
	
	/*HEADER BLOCK*/
	.hd-block 					{width: 100%; background-color:transparent; /*border-bottom:rgba(0,0,0,1.00) solid 1px*/}
	.hd-greeting 				{width: 100%; background-color:transparent; }
	.hd-logo-size				{width: auto; height:80px; margin:0; padding:0; background-color:transparent;}
	.hd-logo-size-mobile		{width: auto; max-width:40%; height:auto; margin-left:auto; margin-right:auto; margin-bottom:.5rem; margin-top:.5rem; padding:0}
	.hd-search 					{width: 100%; background-color:transparent; padding:1rem 0}
	.hd-menu 					{width: 100%; margin: 0; padding: 0; /*border-bottom:rgba(0,0,0,1.00) solid 2px; border-top:rgba(0,0,0,1.00) solid 1px;*/}
	
  	/*HEADER CONTACT ADDRESS BLOCK*/
	.hd-contacts 				{margin:0; padding:0; float:left; } 
	.hd-contacts li 			{color:#4a4d55; font-size:15px; line-height:24px; float:left; margin:5px 0; padding:0 10px;}
	.hd-contacts li i 			{color:#ffc124; font-size:15px; line-height:24px; border:#e05666 solid 0; margin-right:10px;}
	.hd-contacts li a 			{color:#4a4d55}
	@media screen and (max-width: 768px) {
		.hd-contacts 			{margin:0; padding:0; float:left; border-right:rgba(0,0,0,1.00) solid 0} 	
	}

	/*HEADER SOCIAL BLOCK*/
	.hd-social 					{margin:0 !important; padding:0; text-align:inherit !important; border-left:rgba(0,0,0,1.00) solid 1px}
	.hd-social li 				{color:#4a4d55; font-size:15px; line-height:normal; font-weight:600; float:left; margin:5px 0; padding:0 10px;}
	.hd-social li a 			{color:#4a4d55;}
	.hd-social li b 			{color:#4a4d55; font-weight:200}
	.hd-social li i 			{color:#ffc124; font-size:20px; line-height:25px}
	@media screen and (max-width: 768px) {
		.hd-social 				{margin:0 .5rem!important; padding:0; text-align:center !important; border-left:rgba(0,0,0,1.00) solid 0}
		.hd-social li 			{float:none; display:inline; line-height:40px; padding:0 .5rem;}
	}

	/*HEADER LOGIN FORM*/
	.hd-login 					{background-color:transparent; border:var(--gray) solid 1px; border-radius:.25rem;}
	.hd-login li				{color:#4a4d55; font-size:12px; line-height:normal; font-weight:600; float:left; margin:5px 0; padding:0 10px; }
	.hd-login li a 				{color:#4a4d55;}
	.hd-login li i				{color:#4a4d55;font-size:14px;}
	
/* FOOTER
 * =====================================================================================================================================================================================================*/
	footer 							{background-color:transparent !important;  /*background-size:cover; background-origin:border-box; background-repeat:no-repeat; background-attachment:fixed; position:relative; width:100%;*/}
	@media screen and (max-width: 768px) {
	footer 							{background-color:#ffffff !important;}
	}
	
	/*FOOTER CONTAINERS*/
	.footer-container-block			{width: 100%; background-color:transparent; padding: 2rem}
	.footer-container-html 			{width: 100%; background-color:#00000010; padding: .5rem 2rem}
	@media screen and (max-width: 768px) {
		.footer-container-html 		{width: 100%; background-color:#00000010; border-bottom:0; border-top:0; }
	}

	/*FOOTER BLOCK*/
	.footer-block 					{width: 100%; background-color:transparent;}
	.footer-html 					{width: 100%; background-color:transparent;}
	.footer-html .copyright			{color: #304f9e; font-size:14px; line-height:20px; font-weight:200; margin:0}
	.footer-message 				{width: 100%; background-color:transparent; color:rgba(0,0,0,.5); font-size:12px; font-weight:200; padding:1rem; text-align:center;}
	.footer-logo-size				{width: auto; height:40px; margin:0; padding:0; filter: grayscale(1) contrast(0) brightness(10);}
	
	/*FOOTER PAGE MENU BLOCK*/
	.footer-page-menu				{margin:0; padding:0}
	.footer-page-menu li 			{font-size:16px; line-height:20px; font-weight:400; float:left; border-bottom:0;  margin:0; padding-bottom: 0; margin-right:15px; padding-right:15px; border-right:rgba(255,255,255,.1) solid 1px;} 
	.footer-page-menu li a			{color:#304f9e;} 
	.footer-page-menu li i  		{display:none} 
	.footer-page-menu li:last-child {border-right:0; margin-right:0; padding-right:0; }
	@media screen and (max-width: 768px) {
		.footer-page-menu li 		{float:none; display:block; margin-right:0; border-right:0; color:rgba(255,255,255,.70); border-bottom:1px dashed rgba(255,255,255,0.10); display:block; margin:10px 0; padding-bottom: 10px; font-size:18px !important; font-weight:400; line-height:26px;} 
		.footer-page-menu li:last-child {border-bottom:0 }
		.footer-page-menu li i  	{font-size:14px; display:inline; color:rgba(255,255,255,.7); margin-right:10px } 
	}

	
	/*FOOTER MENU BLOCK*/
	.footer-menu					{margin:0; padding:0}
	.footer-menu li 				{color:#a5abac; font-size:15px; font-weight:400; line-height:34px; display:block;} 
	.footer-menu li i  				{color:#85c06b; font-size:12px; margin-right:1rem } 
	.footer-menu li a  				{color:#a5abac;} 
	.footer-menu li h2				{color:#304f9e; border-bottom:1px dashed rgba(255,255,255,0.10); font-size:calc(14px + .5vw) !important; font-weight:normal; display:block; margin:10px 0; padding-bottom: 10px; } 
	.footer-menu li h2 a 			{color:#304f9e;}

	/*FOOTER ADDRESS BLOCK*/
	.footer-contact					{margin:0; padding:0}
	.footer-contact li 				{color:#a5abac; font-size:14px; font-weight:200; line-height:26px; display:block;} 
	.footer-contact li i  			{color:#304f9e; font-size:14px; margin-right:10px } 
	.footer-contact li a  			{color:#a5abac;} 
	.footer-contact li figure		{display:block; margin:10px 0; padding-bottom: 10px;} 
	.footer-contact li h2			{color:#304f9e; border-bottom:1px dashed rgba(255,255,255,0.10); font-size:calc(14px + .5vw) !important; font-weight:normal; display:block; margin:10px 0; padding-bottom: 10px;} 
	.footer-contact li h2 a 		{color:#304f9e;}
	
	/*FOOTER SOCIAL BLOCK*/
	.footer-social 					{margin:0; padding:0; }
	.footer-social li 				{color:rgba(255,255,255,.7); display:inline; float:left; margin:10px 15px 10px 0}
	.footer-social li i 			{color:rgba(255,255,255,.7); font-size:16px; width: auto; height: auto; margin: auto; padding: 4px 8px; border:rgba(255,255,255,0.50) solid 1px; overflow:hidden; border-radius: .25rem!important; }
	.footer-social li a 			{color:rgba(255,255,255,.7)}
	.footer-social li h3			{color:rgba(255,255,255,.7); font-size: 16px; font-weight:bold; margin:10px 0; padding-bottom: 10px; }
	@media screen and (max-width: 768px) {
		.footer-social 				{margin:0; padding:0; }
		.footer-social li 			{color:rgba(255,255,255,.7); display:inline; float:left; margin:10px 15px 10px 0}
		.footer-social li i 		{color:rgba(255,255,255,.7); font-size:20px; padding:10px; height:40px; width:40px; border:#FFFFFF solid 1px; overflow:hidden; border-radius: 50%; }
		.footer-social li a 		{color:rgba(255,255,255,.7)}
		.footer-social li h3 		{color:rgba(255,255,255,.7); font-size: 16px; font-weight:bold; margin:10px 0; padding-bottom: 10px; }
	}
	
/* NAV MENU
 * =====================================================================================================================================================================================================*/
	#main-nav 						{background-color:#f5f5f5; width: 100%; position:relative; z-index:999; -webkit-transition: all 2s ease; transition: all 2s ease;/* -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.09); box-shadow: 0 0 5px 1px rgba(0,0,0,0.09);*/}
	#main-nav.affix 				{background-color:#ffffff; width: inherit; left:0; right:0; top:0; position:fixed; z-index:999; -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.4); box-shadow: 0 0 15px 1px rgba(0,0,0,0.4);}
	#main-nav.affix-top				{top: -120px; position: fixed;}
	#main-nav.affix-static 			{position: static !important;}
	#main-nav.affix-static.affix 	{position: fixed !important;}
	#main-nav.affix .hd-menu		{border:0 !important; padding:0 !important;margin: 0 !important;}
	
	#main-nav.affix .hd-logo-size 	{width: auto; height:56px; margin:.5rem 0; padding:0; transition: all .5s ease; position:absolute; top:0; left:0; background-color:transparent; }
	#main-nav.affix .hd-search 		{width: 100%; margin:8px 0;}
	#main-nav.affix .hd-menu 		{width: 100%; padding:5px 0;}
	#main-nav.affix .sm-menu ul		{ margin-top: 0!important;}
	#main-nav.affix .sm-menu ul	ul	{ margin-top: 0!important;}
	
	#main-nav.affix .hd-social li	{margin-top:15px}
	#main-nav.affix .sm,.sm ul,.sm li{margin:0; }

	/*mobil menu*/
	.sm ul 							{display:none; }.sm li,.sm a {position:relative; } .sm a {display:block; }
	.sm-menu 						{background: transparent; }
	.sm-menu a						{font-size: 14px; letter-spacing:1px; color:#FFFFFF; padding: 10px 25px; padding-right: 58px; text-decoration: none;}
	.sm-menu a .sub-arrow 			{position: absolute;top: 50%;margin-top: -17px;left: auto;right: 4px;width: 34px;height: 34px;overflow: hidden;font: bold 16px/34px monospace !important;text-align: center;background: rgba(0, 0, 0, 0.1);}	
	.sm-menu a .sub-arrow::before 	{content: '+';}
	.sm-menu a.highlighted .sub-arrow::before {content: '-';}
	.sm-menu li 					{border-top: 1px solid rgba(255,255,255,0.05); text-align:left !important }
	.sm-menu li:first-child 		{border-top: 0; }
	.sm-menu ul 					{background: rgba(255,255,255,0.10); }
	.sm-menu ul ul 					{background: rgba(255,255,255,0.20); }
	.sm-menu ul a 					{font-size:12px; color:#FFFFFF;}
	.sm-menu ul li 					{border-top: 1px solid rgba(0, 0, 0, 0.05); }
	.sm-menu ul li:first-child 		{border-top: 0; }
	.sm-menu ul li img 				{height:22px; width:auto; margin:0; padding:0; float:left; margin-right:1rem}

	.sm-1, .sm-2, .sm-3 			{width: 35px;height: 3px; background-color: #333; margin: 8px 0; -webkit-transition: 0.4s; transition: 0.4s;}
	.sm-change .sm-1 				{-webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px);}
	.sm-change .sm-2 				{opacity: 0;}
	.sm-change .sm-3 				{-webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px);}
	#sm-top .nav-btn 				{position:absolute; z-index:999; top: 50%; left:1rem; transform: translateY(-60%); margin:.5rem; font-size:30px; line-height:30px; color:#C3C8C8;}
	@media screen and (min-width: 768px) {
		/*top menu*/
		#sm-top 					{height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;} 
		#sm-top .nav-btn			{position:relative; display:none; }
		.sm-menu ul 				{position: absolute; z-index:999 } 
		.sm-menu li 				{/*float: left;*/ display:inline-block; margin:0; padding:0; border-top:0} 
		.sm-menu.sm-rtl li 			{float: right;} 
		.sm-menu ul li, .sm-menu.sm-rtl ul li, .sm-menu.sm-vertical li {float: none;} 
		.sm-menu a 					{white-space: nowrap; } 
		.sm-menu a i 				{font-size:20px; margin: 0 .5rem} 		
		.sm-menu ul a, .sm-menu.sm-vertical a {white-space: normal;} 
		.sm-menu .sm-nowrap > li > a, .sm-menu .sm-nowrap > li > :not(ul) a {white-space: nowrap; }
		.sm-menu 					{/**/}
		.sm-menu a, .sm-menu a:hover, .sm-menu a:focus, .sm-menu a:active, .sm-menu a.highlighted {padding: 1.2rem .5rem; color: #000000;}
		.sm-menu a:hover, .sm-menu a:focus, .sm-menu a:active, .sm-menu a.highlighted {color: #ffffff; background:#30509e}
		.sm-menu a.current 			{color: #ffffff; background:#30509e}
		.sm-menu a.disabled 		{color: #a1d1e8;}
		.sm-menu a .sub-arrow 		{top: auto; margin-top: 0; bottom: 2px; left: 50%; margin-left: -5px; right: auto; width: 0; height: 0; border-width: 5px; border-color: #000 transparent transparent transparent; border-style: solid dashed dashed dashed; background: transparent;border-radius: 0;} .sm-menu a .sub-arrow::before { display: none;}
		.sm-menu > li:first-child > a, .sm-menu > li:first-child > :not(ul) a { /*border-radius: 8px 0 0 8px;*/}
		.sm-menu > li:last-child > a, .sm-menu > li:last-child > :not(ul) a {/*border-radius: 0 8px 8px 0 !important;*/}
		.sm-menu > li 				{border-left: 0 solid #2b82ac;}
		.sm-menu > li:first-child 	{border-left: 0;}
		
		/*sub menu*/
		.sm-menu ul					{background-color: #162b60; margin-top: 0!important; padding: 1.5rem .5rem; box-shadow: 0px 37px 65px -6px rgba(0,0,0,0.13); animation:slide-menu .5s cubic-bezier(.25,.46,.45,.94) both}
									@keyframes slide-menu {0% {filter: blur(50px);-webkit-filter: blur(50px);}50% {filter: blur(10px);-webkit-filter: blur(10px);}100% {filter: blur(0);-webkit-filter: blur(0);}}
		.sm-menu ul ul 				{background-color: #162b60; margin-top: 0!important;}	
		.sm-menu ul a, .sm-menu ul a:hover, .sm-menu ul a:focus, .sm-menu ul a:active, .sm-menu ul a.highlighted {border: 0 !important;padding: 9px 23px;color: #fff; font-weight:normal}
		.sm-menu ul a:hover, .sm-menu ul a:focus, .sm-menu ul a:active, .sm-menu ul a.highlighted {color: #ffffff;}
		.sm-menu ul a.current 		{color: #ffffff;}
		.sm-menu ul a.disabled 		{color: #a1d1e8;}
		.sm-menu ul a .sub-arrow 	{top: 50%;margin-top: -5px; bottom: auto;left: auto;margin-left: 0;right: 10px; border-color: transparent transparent transparent #fff; border-style: dashed dashed dashed solid;}
		.sm-menu ul li 				{border: 0; display:block}

		.sm-menu .scroll-up,
		.sm-menu .scroll-down 		{position: absolute; display: none; visibility: hidden; overflow: hidden; background: #fff; height: 20px;}
		.sm-menu .scroll-up-arrow,
		.sm-menu .scroll-down-arrow {position: absolute; z-index:999; top: -2px;left: 50%;margin-left: -8px;width: 0;height: 0;overflow: hidden;border-width: 8px;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;}
		.sm-menu .scroll-down-arrow {top: 6px;border-style: solid dashed dashed dashed;border-color: #fff transparent transparent transparent;}
		.sm-menu.sm-rtl.sm-vertical a .sub-arrow {right: auto;left: 10px;border-style: dashed solid dashed dashed;border-color: transparent #fff transparent transparent;}
		.sm-menu.sm-rtl > li:first-child > a, .sm-menu.sm-rtl > li:first-child > :not(ul) a {/*border-radius: 0 8px 8px 0;*/}
		.sm-menu.sm-rtl > li:last-child > a, .sm-menu.sm-rtl > li:last-child > :not(ul) a {/*border-radius: 8px 0 0 8px !important;*/}
		.sm-menu.sm-rtl > li:first-child {border-left: 0 solid #2b82ac; }
		.sm-menu.sm-rtl > li:last-child {border-left: 0; }
		.sm-menu.sm-rtl ul a .sub-arrow {right: auto;left: 10px;border-style: dashed solid dashed dashed;border-color: transparent #fff transparent transparent;}
		.sm-menu.sm-vertical 		{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
		.sm-menu.sm-vertical a 		{padding: 9px 23px;}
		.sm-menu.sm-vertical a .sub-arrow { top: 50%; margin-top: -5px;bottom: auto;left: auto;margin-left: 0;right: 10px;border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #fff;}
		.sm-menu.sm-vertical > li:first-child > a, .sm-menu.sm-vertical > li:first-child > :not(ul) a {/*border-radius: 8px 8px 0 0;*/}
		.sm-menu.sm-vertical > li:last-child > a, .sm-menu.sm-vertical > li:last-child > :not(ul) a {/*border-radius: 0 0 8px 8px !important;*/}
		.sm-menu.sm-vertical > li 	{border-left: 0 !important;}
		.sm-menu.sm-vertical ul 	{/*border-radius: 4px !important;*/}
		.sm-menu.sm-vertical ul a 	{padding: 9px 23px;}
	}
	@media screen and (max-width: 768px) {
		#main-nav					{position: absolute; top: 0; left:1rem; height: 1px; overflow: hidden; -webkit-animation: menufix 5s ease .5s both; animation: menufix 5s ease .5s both; -webkit-box-shadow: none; box-shadow: none; background-color:transparent }
		#main-nav:not(:target) 		{z-index: 1;height: 0; }
		#main-nav.affix				{background-color:transparent !important;position:absolute; -webkit-box-shadow: none; box-shadow: none; transform: translate(0,0) !important;}
		#main-nav.affix-top			{top: 0 !important; position: absolute !important;}
		#main-nav.affix-static 		{position: absolute !important;}
		#main-nav.affix-static.affix{position: absolute !important; padding: 0 !important;}
		#main-nav.affix .sm-menu a	{color:#FFFFFF}
		#main-nav.affix .sm-menu ul	{background: rgba(255,255,255,0.10);}
		#main-nav.affix .sm-menu a i{display:none}
	
		#main-nav .hd-menu			{background:transparent !important; }
		#main-menu-container 		{padding:0; margin:10px 0; }
		.js-ready #main-nav 		{background-color:transparent; height: 100vw; width: 70%; left: -70%;}
		.js-ready #inner-wrap 		{left: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out}
		.js-nav #inner-wrap 		{left: 70%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out}
	}	


	@-webkit-keyframes menufix {from {height: 1px;}to {height: 100vw; overflow: inherit}}
	@keyframes menufix {from {height: 1px;}to {height: 100vw; overflow: inherit}}


/* CONTACT
 * =====================================================================================================================================================================================================*/
	/*MOBIL ADDRESS BLOCK*/
	#contact-mobil					{margin:10px 10px 25px 40px}
	#contact-mobil .address 		{margin:10px 0; padding:0}
	#contact-mobil .address li 		{color:rgba(255,255,255,.4); float:left; margin:5px 15px 5px 0; list-style:none}
	#contact-mobil .address li i 	{color:rgba(255,255,255,.6); font-size:16px; margin-right:5px;}
	#contact-mobil .address li a 	{color:#888888}
	
	/*MOBIL SOCIAL BLOCK*/
	#contact-mobil .social			{margin:10px 0; padding:0}
	#contact-mobil .social li 		{float:left; margin:2px; background-color:rgba(255,255,255,.2); list-style:none}
	#contact-mobil .social li i		{font-size:16px; padding:10px; }
	#contact-mobil .social li a		{color:#FFFFFF}
	
	/*CONTACT ADDRESS*/
	.contact-page .address 			{margin:0; padding:0}
	.contact-page .address ul 		{margin:0; padding:0}
	.contact-page .address li 		{color:#2e333a; margin:5px 15px 5px 0; list-style:none}
	.contact-page .address li i 	{color:#2e333a; font-size:16px; margin-right:5px; width:25px}
	.contact-page .address li a 	{color:#2e333a}
	.contact-page .address iframe 	{width:100% !important; height:400px !important; border:0; margin-bottom:1rem}
	.contact-page .address p 		{display:block; margin-bottom:15px}
	.contact-page .address h2 		{display:block; margin-bottom:15px; font-size:20px; font-weight:bold}
	
	/*CONTACT SOCIAL BLOCK*/
	.contact-page .social 			{margin:0; padding:0}
	.contact-page .social li 		{float:left; margin:5px 15px 5px 0; list-style:none}
	.contact-page .social li i 		{font-size:16px; width: auto; height: auto; margin: auto; padding: 4px 8px; border:rgba(0,0,0,0.50) solid 1px; overflow:hidden; border-radius: .25rem!important; }
	.contact-page .social li a 		{color:#2e333a}

/* CATEGORY MENU
 * =====================================================================================================================================================================================================*/
	.categories .list-group-item img{width:25px !important; height:25px !important;} 
	.categories .list-group-item i 	{font-size:12px; line-height:25px; margin-right:.4rem; margin-left:1rem} 
	.categories .selected i 		{color:#ffc107 !important}
	.categories .selected a 		{color:#ffc107 !important}
	.categories	.fa-square			{opacity:0}
	.categories	a
	
/* CUSTOM MENU
 * =====================================================================================================================================================================================================*/
	ul.topnav						{border:#e8e8e8 solid 1px;padding: 0;margin: 0;list-style: none;}
	ul.topnav li span 				{font-size:16px; color:#7A7A7A; margin-right:10px}
	ul.topnav li img 				{margin-right:10px}
	ul.topnav li 					{padding: 10px 15px;font-weight: 400;border-bottom:#e8e8e8 solid 1px}
	ul.topnav li:last-child			{border-bottom:#e8e8e8 solid 0}
	ul.topnav li a					{font-size: 16px;line-height: 18px;text-decoration: none; color:#8B8B8B}
	ul.topnav li:hover 				{background-color:#ffffff;}
	ul.topnav ul					{margin: 0;padding: 0;display: none;}

	ul.topnav ul li 				{margin: 0;padding: 0;clear: both;}
	ul.topnav ul li div 			{padding-left: 30px; background-color:#E8E8E8 ;border-bottom:#DDDDDD solid 1px}
	ul.topnav ul li div a 			{font-size: 13px;font-weight: 400;}
	ul.topnav ul li .active > div:hover {background-color:#DDDDDD;}
	ul.topnav ul ul li div 			{padding-left: 40px;background-color:#E1E7EC;}
	ul.topnav ul ul li div:hover 	{background-color:#E8E8E8;}
	ul.topnav > li.active > div a 	{color:#425363}
	ul.topnav > li.active span 		{color:#425363}
	
/* BREADCRUMBS
 * =====================================================================================================================================================================================================*/
	.breadcrumb 					{font-size:14px; list-style: none; margin:0; padding:.5rem 0; display:inherit !important; background-color:transparent !important; border-radius:0} 
	.breadcrumb > li 				{display: inline-block} 
	.breadcrumb > li 				{color: #000000}
	.breadcrumb > li + li:before	{color: #000000; padding: 0 10px; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; content: '\f105';}
	.breadcrumb i 					{color: #000000;}

/* TITLES
 * =====================================================================================================================================================================================================*/
	.box-intro-1 .title 			{color: #000000; font-size:calc(16px + 1vw);}
	.box-intro-1 .title a 			{color: #000000; }

	.box-intro-2 h2					{margin:1rem 0 2rem 0}
	.box-intro-2 .title				{color:#304f9e;position:relative;margin-bottom:27px;display:block}
	.box-intro-2 .title:after		{background:#304f9e;bottom:-16px;left:2px;width:60px;content:"";height:1px;display:block;position:absolute;margin:0 auto;text-align:center}
	.box-intro-2 .title	a			{color:#304f9e;}

/* FLEX SLIDES - ALL SLIDES DEFAULTS
 * =====================================================================================================================================================================================================*/
	* html .flexslider .slides 		{height: 1%; } html[xmlns] .flexslider .slides {display: block; }.flex-container a:hover,.flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus { outline: none; }
	.slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none; }
	.no-js .flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible; }
	.flex-viewport 					{max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; }
	.loading .flex-viewport 		{max-height: 700px;}
	.carousel li 					{margin-right: 0; }
	
	.flexslider 					{margin: 0; padding: 0; background-color:transparent; border: 0 solid #f1f1f1;position: relative; zoom: 1; overflow:hidden }
	.flexslider .slides 			{zoom: 1;}
	.flexslider .slides li 			{position: relative; }
	.flexslider .slides > li 		{display: none; -webkit-backface-visibility: hidden; }
	/*.flexslider .slides figure 		{display: block; height:400px; width:100%; margin:0; overflow:hidden}*/
	.flex-control-thumbs figure 	{height:inherit !important}
	@media screen and (max-width: 1168px) {
		.flexslider .slides figure 	{display: block; height:inherit !important; width:inherit !important; margin:0; }
	}
	.flexslider .slides:after 		{content: "\f105";display: block;clear: both;visibility: hidden; line-height: 0; height: 0; }
	
	.flex-pauseplay span 			{text-transform: capitalize; }
	.flex-pauseplay a 				{display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
	.flex-pauseplay a:before 		{font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900;  font-size: 20px; display: inline-block; content: '\f04c'; }
	.flex-pauseplay a:hover 		{opacity: 1; }.flex-pauseplay a.flex-play:before {content: '\f04b'; }
	
	.flex-control-paging li a 		{line-height: 0; font-size: 0; color: transparent; text-decoration:none; }
	.flex-control-paging li a:before{color:rgba(255,255,255,.2); font-family:"Font Awesome 5 Free"; font-style:normal; font-size: 16px; line-height:34px; content: '\f111'; margin-right:10px}
	.flex-control-paging li a:hover::before {color:rgba(255,255,255,.2)}
	.flex-control-paging li a.flex-active:before {color:rgba(255,255,255,1.00); cursor: pointer; }
	
	/*default paging*/
	.default-paging .flex-control-nav{top:0 !important; margin:0 !important; position:relative !important}
	.default-paging .flex-control-paging li a {line-height: 0; font-size: 0; color: transparent; text-decoration:none; }
	.default-paging .flex-control-paging li a:before {color:rgba(233,88,26, .20); font-family:"Font Awesome 5 Free"; font-style:normal; font-size: 16px; line-height:34px; content: '\f111'; margin-right:10px}
	.default-paging .flex-control-paging li a:hover::before {color:rgba(233,88,26,1.00)}
	.default-paging .flex-control-paging li a.flex-active:before {color:rgba(233,88,26,1.00); cursor: pointer; }

	.flex-control-thumbs li			{width: 25%; float: left; margin: 10px 0; }
	.flex-control-thumbs img		{background:#FFFFFF; display: block; width:100%; height:auto; filter: grayscale(1); -webkit-filter: grayscale(1);}
	.flex-control-thumbs img:hover 	{filter: grayscale(0); -webkit-filter: grayscale(0); }
	.flex-control-thumbs .flex-active-slide img {background:#FFFFFF; border:#e8e8e8 solid 0; filter: grayscale(0); -webkit-filter: grayscale(0); cursor: pointer; }
	@media screen and (max-width: 768px) {
		.flex-control-thumbs img	{width:100%; height:auto; }
	}

	.flex-control-nav 				{position:absolute; bottom:10px; z-index:20; margin:0; width: 100%; text-align: center; padding:5px 10px; border-top:#F1F1F1 solid 0}
	.flex-control-nav li 			{margin: 0 5px; display: inline-block; zoom: 1; *display: inline; }
	@media screen and (max-width: 768px) {
	.flex-control-nav 				{display:none}
	}
	
	.flex-direction-nav 			{position: absolute; width:100%; top: 45%;}
	.flex-direction-nav a 			{position: absolute; color: #ffffff; z-index: 10; overflow: hidden; opacity: 0; width: 50px; height: 80px; margin:0; display: block; background-color:rgba(51,51,51, .0); text-shadow: 0 1px 2px rgba(51,51,51, .5); cursor: pointer; text-decoration:none; -webkit-transition: all .8s ease; transition: all .8s ease; }
	.flex-direction-nav .flex-prev 	{text-align: right;left: -50px; }
	.flex-direction-nav .flex-next 	{text-align: left;right: -50px; }
	.flexslider:hover .flex-prev 	{left: 2rem; }
	.flexslider:hover .flex-next 	{right: 2rem; }
	.flexslider:hover a 			{opacity:1 ; }
	.flex-direction-nav a:before 	{font-family:"Font Awesome 5 Free";font-style:normal; font-weight:900; font-size: 45px; content: '\f053'; display: flex;justify-content: center;align-items: center;position: relative;top: 0; }
	.flex-direction-nav a.flex-next:before {content: '\f054'; }
	

/* BANNER SLIDE FOR FLEX-CAPTION
 * =====================================================================================================================================================================================================*/
	.flexslider li .meta 			{display:block;} 
	.flexslider li .meta .text 		{position: absolute; bottom:0; width:100%; /*bottom: 50%; transform: translate(0, 50%); width: calc(100% - 60px);*/ left: 40px; overflow: hidden; margin: 0; /*padding: calc(6px + 2vw)*/; opacity:0 } 
	
	/* text animations v1 */
	.flexslider li.flex-active-slide .text {animation:scale-in-ver-center 1s cubic-bezier(.25,.46,.45,.94) both}
	/* text animations keyframes v1 */
	@keyframes text-kenburns-1 		{0% {-webkit-filter: blur(12px);filter: blur(12px);opacity: 0;} 100% {-webkit-filter: blur(0px);filter: blur(0px);opacity: 1;}}	
	@keyframes scale-in-ver-center	{0%{bottom:-400px; opacity:1}100%{bottom:0;opacity:1}}
	
	/* text block-$ animations v2 block-effect *
	.block-reveal 					{--t: calc(var(--td) + var(--d));color: transparent;  padding: 0;position: relative;overflow: hidden; animation: revealBlock 0s var(--t) forwards;}
	.block-reveal::after 			{content: '';width: 100%;height: 100%;padding: 0;position: absolute;bottom:100%;left: 0;background: var(--bc); animation: revealingIn var(--td) var(--d) forwards, revealingOut var(--td) var(--t) forwards;}
									@keyframes revealBlock 			{100% {color: #ffffff;}}
									@keyframes revealingIn 			{0% {bottom: 100%;} 100% {bottom: 0;}}
									@keyframes revealingOut 		{0% {transform: translatey(0);} 100% {transform: translatey(100%);}}
	*/
	
	/* image animations */
	.flexslider li.flex-active-slide figure {background-color:#ffffff}
	/*.flexslider li.flex-active-slide figure img {animation: kenburns-5 2s ease-in-out  both;}*/
	.flexslider li.flex-active-slide figure img {animation: kenburns-1 .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

	/* for images */
	@keyframes kenburns-1 			{0% {opacity: 1;transform: scale(1.2)} 1.5625% {opacity: 1} 23.4375% {opacity: 1} 26.5625% {opacity: 1;transform: scale(1.1)} 100% {opacity: 1;transform: scale(1); filter: blur(0);}/* 98.4375% {opacity: 1;transform: scale(1.21176)} 100% {opacity: 1}*/}
	@keyframes kenburns-2 			{23.4375% {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);} 26.5625% {opacity: 1;} 48.4375% {opacity: 1;} 51.5625% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} 100% {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);}}
	@keyframes kenburns-3 			{48.4375% {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);} 51.5625% {opacity: 1;} 73.4375% {opacity: 1;} 76.5625% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} 100% {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);}}
	@keyframes kenburns-4 			{73.4375% {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2); background-color:#000} 76.5625% {opacity: 1;} 98.4375% {opacity: 1;} 100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}	
	@keyframes kenburns-5 			{0% {transform: scale(1.3);} 100% {transform: scale(1);}}
	@keyframes kenburns-6 			{0% {filter: blur(50px);-webkit-filter: blur(50px);}50% {filter: blur(10px);-webkit-filter: blur(10px);}100% {filter: blur(0);-webkit-filter: blur(0);}}
	
	@media screen and (max-width: 968px) {
		.flexslider li.flex-active-slide figure img {-webkit-animation: none; animation: none;}
	}

/* DEFAULTS
 * =====================================================================================================================================================================================================*/
	.contain						{width:100%; height:auto; display: block!important; -webkit-background-size: contain!important; background-size: contain!important; background-repeat:no-repeat!important; background-position:center center!important;}
	.cover							{width:100%; height:auto; display: block!important; -webkit-background-size: cover!important; background-size: cover!important; background-repeat:no-repeat!important; background-position:center center!important;}
	.scroll 						{max-height: 300px;overflow-y: scroll}
	.flex 							{display: flex;align-items: center; }
	.date 							{color:#6c757d; font-size:12px; } 
	.date-block						{border-right:#c5c9ce solid 2px; } 
	.date-block i					{font-size:35px; display:block; text-transform:uppercase; font-style:normal; font-weight:normal} 
	.date-block b					{font-size:25px; display:block; text-transform:uppercase; font-style:normal; font-weight:normal} 
	.date-block span				{font-size:14px; display:block; text-transform:uppercase; font-style:normal; font-weight:normal} 
	.date-block em					{font-size:12px; display:block; text-transform:uppercase; font-style:normal; font-weight:normal} 
	.views 							{background-color: #6c757d; border-left: #121416 solid 5px; color:#FFFFFF; font-size:11px; padding:4px 8px;} 
	.section-intro 					{width:100% !important; height: 100vh !important;}
	.section-content 				{display: table-cell;vertical-align: middle;}

/* COLUMN COUNT
 * =====================================================================================================================================================================================================*/
	.column-count-2					{-webkit-column-count: 2;column-count: 2;-webkit-column-gap: 50px;column-gap: 50px;-webkit-column-rule: 1px double #dee2e6;column-rule: 1px double #dee2e6;}
	.column-count-3					{-webkit-column-count: 3;column-count: 3;-webkit-column-gap: 50px;column-gap: 50px;-webkit-column-rule: 1px double #dee2e6;column-rule: 1px double #dee2e6;}
	.column-count-4					{-webkit-column-count: 4;column-count: 4;-webkit-column-gap: 50px;column-gap: 50px;-webkit-column-rule: 1px double #dee2e6;column-rule: 1px double #dee2e6;}
	@media screen and (max-width: 768px) {
		.column-count-2, .column-count-2, .column-count-4 {-webkit-column-count: 1;column-count: 1;}
	}

/* HEADLINES
 * =====================================================================================================================================================================================================*/
	#headline-js .flex-viewport 	{overflow: visible !important;background-color: #0000 !important;}
	#headline-js li figure 			{overflow: visible !important; position: relative; z-index: 1}
	#headline-js li figure img 		{opacity: .1 !important;background-color: #0000 !important;filter: blur(3px); transform: scale(1.2); }
	#headline-js li .headline-title	{opacity: 0 !important;}
	#headline-js li.flex-active-slide .headline-title {opacity: 1 !important;}
	#headline-js li.flex-active-slide img {animation: kenburns-6 .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; opacity: 1 !important; transform: scale(1)}
	#headline-js li.flex-active-slide figure {overflow:hidden !important; position: relative; z-index: 2; border: solid 10px #fff; background-color: #fff; box-shadow: 0 10px 35px 1px rgba(0,0,0,0.2)}
	
	.headline figure 				{width:100%; margin:0; padding:0; outline:0; position:relative; overflow:hidden; background-color:transparent !important;}
	.headline figure img 			{width:100%; height:525px;display: block!important; -webkit-background-size: cover!important; background-size: cover!important; background-repeat:no-repeat!important; background-position:center center!important;}
	.headline #carousel				{width:100%; padding:0}
	.headline #carousel.flexslider	{position:relative; }
	.headline #carousel figure		{width:100%; margin:0; overflow:hidden; border:solid 0 #ccc;}
	.headline #carousel figure img	{width:100%; height:100px;}
	.headline #carousel figure img:hover {animation: kenburns-6 .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both}
	.headline-title 				{position:absolute; display:inline; text-align:left; bottom:1rem; right:1rem; width:40%; padding:2rem; background-color:#00000095;}
	.headline-title h2				{font-size:18px; font-weight:700; }
	.headline-title h2 a			{color:#ffffff; margin:0; text-decoration:none;}
	.headline-title p				{color:#ffffff; font-size:14px; margin:0; opacity:.8 }
	.headline-title small			{color:#ffffff; font-size:14px; display:block; opacity:.8 }
	@media screen and (max-width: 860px) {
		.headline figure 			{margin:2rem 0 !important}
		.headline figure img 		{width:100%; height:200px; transform: scale(1) !important; filter: blur(0) !important; display: block!important; -webkit-background-size: contain!important; background-size: contain!important; background-repeat:no-repeat!important; background-position:center center!important;}
		.headline #carousel figure 	{display:none}
		.headline-title 			{display: none !important;}
	}

/* FOOTER
 * =====================================================================================================================================================================================================*/
	footer .flex-control-paging		{bottom:-2rem !important;}
	footer .flex-control-paging li a:before{color:rgba(0,0,0,.2);}
	footer .flex-control-paging li a:hover::before {color:rgba(0,0,0,.2)}
	footer .flex-control-paging li a.flex-active:before {color:rgba(0,0,0,1.00);}
	footer .flex-direction-nav a	{color: var(--dark)}
	footer .flex-direction-nav		{top:28%}

/* LATEST BLOCKS
 * =====================================================================================================================================================================================================*/
	#set0 .latest figure img		{width:100%; height:250px;}
	#set0 .latest li > div				{border-bottom:1px solid #D1D1D1; }
	
	#set0 .sub figure img			{width:125px; height:90px;}
	#set0 .sub li > div				{border-bottom:1px solid #D1D1D1; margin-bottom:1rem }
	#set0 .sub li:last-child > div	{border-bottom:0 solid #D1D1D1; margin-bottom:0 }
	
	#set3 .latest-top .thumb 		{width:100%; height:250px; }
	#set3 .flex-control-nav			{position:relative; }
	#set3 .flex-control-paging li a:before{color: #ffc12430;}
	#set3 .flex-control-paging li a.flex-active:before {color: #ffc124;}
	#set3 .flex-control-paging li a:hover::before {color:#ffc124)}


	#set3 .latest-sub .thumb 		{width:100%; height:450px;}


	.list-group .thumb				{width:auto; height:50px; float:left; margin-right:15px}
	.a-latest .thumb 				{width:100%; height:440px;}
	
	.a-hot-set1 .thumb 				{width:100%; height:280px !important; }
	
	/*top lists*/
	#top-list figure img 			{width:100px; height:50px;}
	#top-list li .media 			{border-bottom:1px solid #EEEEEE; margin-bottom: .5rem; padding-bottom: .5rem}
	#top-list li:last-child .media	{border-bottom:0 solid #EEEEEE;}
	#top-list li:last-child div		{margin-bottom:0 !important}
	#top-list li:last-child figure	{margin-bottom:0 !important}
	
	#list figure 					{height:190px;overflow: hidden;position: relative;}
	#list figure img				{width:100%; height:190px;}
	#list figure iframe 			{border: 0;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}

	#detail iframe 					{border: 0; height: 450px; width: 100%;}
	#detail img 					{max-width: 100%;}
	#x [class*="col-"] img 			{width:100%; height:auto; margin-top:1rem; padding:1rem}	
	#x [class*="col-"]  			{border: solid 1px #f2f2f2}	

	#catalog figure 				{height:190px;overflow: hidden;position: relative;}
	#catalog figure img				{width:100%; height:190px;}
	#catalog figure iframe 			{border: 0;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}

	#hot figure 					{height:400px;overflow: hidden;position: relative;}
	#hot figure img					{height:400px;}
	
	#set1 figure 					{background-color:transparent}
	#set1 figure img				{height:300px; }

	#set2 figure 					{background-color:#fff}
	#set2 figure img				{height:280px;}

	@media screen and (max-width: 860px) {
		#list figure img			{width:100%; height:140px;}
		#detail iframe 				{border: 0; height: 250px; width: 100%;}
		
		
		.a-latest h1				{font-size:.5rem}
		.a-latest .thumb 			{width:100%; height:200px;}
		.a-latest-sub .row>div		{margin-bottom:20px; border-bottom:#D1D1D1 dashed 1px; }
		.a-latest-sub .row>div:last-child{border-bottom:0 }
		.a-latest-sub .thumb 		{width:160px; height:90px;}
		
		.a-latest-set1 .thumb 		{width:100%; height:140px; }
		.a-latest-set1-sub .thumb	{width:100%; height:140px;}
		
		.a-latest-set2 .thumb 		{width:100%; height:140px; }
		.a-latest-set2-sub .thumb 	{width:100%; height:140px; }
		
		.a-hot-set1 .thumb 			{width:100%; height:140px; }
		
		
		#set1 figure 				{background-color:transparent}
		#set1 figure img			{height:180px; }
	}

/* AUTHORS
 * =====================================================================================================================================================================================================*/
	#a-latest-aut figure 			{margin-bottom:15px}
	#a-latest-aut p 				{color:#7B8A92}

/* ROW LIST 1
 * =====================================================================================================================================================================================================*/
	#a-list .film .thumb			{width:100%; height:450px;}
	
	#a-list-rows-set1:before 		{font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900;  content: "\f15c"; margin-right:15px; font-size:34px; line-height:42px; float:left;}

/* BLOCKS
 * =====================================================================================================================================================================================================*/
	#custom-block 					{padding:100px 0; font-family: 'Museo Slab', serif;}
	@media screen and (max-width: 860px) {
		#custom-block 				{padding:15px;}
	}


/* HOT-SET-2  -- NOTIFICATION
 * =====================================================================================================================================================================================================*/
	#a-hot-set2-js .list-group-item {border-bottom:1px solid #E8E8E8; padding:10px 0}




/*  CATEGORIES CATALOG
 * =====================================================================================================================================================================================================*/
	.catalog .thumb 				{width:100%; height:200px !important;}
	
	.catalog-subs-full 				{margin-bottom:1.5rem}
	.catalog-subs-full ul			{list-style:none; padding-inline-start: 0;} 
	.catalog-subs-full ul li		{color:#6A737B; font-size:15px;} 
	.catalog-subs-full ul li a 		{color:#6A737B}
	.catalog-subs-full ul li:before	{font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900;  content: "\f105"; margin-right:10px; font-size:15px; color:#343A40}
	.catalog-subs-full .title-desc	{position:absolute; top:2px; right:30px !important; background:#DDDDDD; color:#FFFFFF; font-size:11px; font-weight:700; letter-spacing:1px; padding:2px 10px; margin:12px 0; float:right}
	.catalog-subs-full .cat-sub p	{margin:10px 0}

	.catalog-subs-mini 				{margin-bottom:2rem; border:#E8E8E8 solid 1px; padding:.5rem; border-radius:.25rem}
	.catalog-subs-mini h2			{color:#808080; font: 500 14px/1.2 Raleway, Helvetica Neue, Helvetica, Arial, sans-serif !important; border-bottom: 3px solid #808080; margin-bottom: -2px; padding-top:.5rem}
	.catalog-subs-mini h2 a			{color:#808080;}

	.catalog-custom .catalog 		{background-color:#FFFFFF}

/* CATEGORY DESCRIPTIONS
 * =====================================================================================================================================================================================================*/
	#c-desc-top						{background-color:#ffffff95;}
	#c-desc-top .abs				{position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	#c-desc-top .abs h2				{font-size:calc(14px + 4vw); color:#ffffff; text-shadow: 0 .125rem .25rem rgba(0,0,0,.1)}
	#c-desc-top .abs ul				{margin-left:.5rem; color:#ffffff;}
	#c-desc-top .abs ul li a		{color:#ffffff !important; text-shadow: 0 .125rem .25rem rgba(0,0,0,.1)}
	#c-desc-top .rel				{position:relative; padding:1em 0}
	#c-desc-top .rel h2				{font-size: calc(1.1em + 1vw);; color: #000000; margin:0}
	#c-desc-top .rel ul				{margin-left:.5rem}
	#c-desc-top .rel ul li a		{color: #000000 !important;}
	#c-desc img 					{width:auto; max-width:100%; height:auto; }
	#c-desc [class*="col-"] img 	{width:100%; height:auto; margin-bottom:1rem}	
	
	/*ROW LIST 2 */
	#a-list-rows-set2 				{margin-bottom:30px; padding:0;}
	#a-list-rows-set2 .img-dot		{float:left; height:90px; width:160px}
	#a-list-rows-set2 figure 		{margin:0 15px 0 0; padding:0 }
	#a-list-rows-set2 figure img 	{width:100%; height:90px; }
	#a-list-rows-set2 h2 			{font-size:18px; line-height:22px; font-weight:700;  color:#464646; margin:0} #a-list  h2 a {color:#464646}
	#a-list-rows-set2 small 		{color:#e8e8e8; font-size:14px; line-height:18px; } 
	#a-list-rows-set2 small:before 	{font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900;  content: "\f073"; margin-right:10px; font-size:12px;}
	#a-list-rows-set2 p 			{font-size:16px; line-height:20px; text-align:left; color:#AAAAAA; margin-left:40px}
		
/* ARTICLE DEFAULTS
 * =====================================================================================================================================================================================================*/
	.a-detail td img, .a-detail th img, .a-detail figure img, .a-detail img, .a-detail [class*="col-"] img
									{max-width:100%; height:auto; margin:0}
	.a-detail em					{color:#11B4BC}
	.a-detail strong				{color:#000000;}
	
/* PAGE LISTS
 * =====================================================================================================================================================================================================*/
	.a-list .thumb					{width:100%; height:150px; }
	@media screen and (max-width: 768px) {
		
	}
	#p-list 						{padding-bottom:15px; position:relative}
	#p-list figure 					{margin:0; padding:15px 0}
	#p-list figure img 				{width:100%; height:auto; margin:0; }
	#p-list h2 						{font-size:14px; line-height:18px; font-weight:700;  color:#464646; margin-bottom:10px;} 
	#p-list h2 a 					{color:#464646}
	#p-list h2 span 				{color:#F26522; display:block; font-weight:400}
	#p-list small 					{color:#888888; font-size:12px; line-height:16px; display:block } 
	#p-list p 						{font-size:14px; line-height:18px; text-align:left; color:#AAAAAA }
	
/* PAGE DETAILS
 * =====================================================================================================================================================================================================*/
	.p-detail  img 					{max-width:100%; height:auto; margin:0}
	.p-detail .row					{margin-bottom:30px}
	.p-detail .row:last-child		{margin-bottom:0}
	.p-detail .row > div img 		{max-width:100%; height:auto !important; /*border-radius:.25rem !important*/}

/* BANNER SLIDE FOR CAPTION
 * =====================================================================================================================================================================================================*/
	.flexslider li .caption 		{position: absolute; bottom: 0; left: 0; right:0;  width:100%; height:100%; background-color:rgba(0,0,0,0.0);  }
	.flexslider li .caption h1 		{position: absolute; bottom: 10%; left:30%; right:30%; margin:0 auto; text-align:center; font-size:16px; font-weight:bold} 
	.flexslider li .caption h1 a	{color:#FFFFFF; text-decoration:none}
	.flexslider li .caption h2 		{background: rgba(51, 51, 51, 0.5); padding: 13px 18px 11px; font-size: 1.1em; margin-bottom: 0; font-weight: 300; }
	@media screen and (max-width: 768px) {

	}
	.bnrs-nav-abs .flex-control-nav {position:absolute; z-index:99; bottom:10px}
	.bnrs-standart .title			{font-size:18px; font-weight:500; color:#FFFFFF; margin:0; padding:10px 15px; }
	.bnrs-standart .title a			{color:#FFFFFF;}
		
/* BRANDS LIST
 * =====================================================================================================================================================================================================*/
	#brands figure 					{width:100%; height:100px; padding:10px; margin:0}
	#brands figure img 				{width:100%; height:80px;}
	#brands h2 						{font-size:16px; line-height:20px; font-weight:400; margin:5px 0; padding:0; text-align:center; position:relative; z-index:9} #brands h2 a {color:#231F20;}
	
/* COOKIE NOTICE
 * =====================================================================================================================================================================================================*/
	.cookiealert 					{position: fixed;bottom: 0;left: 0;width: 100%; padding:1.5rem; font-size:14px; color: #FFFFFF;background: rgba(0,0,0,.8); margin: 0 !important;z-index: 999;opacity: .8;border-radius: 0;transform: translateY(100%);transition: all 500ms ease-out;}
	.cookiealert.show 				{opacity: 1;transform: translateY(0%);transition-delay: 1000ms;}
	.cookiealert a 					{text-decoration: underline}
	.cookiealert .acceptcookies 	{margin-left: 10px;vertical-align: baseline;}
	
	/*basket */
	#basket-results .loading-basket	{display:block; padding:25px 0; margin:0 auto; align-content:center; text-align:center;}
	#basket-modal 					{background-color:rgba(0,0,0,0.60); display:none;}
	#basket-modal .basket-empty 	{font-size:20px; font-weight:400; color:#949494; text-align:center; margin:50px auto}
	#basket-loaded 					{height:300px; overflow-y: scroll;}
	
	/*go-back top  */
	.page-up 						{color:#ffc107 !important; display: inline-block; position: fixed;bottom: 3rem;right: 3rem; font-size:40px; visibility: hidden;opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
	.page-up.page-is-visible,.page-up.page-fade-out,
	.no-touch .page-up:hover 		{-webkit-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
	.page-up.page-is-visible 		{visibility: visible;opacity: 1; }
	.page-up.page-fade-out 			{opacity: .4; }
	.page-up:hover 					{opacity: 1; }

 	/*share block */
	.share > .col 					{min-width:0;}
	@media (max-width: 576px) {		
		.share > .col 				{min-width: 25% !important;}
	}


	/*prev & next article  */
	.nextprev .next,
	.nextprev .prev					{height:65px; overflow:hidden; padding:5px 15px; display:block; margin-bottom:1px; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius:5px; text-decoration:none}
	.nextprev .next:before			{font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900; font-size: 30px; line-height:28px; width:30px; margin-top:15px; content: '\f105'; float:right; text-align:right; right:0; margin-right:0} 
	.nextprev .prev:before			{font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900; font-size: 30px; line-height:28px; width:30px; margin-top:15px; content: '\f104'; float:left;} 
	.nextprev .row figure .next img {width:auto !important; height:55px !important; float:right; margin-left:15px } 
	.nextprev .row figure .prev img {width:auto !important; height:55px !important; float:left; margin-right:15px} 

/* USER HOME
 * =====================================================================================================================================================================================================*/
	#body-overlay 					{position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 999;background-color: rgba(0,0,0,0.5);display: none;}
	#body-overlay div 				{position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;}
	#body-target-outer 				{position: relative; overflow:hidden}
	#body-target-outer .input-file 	{opacity:0;width: 100%;height: 100vh;margin: 0;padding: 0;cursor: pointer;}
	#body-target-outer .icon	 	{position: absolute;opacity: 0.6;bottom: 5%;right: 5%;font-size:38px;}
	#body-target-outer.preview 		{border-radius:4px;}

/* CUSTOMS
 * =====================================================================================================================================================================================================*/
	.shadow-text-sm 				{text-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important}
	.text-orange 					{color: #E71C25 !important;}
	.text-light						{color:#B5B5B5 !important}
	.bg-custom						{background:#2e333a}
	.bg-dark-lite					{background:#e9ecef}
	.font-weight-bold 				{font-weight: 500 !important;}
	.modal-body html				{background:#FFFFFF !important}
	.rounded-2						{border-radius: .5rem!important;}
	.rounded-3						{border-radius: .75rem!important;}
	.rounded-4						{border-radius: 1rem!important;}

/*opacity*/
.opacity-0 {
  opacity:0!important;
}
.opacity-1 {
  opacity:0.2!important;
}
.opacity-2 {
  opacity:0.4!important;
}
.opacity-3 {
  opacity:0.6!important;
}
.opacity-4 {
  opacity:.8!important;
}
.opacity-5 {
  opacity:1!important;
}

/* Maybe even support hover opacity shifts */
.opacity-0h5 {
  opacity:0!important;
  transition: opacity .25s ease-in-out!important;
  -moz-transition: opacity .25s ease-in-out!important;
  -webkit-transition: opacity .25s ease-in-out!important;
}
.opacity-0h5:hover {
  opacity:1!important;
}




	
	/*image rotate */
	.img-rotate figure				{overflow:hidden }
	.img-rotate figure img			{display: block!important; overflow:hidden; transition: all 0.9s ease; position:relative;}
	.img-rotate figure:hover img 	{transform: scale(1.2) rotate(3deg); -webkit-filter: grayscale(100%); filter: grayscale(100%);}
	
	/*image color */
	.img-grayscale figure			{overflow:hidden }
	.img-grayscale figure img		{display: block!important; overflow:hidden; transition: all 0.9s ease; position:relative;}
	.img-grayscale figure:hover img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
	
	/*image zoom */
	.img-zoom figure				{overflow:hidden }
	.img-zoom figure img			{max-width: 100%; height: auto; width: 100%; transition: transform 1.2s ease-in-out 0s;}
	.img-zoom figure:hover img		{transform: scale(1.05);}	
	
	/*image hover text */
	.img-hover-text img 			{opacity: 1; transition: all 0.9s ease; backface-visibility: hidden; background-color:#FFFFFF}
	.img-hover-text figcaption		{transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 10%; right:10%; transform: translate(0, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
	.img-hover-text:hover figure img{opacity: 0.2;}
	.img-hover-text:hover figcaption{opacity: 1;}
	.img-hover-text a				{color:#000000; font-size:22px; font-weight:600; text-decoration:none}
	
	/*img flexbox gallery*/
	.img-flexbox 					{column-count: 5; column-gap: 1em;}
	.img-flexbox figure 			{background-color: var(--light); display: inline-block; margin: 0 0 1rem; width: 100%;}
	@media screen and (max-width: 768px) {
		.img-flexbox 				{column-count: 3}
	}
	@media screen and (max-width: 576px) {
		.img-flexbox 				{column-count: 2}
	}
	
	/*img shine*/
	.img-shine figure 				{position: relative; overflow:hidden}
	.img-shine figure::before 		{position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
	.img-shine figure:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
	@-webkit-keyframes shine {
		100% {left: 125%;}
	}
	@keyframes shine {
		100% {left: 125%;}
	}
	
	/* folded box */
	.card__corner {
	position: absolute;
	top: 0;
	right: 0;
	width: 2em;
	height: 2em;
	background-color: #E71C25;
	}
	
	.card__corner .card__corner-triangle {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 2em 2em 0;
	border-color: transparent #FFFFFF transparent transparent;
	}
	
	/* ribbon */
	.ribbon 						{position: absolute;z-index:19 !important; left: -5px; top: -5px; z-index: 1;overflow: hidden;width: 180px; height: 180px; text-align: right; }
	.ribbon span 					{font-size: 14px; line-height: 20px; font-weight: bold; color: #FFF; text-transform: uppercase;text-align: center; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);width: 150px;display: block;background: #E52139;background: linear-gradient(#F70505 0%, #E52139 100%);box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);position: absolute; top: 35px; left: -30px; }
	.ribbon span::before 			{content: "";position: absolute; left: 0px; top: 100%; z-index: -1;border-left: 3px solid #700001;border-right: 3px solid transparent;border-bottom: 3px solid transparent;border-top: 3px solid #700001; }
	.ribbon span::after 			{content: "";position: absolute; right: 0px; top: 100%; z-index: -1;border-left: 3px solid transparent;border-right: 3px solid #700001;border-bottom: 3px solid transparent;border-top: 3px solid #700001; }

	/* grid list */
	.grid-list 						{background-color:#FFFFFF;  border:solid 1px #E8E8E8; margin-bottom:-1px; margin-left:-1px; display: grid; box-sizing: border-box}
	.grid-list:hover 				{position:relative; z-index:9; box-shadow: 0 10px 35px 1px rgba(0,0,0,0.2)}
	.grid-list-row 					{border-bottom:solid 1px #E8E8E8;}
	.grid-list-row:last-child		{border-bottom:solid 0 #E8E8E8;}

	/*box list */
	.box-list 						{box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.15); background-color:#FFFFFF}
	.box-list:hover 				{position:relative; z-index:9; box-shadow: 0 10px 35px 1px rgba(0,0,0,0.2)}
	.box-list a 					{color:#2A2A2A;}
	
	/* shadows */
	.hover-shadow					{background-color:#FFFFFF; /*box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.15);*/}
	.hover-shadow:hover 			{position:relative; z-index:9; box-shadow: 0 10px 35px 1px rgba(0,0,0,0.2)}

	/* custom rows*/
	.row-custom .row				{margin-left:-2px !important; margin-right:-2px !important}
	.row-custom [class*="col-"]		{padding-right: 2px !important; padding-left: 2px !important;}

	/* table list */
	table 							{max-width: 100%; width: 100% !important; margin-bottom:1rem; border:inherit; border-collapse: separate; border-spacing:inherit; border:1px solid #ffc126; border-radius:.25rem; overflow:hidden;}
	table tr th						{background-color: #ffc125; color:#ffffff; border-bottom: 1px solid #ffc126; border-right: 1px dashed #ffc126; padding: 17px 20px 17px 40px;  font-size: 20px; font-weight: 700;  }
	
	table tr th:last-child 			{border-right: 0}
	table tr						{border: none; border-bottom: 1px dashed #ffc126;}
	table tr td						{border-right: 1px dashed #ffc126; border-bottom: 1px dashed #ffc126; padding: 17px 20px 17px 40px; height:inherit !important; }
	table tr td:last-child 			{border-right: 0}
	table tr:last-child td 			{border-bottom:0;}
	
	/*table scroll*/
	.scroltable-wrapper 			{position: relative;}
	.scroltable-container 			{overflow: auto; -webkit-overflow-scrolling:touch;}
	.scroltable-nav 				{display: none;position: absolute;width: 50px;height: 100%;cursor: pointer;}
	.scroltable-nav.scroltable-nav-left {left: 0; background: -webkit-linear-gradient(180deg, rgba(255,255,255,0), #fff); background: linear-gradient(to left, rgba(255,255,255,0), #fff); text-align:left}
	.scroltable-nav.scroltable-nav-left:before {font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:700; font-size: 30px; position:relative; top:40%; content: '\f053'; color:#000000; }
	.scroltable-nav.scroltable-nav-right {right: 0; background: -webkit-linear-gradient(0, rgba(255,255,255,0), #fff); background: linear-gradient(to right, rgba(255,255,255,0), #fff); text-align:right}
	.scroltable-nav.scroltable-nav-right:before {font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:700; font-size: 30px; position:relative; top:40%; content: '\f054'; color:#000000;}

	
/* RESETS
 * =====================================================================================================================================================================================================*/
	/* table reset*/
	.table td, .table th			{vertical-align:middle}
	.text-primary					{}
	.btn-primary					{}
	.bg-primary						{}
	.slides li:last-child .border-right {border-right:0 !important}
	.slides li:last-child .pr-4 	{padding-right:0!important}
	.shadow {
	box-shadow: 0 10px 35px 1px rgba(0,0,0,0.2)!important;
    position: relative;
    z-index: 1;
	}
	section > div > .row .row-y > div:last-child {margin-bottom:0 !important}
	
	.nav							{display: inline-block;}
	.nav-pills > li 				{float:none;display:inline-block; *display:inline; zoom:1;}
	.nav-pills 						{text-align:center;}
	.nav-pills .nav-link			{color:#333333 !important; background-color:#ffffff !important;}
	.nav-pills .nav-link:hover		{color:#05abe0 !important;}
	.nav-pills .nav-link.active 	{color:#ffffff !important; background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);}


.btn-primary {
    color: #fff;
    background-color: #304f9e;
    border-color: #304f9e;
}


	.validation-lg					{height:48px; width:auto}

	/* default button */
	.btn-default 					{display: inline-block;color: #fff;letter-spacing: .15rem;transition: all .5s;position: relative;overflow: hidden;z-index: 1;}
	.btn-default:after 				{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%; background: linear-gradient(45deg, rgba(192,210,69,1) 20%, rgba(93,183,139,1) 80%);z-index: -2;}
	.btn-default:before 			{content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 100%;background: rgba(192,210,69,1) ;transition: all .5s;z-index: -1;}
	.btn-default:hover 				{color: #fff;}
	.btn-default:hover:before 		{width: 100%;}
	
	
	/* file browse reset */
	.custom-file-label::after 		{display:none}
	.custom-file-input 				{position: relative;z-index: 2;width: 100%;height: auto;margin: auto 4px;opacity: 1;}	
	.custom-file-label				{z-index:unset}
	
	.theme-one__single 				{text-align: center;-webkit-transition: all .4s ease;transition: all .4s ease;}
	.theme-one__single .list-group-item	{padding: .3rem .5rem !important; background-color:transparent !important}
	.theme-one__image 				{overflow: hidden;position: relative; }
	.theme-one__image > img 		{width: 100%;  -webkit-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform .4s ease;transition: -webkit-transform .4s ease;transition: transform .4s ease;transition: transform .4s ease, -webkit-transform .4s ease;}
	.theme-one__image-hover 		{position: absolute;top: 0;left: 0;right: 0;bottom: -1px; background-color: rgba(255,255,255,.9);text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;opacity: 0;-webkit-transform: perspective(100px) translateZ(10px);transform: perspective(100px) translateZ(10px);-webkit-transition: opacity .4s ease, -webkit-transform .4s ease;transition: opacity .4s ease, -webkit-transform .4s ease;transition: opacity .4s ease, transform .4s ease;transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease;}
	.theme-one__social 				{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;padding-bottom: 27px;margin-bottom: 25px;}
	.theme-one__social:after 		{position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);content: '';width: 50px;height: 1px;background-color: #e23e4e;margin-left: auto;margin-right: auto;display: block;}
	.theme-one__social a 			{color: #666666;font-size: 16px;-webkit-transition: all .4s ease;transition: all .4s ease;}
	.theme-one__social a + a 		{margin-left: 20px;}
	.theme-one__social a:hover 		{color: #e23e4e;}
	.theme-one__content 			{display: block;color: #333333;font-size: 16px;text-align:left;padding:.5rem 0;-webkit-transition: all .4s ease;transition: all .4s ease;}
	.theme-one__content:hover 		{color: #666666;}
	.theme-one__content + .theme-one__content {margin-top: 15px;}
	.theme-one__single:hover 		{/*-webkit-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);*/}
	.theme-one__single:hover .theme-one__image > img {-webkit-transform: scale(1.05);transform: scale(1.05);}
	.theme-one__single:hover .theme-one__image-hover {color: #fff;opacity: 1;-webkit-transform: perspective(100px) translateZ(0px);transform: perspective(100px) translateZ(0px);}
	
	.boardmember 					{background: rgba(0,0,0,0.03);height:190px; margin-bottom:10px}
	.boardmember p 					{margin: 20px !important;}
	.boardmember.flex 				{background: rgba(0,0,0,0.03);height: auto;padding-bottom: 20px;display: inherit;align-items: baseline;}
	.directorboard img 				{float:right; height:140px !important; width:140px !important}
	.directorboard h4 				{font-size: 18px;color:#F26521;font-weight:700;margin-left: 20px;margin-right: 170px;padding-top: 20px;line-height: 1.3;position: relative;}
	.directorboard em 				{border-top: 2px solid #F26521; color:#686868; padding-top:10px; margin-top:10px; display:block; font-weight:400}
	.directorboard h2 				{font-size: 18px;margin-left: 20px;margin-right: 170px;padding-top: 20px;line-height: 1.3;position: relative;padding-bottom: 10px;border-bottom: 1px solid #DDDDDD;}



.testimonial-section {
    /*background-image: url('./../uploads/bg.jp');*/
    background-size: cover;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}
.testimonial-section:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34,34,34,.7);
}
.testimonial-section .testimonial-box {
    color: #fff;
	position: relative;
    z-index: 1;
}

.bg-custom-1 {background-color:#f8f2ed}















.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0 solid #dee2e6;
}






table tr {
    border: none;
    border-bottom: 0 dashed #ffc126;
}





	/* grid common style */
	.grid figure {position: relative;overflow: hidden;text-align: center;cursor: pointer;}
	.grid figure img {position: relative;display: block;opacity: .8;}
	.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;	backface-visibility: hidden;}
	.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
	.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
	.grid figure h2 {word-spacing: -0.15em;font-weight: 300;}
	.grid figure h2 span {font-weight: 800;}
	.grid figure h2,.grid figure p {margin: 0;}
	.grid figure p {letter-spacing: 1px;font-size: 68.5%;}
	
	/* roxy */
	figure.effect-roxy {background: linear-gradient(45deg, rgba(192,210,69,1) 20%, rgba(93,183,139,1) 80%);border: solid 10px #304f9e;}
	figure.effect-roxy img {max-width: none;width: calc(100% + 60px);transition: opacity 0.35s, transform 0.35s;transform: translate3d(-50px,0,0);}
	figure.effect-roxy figcaption::before {position: absolute; top: 5%;right: 3%;bottom: 5%;left: 3%;border: 1px solid #fff;content: '';opacity: 0;transition: opacity 0.35s, transform 0.35s;transform: translate3d(-20px,0,0);}
	figure.effect-roxy figcaption {padding: 3em; text-align: left;}
	figure.effect-roxy h2 {opacity: 1; transition: opacity 0.35s, transform 0.35s;transform: translate3d(-10px,0,0); padding: 2% 0 10px 0; font-weight: 700}
	figure.effect-roxy p {opacity: 0;transition: opacity 0.35s, transform 0.35s;transform: translate3d(-10px,0,0);}
	figure.effect-roxy:hover img {opacity: .1;transform: translate3d(0,0,0);}
	figure.effect-roxy:hover figcaption::before,figure.effect-roxy:hover p, figure.effect-roxy:hover h2 {opacity: 1;transform: translate3d(0,0,0);}
	@media screen and (max-width: 860px) { 
		figure.effect-roxy figcaption {padding: 1.5em; text-align: left;}
	}
	
	/* zoe */
	figure.effect-zoe {border:solid 4px #fff}
	figure.effect-zoe figcaption {top: auto;bottom: 0;padding: 1em;height: 3.2em;background:linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);color: #fff;transition: transform 0.35s;transform: translate3d(0,100%,0);}
	figure.effect-zoe h2 {float: left;font-size: 1.1em; font-weight:500}
	figure.effect-zoe p.icon-links a {float: right;color: #3c4a50;font-size: 1.4em;}
	figure.effect-zoe:hover p.icon-links a:hover,figure.effect-zoe:hover p.icon-links a:focus {color: #252d31;}
	figure.effect-zoe p.description {position: absolute;bottom: 8em;padding: 2em;color: #fff;text-transform: none;font-size: 90%;opacity: 0;transition: opacity 0.35s;}

	figure.effect-zoe h2,figure.effect-zoe p.icon-links a {transition: transform 0.35s;transform: translate3d(0,200%,0);}
	figure.effect-zoe p.icon-links a span::before {display: inline-block;padding: 8px 10px;font-family: 'feathericons';speak: none;}
	.icon-eye::before {content: '\e000';}
	.icon-paper-clip::before {content: '\e001';}
	.icon-heart::before {content: '\e024';}
	
	figure.effect-zoe h2 {display: inline-block;}
	figure.effect-zoe:hover p.description {opacity: 1;}
	figure.effect-zoe:hover figcaption,figure.effect-zoe:hover h2,figure.effect-zoe:hover p.icon-links a {transform: translate3d(0,0,0);}
	figure.effect-zoe:hover h2 {transition-delay: 0.05s;}
	figure.effect-zoe:hover p.icon-links a:nth-child(3) {transition-delay: 0.1s;}
	figure.effect-zoe:hover p.icon-links a:nth-child(2) {transition-delay: 0.15s;}
	figure.effect-zoe:hover p.icon-links a:first-child {transition-delay: 0.2s;}