/* General */
html {
  scroll-behavior: smooth;
}

body {
	position: relative;
	font-size: 10px;
	line-height: normal;
	font-weight: 400;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Avenir', sans-serif;
	background: #fff;
	color: #fff;
	background: #000;
}
#logo img.custom-logo {
	height: 25px;
	width: auto;
}

//Lenis Css
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}


/* WebGl Bg Animation */
 .webglBg {
	position: fixed; 
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	z-index: 1; 
	opacity: 0;
}


.revert-colors{
	color:#F5F2DE;
}
img {
	max-width: 100%;
	height: auto;
}

a,
a:hover,
a:focus {
	display: inline-block;
	cursor: pointer; 
	text-decoration: none;
}
a{
	color: #fff;
}
.revert-colors a{
	color:#fff;
}
a:hover,
a:focus {
	text-decoration: underline;
}

hr{
	border-top: 1px solid rgba(255,255,255,0.3);
	opacity: 1;
}

/******************/
/* Transitions */
/******************/

a,
.transition,
#languages li a.wpml-ls-link .wpml-ls-native {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

/******************/
/* Bootstrap CSS */
/******************/

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-link:focus,
.nav-link:hover {
	color: unset;
	background-color: unset;
}

/******************/
/* Colors */
/******************/

.black-text {
	color: #000;
}

.black-bg {
	background-color: #000;
}

.white-text {
	color: #fff;
}

.green-bg{
	background-color:#9CC030;
}

.purple-bg{
	background-color:#8E1DFF;
}

/******************/
/* Fonts */
/******************/

.font-roboto{
	font-family: "Roboto Mono", serif;
}

.font-avenir{
	font-family: 'Avenir', sans-serif;
}

.text-55{
	font-size: clamp(35px,2.865vw,55px);
}

.text-50{
	font-size: clamp(30px,2.604vw,50px);
}

.text-30{
	font-size: clamp(20px,1.563vw,30px);
}

.text-20{
	font-size: clamp(16px,1.042vw,20px);
}

.text-18, .text-18 p{
	font-size: clamp(16px,0.938vw,18px);	
}

.text-16, .text-16 p{
	font-size: clamp(15px,0.833vw,16px);
}

.text-14, .text-14 p{
	font-size: clamp(13px,0.729vw,14px);
}

/******************/
/* Text Align */
/******************/

.text-justify{
	text-align: justify;
}

/******************/
/* Line Heights */
/******************/

.line-height1{
	line-height: 1;
}

.line-height1-2{
	line-height: 1.2;
}

.line-height1-3{
	line-height: 1.3;
}

.line-height1-5{
	line-height: 1.5;
}

.line-height1-8{
	line-height: 1.8;
}

.line-height2{
	line-height: 2;
}

/******************/
/* Font Weight */
/******************/

strong, .strong{
  font-weight: 900;
  font-style: normal;
}

.font-600 {
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
}

.font-500 {
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
}

.font-400 {
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

.font-300 {
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
}


/******************/
/* Buttons */
/******************/

.button {
	padding: 10px clamp(18px,1.146vw,22px);
	border: 1px solid #fff;
	text-align: center;
	font-size: 14px;
	font-family: 'Avenir', sans-serif;
	font-weight: 400;
	line-height: normal;
	transition: all .3s linear;
	color:white;
	border-radius: 30px;
	-webkit-font-smoothing: antialiased;
}

.button.hasBg{
	border-color: transparent;
}

.button:hover {
	text-decoration: none;
}

/************************************************/
/* Paddings */
/************************************************/

/* left right */

.pad-left-50{
	padding-left: clamp(20px,2.604vw,50px);
}

.pad-right-50{
	padding-right: clamp(20px,2.604vw,50px);
}

.pad-left-80{
	padding-left: clamp(20px,4.167vw,80px);
}

.pad-right-80{
	padding-right: clamp(20px,4.167vw,80px);
}

.pad-left-130{
	padding-left: clamp(20px,6.771vw,130px);
}

.pad-right-130{
	padding-right: clamp(20px,6.771vw,130px);
}

.pad-left-180{
	padding-left: clamp(20px,9.375vw,180px);
}

.pad-right-180{
	padding-right: clamp(20px,9.375vw,180px);
}

.pad-left-300{
	padding-left: clamp(20px,15.625vw,300px);
}

.pad-right-300{
	padding-right: clamp(20px,15.625vw,300px);
}


/* top bottom */

.pad-top-60{
	padding-top: clamp(30px,3.125vw,60px);
}

.pad-bottom-60{
	padding-bottom: clamp(30px,3.125vw,60px);
}

.pad-top-70{
	padding-top: clamp(30px,3.646vw,70px);
}

.pad-bottom-70{
	padding-bottom: clamp(30px,3.646vw,70px);
}

.pad-top-90{
	padding-top: clamp(40px,4.688vw,90px);
}

.pad-bottom-90{
	padding-bottom: clamp(40px,4.688vw,90px);
}

.pad-top-130{
	padding-top: clamp(60px,6.771vw,130px);
}

.pad-bottom-130{
	padding-bottom: clamp(60px,6.771vw,130px);
}

.pad-top-150{
	padding-top: clamp(80px,7.813vw,150px);
}

.pad-bottom-150{
	padding-bottom: clamp(80px,7.813vw,150px);
}

/******************/
/* Borders */
/******************/

.t-border {
	border-top: 1px solid rgba(255,255,255,0.3);
}

.b-border {
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

.l-border {
	border-left: 1px solid rgba(255,255,255,0.3);
}

.r-border {
	border-right: 1px solid rgba(255,255,255,0.3);
}

.l-border2 {
	border-left: 2px solid #fff;
}



/******************/
/* Plugins */
/******************/

.grecaptcha-badge {
	z-index: 999;
}
.cn-button.bootstrap {
	border-radius: 0;
	padding: 10px 20px;
}

/******************/
/* Reveal */
/******************/

.img-reveal {
	visibility: hidden;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.reveal{
	visibility: hidden;
}

/******************/
/*flex center all*/
/******************/

.center-all{
	display: flex;
	justify-content: center;
	align-content: center;
	justify-items: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
}

/******************/
/* Z-Indexes */
/******************/

.z-index--1 {
	z-index: -1;
}
.z-index-1 {
	z-index: 1;
}
.z-index-10 {
	z-index: 10;
}
.z-index-20 {
	z-index: 20;
}
.z-index-21 {
	z-index: 21;
}


/******************/
/* Header */
/******************/
#header {
	padding-left: 80px;
	padding-right: 80px;
}
#mobile-menu{
	transition: all .3s linear;
	background: rgba(255, 255, 255, 0.5);
	width: 45px;
	height: 45px;
	border-radius: 50%;
	z-index: 2;
	margin-left: 12px;
}
#mobile-btn {
	cursor: pointer;
	width: 30px;
	height: 30px;
}
#mobile-close.show{
	display: block;
	z-index: 9;
	width: max-content;
}

#mobile-close svg {
	height: 30px;
	width: auto;
}
#mobile-close svg {
	transition: .3s all linear;
}
#mobile-close:hover svg {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
} 
header {
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
header.is-sticky{
	box-shadow: 0px 0px 14px rgb(0, 0, 0, 0.25);
	background-color: rgba(0, 0, 0, 1);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

header.is-sticky .custom-logo-white{
	opacity:0;
}

/******************/
/*menu and submenu*/
/******************/

#menu-modal-menu li:last-child {
	border: none;
}
.sub-menu {
	list-style: none;
	padding: 10px;
	padding-left: 0;
	position: absolute;
	top: 120%;
	border-radius: 20px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	background: rgba(255,255,255,1);
	box-shadow: 0px 0px 14px rgb(0, 0, 0, 0.1);
}

.sub-menu.show{
	opacity: 1;
	pointer-events: all;
}

span.accordion-btn {
	cursor: pointer;
	width: 12.5px;
	height: 12.5px;
}
span.accordion-btn span.accordion-line {
	width: 100%;
	height: 2px;
	left: 0;
	top: calc(50% - 1px);
}
span.accordion-btn span.accordion-line.top {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
span.accordion-btn span.accordion-line.active.top {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}

.menu-item-has-children .sub-menu .current-menu-item a{
	background: none;
	color: #141462;
	font-weight: 600;
}


/* Header Menu */

.menu-header-menu-container{
	position:fixed;
	top: 23px;
}

.ul-main-menu{
	display: flex;
	list-style: none; 
	padding-left: 0;
	padding: 5px 3px;
	border-radius: 30px;
	margin-bottom: 0;
	background: #000;
}

.ul-main-menu li{
	display: flex;
	align-items: center;
}

.ul-main-menu li a{
	color: #fff;
	font-size: clamp(13px,0.729vw,14px);
	font-weight: 400;
	border-radius: 30px;
	margin-inline: 0;
	display: inline-flex;
	margin: 0 2px;
	padding: 10px clamp(20px,1.667vw,32px);
}

.ul-main-menu li.current-menu-item > a{
	color: #000;
	padding: 10px clamp(20px,1.667vw,32px);
	background-color: #fff;
}

.ul-main-menu li.level-1:hover > a {
	background-color: #fff;
	color: #000;
	text-decoration: none;
}

.ul-main-menu li.level-2 a{
	position: relative;
}

.ul-main-menu li.level-2 > a::before {
	content: "";
	background: #F27228;
	height: clamp(6px, 0.417vw, 8px);
	width: clamp(6px, 0.417vw, 8px);
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
	position: absolute;
	top: 16px;
	left: clamp(10px,0.938vw,18px);
}

.ul-main-menu li.level-2:hover > a{
	text-decoration: none;
}

.ul-main-menu li.level-2:hover > a::before {
	left: 96%;
}

/* #menu-header-menu.isOpened{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
} */

/******************/
/*search*/
/******************/

.button.nostyle {
	border: none;
	background: none;
	color:  #F27228;
}

.w-100Icon svg{
	width: 100%;
	height: auto;
}

/******************/
/* Fit Images/Videos */
/******************/

.fit-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.fit-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

/******************/
/* Order */
/******************/

.order-1 {
	order: 1;
}
.order-2 {
	order: 2;
}

/******************/
/* Pagination */
/******************/

ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-size: 0;
	line-height: 0;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.page-numbers li {
	width: auto;
	height: auto;
	margin: 0 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
ul.page-numbers li span.page-numbers,
ul.page-numbers li a.page-numbers:not(.next, .prev) {
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
ul.page-numbers li span.page-numbers,
ul.page-numbers li a.page-numbers:not(.next, .prev) {
	background-color:  rgba(255,255,255,0.3);
 }
 ul.page-numbers li a.page-numbers:not(.next, .prev):hover {
	 background-color:  rgba(255,255,255,1);
  }
 ul.page-numbers li a.page-numbers svg {
	//stroke:  #F27228;
 }
 ul.page-numbers li a.page-numbers:hover svg {
 	//stroke:  #F27228;
}
ul.page-numbers li a.next,
ul.page-numbers li a.prev {
	width: 50px;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
ul.page-numbers li a.page-numbers.prev svg {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}
ul.page-numbers li a.page-numbers.prev:hover svg {
	transform: rotate(-136deg);
	-webkit-transform: rotate(-136deg);
	-moz-transform: rotate(-136deg);
	-ms-transform: rotate(-136deg);
	-o-transform: rotate(-136deg);
}
ul.page-numbers li a.page-numbers.next:hover svg {
	transform: rotate(42deg);
	-webkit-transform: rotate(42deg);
	-moz-transform: rotate(42deg);
	-ms-transform: rotate(42deg);
	-o-transform: rotate(42deg);
}

/******************/
/*swiper*/
/******************/

.swiper-controls {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	justify-items: center;
}
.swiper-pagination {
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 20px;
	position:relative;
	display: flex;

}
.swiper-pagination-bullet {
	border: 1px solid;
	width: 10px;
	height: 10px;
	background: transparent;
	opacity: 1;
}
.how-content .swiper-pagination-bullet-active{
	background: white;
}
.swiper-button {
	border: 1px solid;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	justify-items: center;
	flex-wrap: wrap;
	flex-direction: column;
	transition: all .3s linear;
}
.swiper-button:hover {
	background:white;
}
.swiper-button:hover path{
	background:white;
	stroke:  #F27228;
}
.swiper-button-disabled{
	opacity: .6;
}


/******************/
/* Max widths */
/******************/
.max-500{
	max-width: 500px;
}

.max-content {
  max-width: max-content;
}

/******************/
/* Footer */
/******************/
#footer .contact-info-area{
	padding-left: clamp(20px,6.771vw,130px);
}
#footer .iso-logo{
	height: clamp(50px,4.688vw,90px);
}

#footer-social .social-wrapper a:first-child{
	padding-left: 0!important;
}

#footer .contact-info{
	max-width: 200px;
}

/******************/
/* Color Switcher */
/******************/

.color-switcher {
	top: 10px;
	right: 20px;
}
.color-switcher input{
	display: block;
	opacity: 0;
}
.color-switcher label{
	position: relative;
	width: 60px;
	height: 30px;
	display: inline-block;
	background: transparent;
	border-radius: 30px;
	cursor: pointer;
	border: 1px solid white;
}
.color-switcher label:after {
	content: "";
	position: absolute;
	left: 0;
	transform: translateX(6px);
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	top: 5px;
	width: 18px;
	height: 18px;
	background: #9CC030;
	border-radius: 50%;
}
.color-switcher input:checked + label{
	background: transparent;
}
.color-switcher input:checked + label:after {
	left: 0;
	right: 2px;
	background: #8E1DFF;
	transform: translateX(35px);
}



/**************************/
/* General Svg Animations */
/**************************/
.rotateSvg{
  animation: spinner 5s linear infinite; 
}

.pulseSvg {
  animation: pulseSvg-animation 3s infinite ease-in-out;
  transform-origin: center;
  opacity: 0; 
}

.pulseSvg.middle {
  animation-delay: 1s; 
  animation: middle-pulse 3s infinite ease-in-out;
}

.pulseSvg.outer {
  animation-delay: 1s; 
}

@keyframes spinner {
  to { transform: rotate(360deg); }
}

@keyframes pulseSvg-animation {
  0% {
	transform: scale(1);
	opacity: 0.2;
  }
  50% {
	transform: scale(1); 
	opacity: 1; 
  }
  100% {
	transform: scale(1);
	opacity: 0.2; 
  }
}

.gradientSvg{
	width: 100%;
}

/*************************/
/* Change Color - Styles */
/*************************/


.purple-theme .green-bg{
	background-color:#8E1DFF;
}

/* .isGreenGradient{
	opacity: 1;
}

.isPurpleGradient{
	opacity: 0;
	pointer-events: none;
}

.purple-theme .isGreenGradient{
	opacity: 0;
	pointer-events: none;
}

.purple-theme .isPurpleGradient{
	opacity: 1;
} */ 

#loadingAnimation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
}

#loadingAnimation svg{
	height: 100vh;
}


/* Archive */
#main-content{
	padding-top: 30vh;
}
#main-content.category-content h1,
#main-content.category-content .category-text {
	margin-bottom: 10vh;
}

/* Contact Mobile Menu */
nav.menu-main-menu-container ul li#menu-item-217 {
	display: none;
}

img.footer-logo {
	height: 40px;
	width: auto;
}