
	.animated ,.animated:hover , a ,a:hover{
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	:root {
	  --icon-arrow-down: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23909090' ><path  fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
	  --icon-arrow-up: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23909090' style='transform: rotate(180deg)'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
	  --icon-arrow-right: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23909090' style='transform: rotate(270deg)'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
	  --icon-toggler: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	  
	  
	  
	}
	
	.text-left {
	  text-align: left !important;
	}
	.text-right {
	  text-align: right !important;
	}
	.text-center {
	  text-align: center !important;
	}	
	.text-lowercase {
	  text-transform: lowercase !important;
	}
	.text-uppercase {
	  text-transform: uppercase !important;
	}
	.text-capitalize {
	  text-transform: capitalize !important;
	}
	.text-underline {
		text-decoration: underline !important;
	}
	.text-line {
		text-decoration: line-through !important;
	}

	
	


	.accordion-icon .item-header{
		background-image: var(--icon-arrow-down);
		background-repeat: no-repeat;
		background-position: 98.5% 50%;
		background-size: 20px;	
	}
	.accordion-icon .item-header.item-active{
		background-image: var(--icon-arrow-up) !important;
	}
	.accordion-white .item-header, .accordion-black .item-header{
		background-color: #fbfbfb;
		padding: 10px;
		margin: 0px;
		border-top: solid 1px #ffffff;
		border-bottom: solid 1px #f1f1f1
	}	
	.accordion-white .item-content, .accordion-black .item-content{
		padding: 20px;
	}		
	.accordion-black .item-header{
		background-color: #333333;
		border-top: solid 1px #444242;
		border-bottom: solid 1px #252525;
		color: #FFFFFF;
	}	
	
	.scrollUp-black{
		display: block;
		position: fixed;
		bottom: 10px;
		right: 10px;
		background-color: #13131375;
		padding: 10px;
		color: #FFFFFF;
		cursor:pointer
	}	
	
	.menu-toggler{
		display:none;
	}
	.menu-toggler::before{
		content:' ';
		background-image: var(--icon-toggler);
		background-repeat: no-repeat;
		background-size: 60%;
		background-position: center;
		height: 50px;
		width: 50px;
		border: solid 1px #a5a5af;
		border-radius: 3px;
		padding: 10px;
		box-sizing: border-box;
		text-indent: 999px;
		overflow: hidden;
		display: inline-block;
	}
	

	
	.menu-h ul, ul.menu-h , .menu-v ul, ul.menu-v{
		display:flex;
		flex-direction: row;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
	}
	.menu-v ul, ul.menu-v{
		flex-direction: column;
	}
	.menu-h ul li > a , ul.menu-h li > a , .menu-v ul li > a , ul.menu-v li > a{
		padding:10px
	}
	.menu-h .has-children > a:after{
		content:"";
		background-image: var(--icon-arrow-down);
		background-repeat: no-repeat;
		background-size: 9px;
		background-position: 100%;
		width: 12px;
		height:100%;
		min-height:9px;
		display: inline-block;
	}
	.menu-h li .has-children > a:after{
		background-image: var(--icon-arrow-right);
		float:right;
	}
	
	.menu-h li ul , .menu-v li ul {
		display:none;
		position:absolute;
		margin:0px;padding:0px;
		min-width:130px;
		text-align:left;
		z-index: 999;		
	}
	.menu-h ul li a , .menu-v ul li a{
		display:block
	}
	
	.menu-h ul li a:hover , .menu-v ul li a:hover{
		background-color: rgb(0 0 0 / 20%);
	}
	.menu-h li ul , .menu-v li ul {
		box-shadow: rgb(0 0 0 / 14%) 1px 2px 5px;
		background-color: rgb(255 255 255 / 95%);
	}


	/* lg */
	@media (max-width: 992px) {
		.menu-toggler{
			display:block;
		}
		.menu-mobile ul , ul.menu-mobile {
			flex-direction: column !important;
			width:100%;
			position:static !important;
		}
	}

	.page-num-item{
		display: inline-block;
		background-color: #ececec;
		padding: 10px;
		margin: 5px 2px;
	}
	.page-num-item:hover , .page-num-item.active{
		background-color: #b3b3b5;
	}
	
	.padding-0{
		padding:0px !important
	}
	.margin-0{
		margin:0px !important
	}
		
	.viewport-h-100{
		height:100vh;
	}
	.viewport-h-50{
		height:50vh;
	}
		

	
/* Small devices  */
@media (max-width: 768px) {
	/*body{background-color:red !important;}*/
	.hd-sm{display:none !important;}
	.text-left-sm{text-align: left !important;}
	.text-right-sm{text-align: right !important;}
	.text-center-sm{text-align: center !important;}	
}

/* Medium devices */
@media (min-width: 768px) AND (max-width: 1200px) {
	/*body{background-color:green !important;}*/
	.hd-md{display:none !important;}
}

/* Large devices */
@media (min-width: 1200px) {
	/*body{background-color:blue !important;}*/
	.hd-lg{display:none !important;}
}

