	.animated, .animated:hover, .animated a, .animated:hover a{
		-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-down-l: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF' ><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-arrow-right-l: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF' 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-arrow-left: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23909090' style='transform: rotate(90deg)'><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-left-l: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF' style='transform: rotate(90deg)'><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='%23909090' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		--icon-toggler-l: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		
		--icon-close: 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='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>");
		--icon-close-l: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF' ><path  fill-rule='evenodd' d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>");



		--color-light: #fbfbfb;
		--color-dark: #353535;

	}

	.invalid-field{
		box-shadow: 0px 0px 3px #dc3545;
	}
	
	.invalid-msg{
		color: #dc3545;
	}

	/* ICONS */
	.icon-i, .icon-f{
		display: inline-block;
		height: 16px;
		width: 16px;		
	}
	.icon-f{

	}
	.icon-i{
		background-image: var(--icon-close);
		background-position: center;
		background-size: 100%;
	}
	
	/* TEXT */
	
	.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;
	}
	
	
	/* Utl */
	
	.overflow-hidden, .overflow-h{
		overflow: hidden
	}
	.padding-0, .p-0{
		padding:0px !important
	}
	.margin-0, .m-0{
		margin:0px !important
	}
	.opacity-0, .o-0{
		opacity: 0;
	}	
	.opacity-1, .o-1{
		opacity: 1;
	}			
		
	.viewport-h-100{
		height:100vh;
	}
	.viewport-h-50{
		height:50vh;
	}



	/* fixedOnScroll */
	
	.fixedOnScroll-dark.fixedOnScroll-active , .fixedOnScroll-ligth.fixedOnScroll-active{
		left: 0px;
		width: 100%;
	}	
		
	.fixedOnScroll-dark.fixedOnScroll-active{
		position: fixed;
		background-color: var(--color-dark) !important;
		width: 100%;
		z-index: 99;
		box-shadow: 1px 1px 7px 0px #88888845;
	}
	
	.fixedOnScroll-ligth.fixedOnScroll-active{
		position: fixed;
		background-color: var(--color-light) !important;
		width: 100%;
		z-index: 99;
		box-shadow: 1px 1px 7px 0px #88888845;
	}

	.logo-light{
		display:none
	}
	.mode-light .logo-light{
		display:block
	}
	.mode-light .logo-default{
		display:none
	}
	.mode-light .fixedOnScroll-active:not(.fixedOnScroll-dark) .logo-light, 
	.mode-light.fixedOnScroll-active:not(.fixedOnScroll-dark)  .logo-light{
		display:none
	}
	.mode-light .fixedOnScroll-active:not(.fixedOnScroll-dark)  .logo-default, 
	.mode-light.fixedOnScroll-active:not(.fixedOnScroll-dark)  .logo-default{
		display:block
	}
	
	.nav-menu-h li a{
		color:blue
	}
	.mode-light .nav-menu-h .has-children > a:after{
		background-image: var(--icon-arrow-down-l);
	}
	.mode-light .fixedOnScroll-active:not(.fixedOnScroll-dark) .nav-menu-h .has-children > a:after{
		background-image: var(--icon-arrow-down);
	}		


	
	/* scrollToTop */
		
		.scrollToTop-dark, .scrollToTop-light{
			display: block;
			position: fixed;
			bottom: 10px;
			right: 10px;
			padding: 10px;
			cursor: pointer;
			box-shadow: 0px 2px 5px #00000029;
		}
		 
		.scrollToTop-dark {
		  background-color: var(--color-dark);
		  color: #FFFFFF;
		}

		.scrollToTop-light {
		  background-color: var(--color-light);
		  color: #000000;
		}



	/* DROP DOWN MENU */

	.nav-menu-h ul, ul.nav-menu-h , .nav-menu-v ul, ul.nav-menu-v{
		display:flex;
		flex-direction: row;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
	}
	.nav-menu-v ul, ul.nav-menu-v{
		flex-direction: column;
	}
	.nav-menu-h a , .nav-menu-v a{
		display:block;
	}
	.nav-menu-h .has-children > a:after, .nav-menu-v .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;
	}
	.nav-menu-h li .has-children > a:after{
		background-image: var(--icon-arrow-right);
		float:right;
	}
	.nav-menu-h li ul , .nav-menu-v li ul {
		display:none;
		position:absolute;
		margin:0px;padding:0px;
		min-width:130px;
		text-align:left;
		z-index: 999;	
		flex-direction: column;		
	}	

	.dark .has-children > a:after{
		background-image: var(--icon-arrow-down-l);
	}


	.nav-menu-light ul a{
		padding:10px;
		background-color:  var(--color-light);
		color: #060606;
	}
	.nav-menu-dark ul a{
		padding:10px;
		background-color:  var(--color-dark);
		color: #ffffffeb;
	}



	/* > lg */
	@media (min-width: 992px) {
		.menu-close{
			display:none;
		}
		.menu-toggler{
			display:none;
		}
	}
	/* < lg */
	@media (max-width: 992px) {
		.dropDownMenu-mobile{
			display:none
		}
		/*
		.nav-menu-h.dropDownMenu-mobile ul, ul.dropDownMenu-mobile.nav-menu-h ,
		.nav-menu-v.dropDownMenu-mobile ul, ul.dropDownMenu-mobile.nav-menu-v{
			display:none;
		}
		*/
		.nav-menu-h , .nav-menu-v{
			overflow: auto;
			max-height: 100vh;
		}
		.nav-menu-h .has-children > a:after {
			width: 16px;
			height: 100%;
			min-height: 9px;
			float: right;
			background-size: 16px;
		}

		.menu-toggler{
			display:block;
		}
		.menu-close{
			display:block;
			position: absolute;
			right: 10px;
			top:10px
		}		
		
		.dropDownMenu-mobile ul , ul.dropDownMenu-mobile {
			flex-direction: column !important;
		}
		.dropDownMenu-mobile:not(.popupMobile) ul,
		ul.dropDownMenu-mobile:not(.popupMobile) {
			position: static !important;
			width:100%;
		}
		.dropDownMenu-mobile ul ul,
		ul.dropDownMenu-mobile ul {
			position: static !important;
			width:100%;
		}
		.dropDownMenu-mobile ul li, .dropDownMenu-mobile ul li a ,
		ul.dropDownMenu-mobile li, ul.dropDownMenu-mobile li a {
			display:block;
		}

		.popupMobile{
			display:none;
			opacity:0;
			z-index:99999;
			position: absolute;
			top: 0px;
			right: 0px;
			width: 70vw;
			background: #6d6d6d;
			padding: 20px;
			box-sizing: border-box;
		}
		.popupMobile:hover{
			box-shadow: 0px 0px 5px #00000091;
		}

	}

	.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-close{
		background-image: var(--icon-close);
		background-repeat: no-repeat;
		background-size: 40px;
		height: 40px;
		width:40px;
		float: right;
	}
	.dark .menu-close{
		background-image: var(--icon-close-l);;
	}	
	.dark .menu-toggler::before{
		background-image: var(--icon-toggler-l);
	}

	.mode-light .fixedOnScroll-active:not(.fixedOnScroll-dark) .menu-toggler::before{
		background-image: var(--icon-toggler);
	}	









	.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-light .item-header, .accordion-dark .item-header{
			background-color:  var(--color-light);
			padding: 10px;
			margin: 0px;
			border-top: solid 1px #ffffff;
			border-bottom: solid 1px #f1f1f1
		}	
		.accordion-light .item-content, .accordion-dark .item-content{
			padding: 20px;
		}		
		.accordion-dark .item-header{
			background-color:  var(--color-dark);
			border-top: solid 1px #444242;
			border-bottom: solid 1px #252525;
			color: #FFFFFF;
		}	
	
	
	/* Tabs */
	
	body:not(.elementor-editor-active) .tabs .tab-pane{
		display:none
	}
	body:not(.elementor-editor-active) .tabs .tab-pane.active{
		display:block
	}

	

	
/* Small devices  */
@media (max-width: 768px) {
	.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: 992px) {
	.hd-md{display:none !important;}
	.text-left-md{text-align: left !important;}
	.text-right-md{text-align: right !important;}
	.text-center-md{text-align: center !important;}	
}
/* Large devices */
@media (min-width: 992px) {
	.hd-lg{display:none !important;}
}




/* Components */

	.toShowOnHover {
		display:none;
		position:absolute;
		min-width:130px;
		z-index: 999;	
	}


/* modal */

	.modal {
		position: fixed; 
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.7); 
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: center;
		z-index: 99999;
	}

	.modal .modal-content {
		background-color: #fefefe; 
		position: relative;
		padding: 30px 25px;
		border: 1px solid #888;
	}

	.modal .close {
		color: #aaa;
		float: right;
		font-size: 2rem;
		font-weight: bold;
		cursor: pointer;
		position: absolute;
		right: 8px;
		top: 8px;
		line-height: 20px;
	}




	.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;
	}


	
	/* flex items */
	.flex-items{
		display:flex;
		flex-direction: column;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		padding:0px;
		margin:0px		
	}
	.flex-item{
		display:block;
	}
	.flex-items-ul{
		display:flex;
		flex-direction: row;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		padding:0px;
		margin:0px		
	}
	.flex-items-ul a{
		display:block;
	}
	
	/* Elementor Editor*/

	body.elementor-editor-active .e-bg-black{
		background-color:black
	}
	body.elementor-editor-active .opacity-0 , body.elementor-editor-active .o-0 {
		opacity: 1 !important;
	}
	body.elementor-editor-active .toShowOnHover {
		display:block !important;
		position:relative !important;
	}

	body.elementor-editor-active .hd-sm,
	body.elementor-editor-active .hd-md,
	body.elementor-editor-active .hd-lg,
	{
		display:block !important;
	}
	
	body:not(.elementor-editor-active) {
		
		
	}
