/* 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}
	html 							{font-size: 100%; -webkit-text-size-adjust: 100%}
	header 							{background-color: #e3240f; position:relative; z-index:10} 
	main 							{background-color: #ffffff;}
	article							{background-color: #ffffff; margin:0; padding:0}
	footer 							{background-color: #1f2327;}
	@media screen and (max-width: 768px) {
		header 						{background-color: #ffffff; }
		main 						{background-color: #ffffff; }
		footer 						{background-color:#1f2327; }
	}
	a 								{text-decoration: none; }
	a:hover 						{text-decoration: underline;}
	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}
	main img						{max-width: 100%;}
	header ul, header ol			{list-style:none; margin: 0; border: 0; padding: 0; outline: 0}
	::placeholder					{opacity: .5 !important}
									
/* LOADING /*
	.loading header, .loading main, .loading footer {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 					{background-color: #1f2327; width: 100%; overflow-x:hidden; }
	#sm-top							{background-color: transparent;}
	@media screen and (max-width: 768px) {
		#outer-wrap 				{position: relative; background-color: var(--gray-dark); width: 100%; }
		#inner-wrap 				{position: relative; background-color: transparent; width: 100%;}
		#sm-top						{position: relative; background-color: transparent} /* mobil header*/
	}
	
/* CUSTOM CONTAINER */
	.container-xxl 					{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
	@media screen and (min-width: 1468px) {.container-xxl {max-width: 1468px;}}
		
/* ROW BLOCK CONTAINERS & SECTIONS */
	.row-index1						{width: 100%; background-color: #4342421a;/* height: 100vh; overflow:hidden*/} 
	.row-index2						{width: 100%; background-color: transparent;} 
	.row-index3						{width: 100%; background-color: transparent;} 
	.row-index4						{width: 100%; background-color: transparent;} 
	.row-index5						{width: 100%; background-color: transparent;} 
	.row-index6						{width: 100%; background-color: transparent;} 

	.row-default 					{width: 100%; background-color: #4342421a; 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}
	.row-background-header			{background-color: transparent; padding: 0}
	.row-background-footer			{background-color: transparent; padding: 0}
	@media screen and (max-width: 768px) {
		.row-index1	 				{height: auto;}
	}
	
	/*HEADER CONTAINERS*/
	.hd-container-block			{width: 100%; padding:.8rem 0; background-color: #0e0a09; border-bottom: dashed 0 #ffffff69; position: relative; z-index: 2;}
	.hd-container-logo 			{width: 100%; padding: 0; background-color: transparent;  position: relative; z-index: 2}
	@media screen and (max-width: 768px) {
		.hd-container-block		{padding:0; background-color: #333; border-bottom: dashed 0 #ffffff69;}
		.hd-container-logo		{width: 100%; text-align:center; }
	}
	
	/*HEADER BLOCK*/
	.hd-block 					{width: 100%; background-color:transparent }
	.hd-greeting 				{width: 100%; background-color:transparent }
	.hd-logo-size				{width: auto; height:77px; margin:.5rem 0; padding:0; filter: grayscale(1) contrast(0) brightness(10);}
	.hd-logo-size-mobile		{width: auto; height:77px; margin:.5rem 0; padding:0}
	.hd-search 					{width: 100%; background-color:#000000bf; margin:0; position: absolute;}  @media screen and (max-width: 768px) {.hd-search {position: relative;}} #search-block {width: 100%; position: absolute;} @media screen and (max-width: 768px) {#search-block {position: relative;}}
	.hd-menu 					{width: 100%; padding: 1rem 0;   }
	
  	/*HEADER CONTACT ADDRESS BLOCK*/
	.hd-contacts 				{margin:0; padding:0; float:left; } 
	.hd-contacts li 			{color:#ffffff; font-size:20px; line-height:24px; float:left; margin:4px 0 0 0; padding:0 10px;}
	.hd-contacts li i 			{color:#15e444; font-size:20px; line-height:24px; border:#e05666 solid 0; margin-right:10px;}
	.hd-contacts li a 			{color:#ffffff}
	@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; }
	.hd-social li 				{color:#ffffff; font-size:15px; line-height:normal; font-weight:600; float:left; margin:4px 0 0 0; padding:0 10px;}
	.hd-social li a 			{color:#ffffff;}
	.hd-social li form 			{margin-top:2px; display:inline}
	.hd-social li b 			{color:#ffffff; font-weight:200}
	.hd-social li i 			{color:#ffffff; font-size:20px; line-height:25px}
	.hd-social .fa-whatsapp 	{margin-right:10px}
	@media screen and (max-width: 768px) {
		.hd-social li form 		{margin-top:2px; display:block}
		.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:#00000030 solid 1px; border-radius:.25rem;}
	.hd-login li				{color:#3c3c3b; font-size:12px; line-height:normal; font-weight:600; float:left; margin:.5rem 0; padding:0 10px; }
	.hd-login li a 				{color:#3c3c3b;}
	.hd-login li i				{color:#3c3c3b;font-size:14px;}
	
	
	/*FOOTER CONTAINERS*/
	.footer-container-block			{width: 100%; background-color:transparent; padding: 0}
	.footer-container-html 			{width: 100%; background-color:#ffffff08; padding: .5rem 0}
	@media screen and (max-width: 768px) {
		.footer-container-html 		{width: 100%; background-color:transparent; 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: #ffffff90; 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:#ffffff90;} 
	.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:#009dcc; font-size:12px; margin-right:1rem } 
	.footer-menu li a  				{color:#a5abac;} 
	.footer-menu li h2				{color:#fffff1; 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:#fffff1;}

	/*FOOTER ADDRESS BLOCK*/
	.footer-contact					{margin:0; padding:0}
	.footer-contact li 				{color:#a5abac; font-size:14px; font-weight:200; line-height:34px; display:block;} 
	.footer-contact li i  			{color:#fffff1; 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:#fffff1; 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:#fffff1;}
	
	/*FOOTER SOCIAL BLOCK*/
	.footer-social 					{margin: 0; padding:0; }
	.footer-social li 				{color:rgba(255,255,255,.7); display:inline; float:left; margin-right:1rem }
	.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; }
	@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:transparent; width: 100%; position:relative; z-index:9; padding: 0; transition: all 2s ease; /*box-shadow: 0 0 5px 1px rgb(0 0 0 / 65%);*/} 
	#main-nav.affix 				{background-color: #e3240f; width: inherit; position:fixed; z-index:99; left:0; right:0; top:0; 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:50px; margin:.3rem 0; padding: 0; position:absolute; top:0; left:0; background-color:transparent; }
	#main-nav.affix .hd-search 		{width: 100%; margin:0;}
	
	#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: 15px; letter-spacing:1px; color:#FFFFFF; font-weight:500; padding: 10px 20px; 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: #ffffff12; }
	.sm-menu ul ul 					{background: #ffffff24 }
	.sm-menu ul a 					{font-size:12px; font-weight: normal; color:#FFFFFF; }
	.sm-menu ul li 					{border-top: 1px solid rgba(0, 0, 0, 0.1); }
	.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; 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 				{transform: rotate(45deg) translate(-8px, -8px);}
	#sm-top .nav-btn 				{position:absolute; z-index:99; 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:99 } 
		.sm-menu li 				{/*float: left;*/ display:inline-block; margin:.5rem 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;  margin-bottom:1px} 
		.sm-menu a i 				{font-size:20px; margin: 0 .5rem; color:#ffffff} 		
		.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 {color: #ffffff;}
		.sm-menu a:hover, .sm-menu a:focus, .sm-menu a:active, .sm-menu a.highlighted {color: #ffffff;background: #00000099;}
		
		/* hover effect 
		.sm-menu a 					{transition: all .5s;position: relative;overflow: hidden;z-index: 1;}
		.sm-menu a:after 			{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%; background-color: transparent; z-index: -2;}
		.sm-menu a:before 			{content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 100%;background: linear-gradient(75deg, #00000038  10%, #00000038) !important ;transition: all .5s;z-index: -1;}
		.sm-menu a:hover:before 	{width: 100%;}
		*/
			
		.sm-menu a.current 			{color: #ffffff; background:#00000010}
		.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: #fff 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: #000000db; top:auto; padding:.5rem .2rem; 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					{background-color: #313131; top:auto; padding:.5rem .2rem; box-shadow: 0px 37px 65px -6px rgba(0,0,0,0.13); }
		.sm-menu ul ul 				{background-color: #313131; }	
		.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 20px;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: #fff;}
		.sm-menu ul a.current 		{color: #fff;}
		.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; border-bottom:1px solid #ffffff15; margin:0}
		.sm-menu ul li:last-child	{border-bottom:0 solid #ffffff38 }

		.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:99; 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; left: -70%;  top: 0; -webkit-box-shadow: none; box-shadow: none; background-color:transparent }
		#main-nav:not(:target) 		{z-index: 1;height: 0; }
		#main-nav.affix				{top: 0 !important; position: absolute !important;background-color:transparent !important; 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 .hd-menu			{background:transparent !important; }
		.js-ready #main-nav 		{background-color:transparent; width: 70%; left: -70%; border:0; transition: none;} /*left: -70%;*/
		.js-ready #inner-wrap 		{left: 0; box-shadow: none; transition: all .4s ease-in-out}
		.js-nav #inner-wrap 		{left: 70%; transition: all .4s ease-in-out}
		.js-nav footer				{border-bottom-left-radius: 2rem;}
	}	

/* CONTACT */
	/*MOBIL ADDRESS BLOCK*/
	#contact-mobil					{margin:5rem 2rem}
	#contact-mobil .address 		{margin:10px 0; padding:0}
	#contact-mobil .address li 		{color:rgba(255,255,255,.4); line-height:34px; margin:.5rem 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 		{width: auto; height: auto; margin: auto; }
	.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:#009dcc !important}
	.categories .selected a 		{color:#009dcc !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 h2 					{background-color:transparent; font-size:24px; line-height:26px; position: relative; margin-bottom:0;}
	.box-intro h2::after 			{background-color:#3D3C3C; content: ""; height: 1px;left: 0; position: absolute; top: .8rem; width:100%;}
	.box-intro .title 				{background-color:#ececec; color:#3D3C3C; text-transform:uppercase; position: relative; z-index:1; display: inline-block; margin: 0; padding-right:1rem; }
	.box-intro .title a				{color:#3D3C3C}
	
	.box-intro-1 h2 				{color: #000000; font-size:calc(1.5rem + .5vw); margin: 1rem 0}
	.box-intro-1 .title a 			{color: #000000; }

	.box-intro-2 h2					{border-bottom: 1px solid #dee2e6; position: relative;margin-bottom: 15px;padding-bottom: 10px;}
	.box-intro-2 .title 			{color: #E71C25; font-size:20px; font-weight:500 !important; border-bottom: 4px solid #E71C25; padding-bottom: 15px; display: inline-block; vertical-align: top; margin-bottom: -12px; border-radius: 0;}
	.box-intro-2 .title a			{color: #E71C25}
	
	.box-intro-3 h2 				{background-color:transparent; font-size:24px; line-height:26px; position: relative; margin-bottom:0;}
	.box-intro-3 h2::before 		{background-color:#FFFFFF; color:#e3240e; font-size:14px; line-height:26px !important; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; content: '\f111'; position: relative; z-index:2; padding-right:.5rem; bottom:.16rem }
	.box-intro-3 h2::after 			{background-color:#cfcfcf; content: ""; height: 1px;left: 0; position: absolute; top: .8rem; width:100%;}
	.box-intro-3 .title 			{background-color:#FFFFFF; color:#3D3C3C; text-transform:uppercase; position: relative; z-index:1; display: inline-block; margin: 0; padding-right:1rem; }
	.box-intro-3 .title a			{color:#3D3C3C}
	
	.box-intro-4 h2					{border-bottom: 4px solid #009dcc;}
	.box-intro-4 .title				{font-weight: 500;padding: 5px 30px 5px 15px;  font-size: 18px; line-height:38px; color: #fff;background: #009dcc}
	.box-intro-4 .title a 			{color: #fff;}
	
	.box-intro-5  h2 				{margin: 0; position: relative; margin:2rem 0}
	.box-intro-5  h2::before 		{background: #009dcc none repeat scroll 0 0;  content: ""; height: 2px;left: 0; position: absolute; top: 1.25rem;width: 100%;}
	.box-intro-5 .title 			{background: #fff none repeat scroll 0 0; font-size:calc(1.5rem + .5vw); color:#4c4b4b; display: inline-block; margin-bottom: 0; padding: 0 20px; position: relative}
	.box-intro-5 .title a			{color:#4c4b4b;}
	

/* 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;  position:relative; z-index:2; -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:3; 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: 0; bottom:0;}
	.flex-direction-nav a 			{position: absolute; z-index:5; top: 50%; transform: translateY(-50%); width: 50px; opacity: 0; background-color:rgba(51,51,51, .0);color: #009dcc; 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: .5rem; }
	.flexslider:hover .flex-next 	{right: .5rem; }
	.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 p			{margin: 0} 
	.flexslider li .meta .text 		{position: absolute;  width:100%; bottom: 50%; transform: translate(0, 50%); overflow: hidden; margin: 0;} 
	
	/* text animations v1 */
	.flexslider li.flex-active-slide .text {animation:scale-in-ver-center .5s ease-in-out  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%{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-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-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 .meta .text *	{font-size: calc(14px + 5%)!important; }
		.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-3, .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 					{}
	#list figure img				{width:100%; height:auto;}
	#list figure iframe 			{border: 0;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}

	#detail iframe 					{border: 0; height: 450px; width: 100%;}

	#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:auto;}
		#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-title-top					{background-color:#000;}
	#c-title-top .abs				{position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index:1 }
	#c-title-top .abs h2			{font-size:calc(14px + 3vw); color:#ffffff; text-shadow: 0 .125rem .25rem rgba(0,0,0,.1); }
	#c-title-top .abs ul			{margin-left:.5rem; color:#ffffff;}
	#c-title-top .abs ul li a		{color:#ffffff !important; text-shadow: 0 .125rem .25rem rgba(0,0,0,.1)}
	
	#c-title-top .rel				{position:relative; z-index:2; padding:1rem 0; background-color:transparent}
	#c-title-top .rel h2			{font-size: calc(1em + .7vw); color: #FFFFFF; margin:0}
	#c-title-top .rel ul			{margin-left:.5rem}
	#c-title-top .rel ul li a, #c-title-top .rel ul li:before {color: #FFFFFF !important;}
	#c-title-top figure				{overflow:hidden; margin:0}
	#c-title-top img				{height:200px; filter: blur(3px); transform: scale(1.5);}
	#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;}
		
	
/* 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:var(--danger) !important; display: inline-block; position: fixed;z-index:999; 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; }
	
	/*go-back top  */
	
	}
 	/*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}

	.slide-up 						{transform: translateY(0);transition: all 1.2s ease;}
	.slide-up:hover  				{transform: translateY(-15px)}
	

		

/*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 .5s 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 .5s ease; position:relative;}
	.img-grayscale figure:hover img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
	
	/*image zoom in */
	.img-zoom-in figure				{overflow:hidden }
	.img-zoom-in figure img			{max-width: 100%; height: auto; width: 100%; transition: transform .5s ease-in-out 0s;}
	.img-zoom-in figure:hover img	{transform: scale(1.1);}	
	
	/*image zoom out*/
	.img-zoom-out figure			{overflow:hidden }
	.img-zoom-out figure img		{max-width: 100%; height: auto; width: 100%; transition: transform .5s ease-in-out 0s;}
	.img-zoom-out figure:hover img	{transform: scale(.9);}	 
	
	/*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: 100px; height: 100px; text-align: right; }
	.ribbon span 					{font-size: 12px; 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 #cccccc; border-radius:.25rem; overflow:hidden;}
	table tr th						{background-color: #ffc125; color:#ffffff; border-bottom: 1px solid #cccccc; border-right: 1px dashed #cccccc; 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 #cccccc;}
	table tr td						{border-right: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc; 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%);}

	.grid .fast-browse				{position:absolute; z-index:1; right:1.5rem; top:1.5rem; opacity: 0;transition: opacity 0.35s, transform 0.35s;transform: translate3d(100px,0,0)}
	.grid:hover .fast-browse		{opacity: 1; transition: opacity 0.35s, transform 0.35s;transform: translate3d(0,0,0);}



	

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

	.btn-default 					{display: inline-block;color: #fff;letter-spacing: .15rem;transition: all .5s;position: relative;overflow: hidden;z-index: 1; padding: 1rem 2rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0;border-top-left-radius: .5rem; border-top-right-radius: .5rem;}
	.btn-default:after 				{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%; background: #e80566 !important; z-index: -2;}
	.btn-default:before 			{content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 100%;background: linear-gradient(75deg, #1A2C79 10%, #e80566) !important; 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 #cccccc;
}






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





	/* grid common style */
	.grid figure {position: relative;overflow: hidden;text-align: center;cursor: pointer;}
	.grid figure img {position: relative;display: block;opacity: 1;} .grid:hover figure img {position: relative;display: block; opacity: 1;transition: opacity 0.35s, transform 0.35s;}
	.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, #87cff7 20%, #009dcc 80%);}
	figure.effect-roxy img { background: #fff; 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: auto;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;}
	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;}

#more {display: none;}