@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,700;1,400&family=Roboto&display=swap');
:root {
  --nsfont: 'Nunito Sans';
  --popfont: 'Poppins';
  --menuHeight: 80px;  
  --maxWidth: 1440px;
  --maxHeight: 720px;
  --rwdWidth: 1980px;  
  --rwdHeight: calc(100vh - 80px);
  --homeYPadding: 40px;
  --color_red: rgba(204, 0, 0, 1); 
  --color_dark: rgba(0, 0, 0, 1); 
  --color_grey: rgba(153, 153, 153, 1);
  --color_new_grey: rgba(153, 153, 153, 1);
  --color_new_grey_10: rgba(136, 136, 136, 0.1);
  --color_new_grey_20: rgba(136, 136, 136, 0.2);
  --color_new_grey_60: rgba(136, 136, 136, 0.6);
  --color_new_grey_80: rgba(136, 136, 136, 0.8);
  --color_new_green: rgba(0, 204, 153, 1); 
  --color_new_green_50: rgba(0, 204, 153, 0.5);  
  --color_smart_green: rgba(0, 204, 153, 1); 
  --color_eco_green: rgba(0, 204, 102, 1); 
  --color_light_white: #f5f5f5;	      
  --spacetop: 0px;
}
/*------------------------------------------------------*/
::-webkit-scrollbar {
    width: 8px;
	height: 1px;
}
::-webkit-scrollbar-track {
    background: #dfdfdf;
}
::-webkit-scrollbar-thumb {
    background-color: var(--color_new_grey_80);
}
::-webkit-scrollbar-thumb:hover {
	background-color: var(--color_new_grey_60);
}

/*------------------------------------------------------*/
body, html {
	font-family: Helvetica, 'Roboto',  Arial,  "Times New Roman", sans-serif;
	user-select: none;
}

body {
	overflow: overlay;	
}
body.hide_scroll {
	overflow: hidden;
	margin-right: 8px;
}

* {
	box-sizing: border-box;
}

a {
	text-decoration:none;
	user-select: none;
}
a:hover {
	text-decoration:underline
}

#wrapper {
	background-color: #fafafa;
	font-family: var(--popfont);
	font-style: normal;
	font-weight: 400;	
	width: 100%;	
	user-select: none;
	word-break: word-break !important;
}
#wrapper .maxLayer {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
	max-width: var(--maxWidth);	
}
#wrapper .layer1000 {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;	
	max-width: 1080px;		
}
#wrapper .layer1080 {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;	
	max-width: 1160px;		
}
#wrapper .layer1280 {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;	
	max-width: 1200px;		
}
#wrapper .layer1350 {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;	
	max-width: 1350px;		
}
#wrapper .full-layer {
	width: 100%;
}
.ns {
	user-select: none;
}
.heightMax {
	max-height: var(--maxHeight);	
}
.mybtn {
	font-family: 'Helvetica';
	display: inline-block;
	color: #ffffff;
	padding: 10px 20px;
	border-radius: 50px;
	font-size: 15px;
	white-space:nowrap;
	cursor: pointer;
	user-select: none;
}
.mybtn.pulse:hover {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;	
}
.mybtn.white {
	background: #FFFFFF;	
	border: 1px solid rgba(136, 136, 136, 0.1);
	box-shadow: 0px 4px 4px rgba(73, 171, 208, 0.05);
	border-radius: 100px;		
	padding: 12px 24px;	
	color: var(--color_smart_green);;
}
.mybtn.md {
	padding: 12px 24px;	
}
.mybtn.lg {
	padding: 20px 40px;	
}
.mybtn.white:hover {
	color: #FFFFFF;
	background: var(--color_smart_green);;
}
.mybtn.red {
	background: var(--color_red);
	box-shadow: 0px 4px 4px rgba(131, 154, 163, 0.1);	
}
.mybtn.red:hover {
	background-color: #EB9999;
}
.fm-ro {
	font-family: 'Roboto';
}
.fm-he {
	font-family: 'Helvetica';
}
.fm-ns {
	font-family: var(--nsfont);
}
.fb-300 {
	font-weight: 300;	
}
.fb-500 {
	font-weight: 500;	
}
.fb-700 {
	font-weight: 700;	
}
.f-13 {
	font-size: 13px;
}
.f-14 {
	font-size: 14px;
}
.f-15 {
	font-size: 15px;
}
.f-16 {
	font-size: 16px;
}
.f-17 {
	font-size: 17px;
}
.f-18 {
	font-size: 18px;
}
.f-20 {
	font-size: 20px;
}
.f-22 {
	font-size: 22px;
}
.f-24 {
	font-size: 24px;
}
.f-28 {
	font-size: 28px;
}
.f-32 {
	font-size: 32px;
}
.f-48 {
	font-size: 48px;
}
.l-17 {
	line-height: 17px;
}
.l-18 {
	line-height: 18px;
}
.l-23 {
	line-height: 23px;
}
.l-24 {
	line-height: 24px;
}
.l-26 {
	line-height: 26px;
}
.l-27 {
	line-height: 27px;
}
.l-28 {
	line-height: 28px;
}
.l-30 {
	line-height: 30px;
}
.l-32 {
	line-height: 32px;
}
.l-33 {
	line-height: 33px;
}
.l-38 {
	line-height: 38px;
}
.l-42 {
	line-height: 42px;
}
.l-48 {
	line-height: 48px;
}
.l-72 {
	line-height: 72px;
}
.li {
	margin-top: 8px;
	display:list-item;
	list-style: square inside;
}
.c-ff {
	color: #ffffff;
}
.c-red {
	color: var(--color_red);
}
.c-dark, .c-new-dark {
	color: var(--color_dark);
}
.bc-dark {
	background-color: var(--color_dark);
}
.bc-red {
	background-color: var(--color_red);
}
.bc-ff {
	background-color: #ffffff;
}
.bc-light-white {
	background-color: var(--color_light_white);
}
.c-grey {
	color: var(--color_grey);
}
.c-new-grey, .c-new-gray-tt {
	color: var(--color_new_grey);
}

.c-new-green {
	color: var(--color_new_green);
}
.va-center {
	vertical-align: -12%;
}
.p-10 {
	padding: 10px;
}
.p-18 {
	padding: 18px;
}
.p-24 {
	padding: 24px;
}
.p-30 {
	padding: 30px;
}
.p-35 {
	padding: 35px;
}
.py-18 {
	padding-top: 18px;
	padding-bottom: 18px;
}
.px-24 {
	padding-left: 24px;
	padding-right: 24px;
}
.pt-0 {
	padding-top: 0px !important;
}
.pt-5 {
	padding-top: 5px;
}
.pt-5p {
	padding-top: 5px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-90 {
	padding-top: 90px;
}
.pt-130 {
	padding-top: 130px;
}
.pb-30 {
	padding-bottom: 30px;
}
.mt-3 {	
	margin-top: 3px;
}
.mr-5 {	
	margin-right: 5px;
}
.mr-10 {	
	margin-right: 10px;
}
.mr-15 {	
	margin-right: 15px;
}
.my-5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.mb-5 {
	margin-bottom: 5px;
}
.mb-8 {
	margin-bottom: 8px;
}
.mb-10 {	
	margin-bottom: 10px;
}
.mb-20 {	
	margin-bottom: 20px;
}
.mb-30 {	
	margin-bottom: 30px;
}
.mt-0 {
	margin-top: 0px !important;
}
.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-80 {
	margin-top: 80px;
}
.mr-15 {
	margin-right: 15px;
}
.ml-15 {
	margin-left: 15px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-30 {
	margin-right: 30px;
}
.mr-60 {
	margin-right: 60px;
}
.mx-10 {
	margin-left: 10px;
	margin-right: 10px;
}
.mx-15 {
	margin-left: 15px;
	margin-right: 15px;
}
.mx-24 {
	margin-left: 24px;
	margin-right: 24px;
}
.mx-30 {
	margin-left: 30px;
	margin-right: 30px;
}
.my-40 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.m-30 {
	margin: 30px;
}
.mw-250 {
	width: 250px;
}
.mw-250 {
	width: 350px;
}
.w-550 {
	width: 550px;
}
.mw-580 {
	width: 580px;
}
.w-630 {
	width: 630px;
}
.mw-640 {
	width: 640px;
}
.mw-780 {
	max-width: 780px;
}
.w-780 {
	width: 780px;
}
.mw-1330 {
	max-width: 1330px;
}
.mw-1440 {
	max-width: 1440px;
}


.h-23p { 
	height: 23px;
}
.h-60p { 
	height: 60px;
}
.wh-12p {
	width: 12px !important;
	height: 12px !important;
}
.wh-36p {
	width: 36px !important;
	height: 36px !important;
}
.wh-65p {
	width: 65px;
	height: 65px;		
}
.wh-115p {
	width: 115px;
	height: 115px;		
}
.w-70p  {
	width: 70px;
}
.wi-70p {
	min-width: 70px;	
}
.w-100, .xful {
	width: 100%;
}
.h-100, .yful { 
	height: 100%;
}
.wh-100, .ful {
	width: 100%;
	height: 100%;
}
.w-50 {
	width: 50%;
}
.delay-5s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;		
}
.delay-10s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.delay-15s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.r-hand {
	cursor: pointer;
}
.dragger {
	cursor: grab;
}
.disabled {
	cursor: default !important;
	filter: grayscale(100%);
	opacity: 0.5;
}
.disabled > img {
	filter: grayscale(100%);	
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.b-line {
	border-bottom: 1px solid #eaeaea;
}
.layer-topline {
	border-top: 1px solid #e3e3e3;
}
.layer-pd30 {
	width: 100%;
	padding: 30px;
}
/*------------------------------------------------------*/
#mainMenu {
	font-size: 17px;
	width: 100%;
	height: var(--menuHeight);	
	background-color: #ffffff;	
	user-select: none;
}
#mainMenu .float {
	z-index: 20;
	background-color: #ffffff;	
	position: fixed;
	top: 0px;	
	width: 100%;
	height: var(--menuHeight);	
	filter: drop-shadow(0px 4px 0px rgba(166,166,166,0.05));	
}
#mainMenu .maxLayer {
	height: var(--menuHeight);	
}

	#mainMenu .item-3 {		
		padding-left: 40px;
	}
	#mainMenu .item-1 .sub-2 {
		padding-top: 8px;
		color: #A2A2A2;
		font-style: italic;
		white-space:nowrap;
	}
	#mainMenu div.dropdown {
		line-height: 26px;
		max-width: 500px;	
		color: #737373;		
	}
	#mainMenu .drop_menu {
		display: none;
		cursor: pointer;
	}
	#mainMenu div.dropdown {	
		width: 100%;		
	}	
	#mainMenu div.dropdown-content > div {
		cursor: pointer;
		white-space:nowrap;
	}
	#mainMenu div.dropdown-content .now, 
	#mainMenu div.dropdown-content div.b-line:hover {
		color: #FF5229;
	}
	#mainMenu div.dropdown-content .now {
		font-weight: 500;			
	}
	#mainMenu div.dropdown-content .lv_1 .fa-solid {
		display: none;
	}	
		
	#mainMenu div.dropdown-content .lv_1.active {
		color: var(--color_red);
	}
	#mainMenu div.dropdown-content > div div {
		display: flex;
		align-items: center;			
		justify-content: start; 	
		padding-left: 15px;				
	}
	#mainMenu div.dropdown-content > div > div > div {
		background-color: #F5F5F5;
		padding-left: 23px;	
	}

	#mainMenu div.dropdown:has(.drop_menu input:checked) .drop_menu img.open {			
		display: none;
	}

	@media (min-width: 1281px) {		
		#mainMenu div.dropdown-content .lv_2 {
			display: none;
			width: 100%;
			padding: 0px;
			max-width: 330px;
			position: absolute;			
			top: 80px;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);			
		}
		#mainMenu div.dropdown-content div.lv_1.b-line {
			border: 0px;
		}		
		#mainMenu div.dropdown-content .lv_2 > div {			
			min-height: 60px;	
		}		
		#mainMenu div.dropdown-content div.lv_2 .b-line.now {
			border-left: 3px solid var(--color_red);
		}		
		#mainMenu .lg-hide {
			display: none;
		}			
	}

	@media (max-width: 1280px) {		
		#mainMenu .maxLayer {
			padding-right: 0px;
		}
		#mainMenu div.dropdown {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: end; 			
			height: 100%;
		}

		#mainMenu .drop_menu {
			display: flex;
			height: 100%;
		}
		#mainMenu div.dropdown-content div {			
			width: 100%;	
			min-height: 60px;	
					
		}		
		#mainMenu div.dropdown-content  > div div.lv_1.now {
			border-left: 3px solid var(--color_red);
		}	
		#mainMenu div.dropdown-content  > div div.lv_1:not(.now) {
			padding-left: 18px;	
		}
		#mainMenu div.dropdown-content .lv_2 {
			display: none;
		
		}		
		#mainMenu div.dropdown-content {
			display: none;
			position: absolute;
			top: 80px;
			right: 0px;
			z-index: 110;					
			width: 330px;	
			height: var(--rwdHeight);
			overflow-y: overlay;
			background-color: #ffffff;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);	
		}
		#mainMenu div.dropdown-content .lv_1 .fa-solid,
		#mainMenu div.dropdown:has(.drop_menu input:checked) .drop_menu img.close {
			display: block;							
		}		
		#mainMenu .item-3 {
			display: none;
		}				
	}

	@media (max-width: 576px) {	
		#mainMenu .item-1 .sub-2 {
			display: none;
		}				
	}

/*------------------------------------------------------*/
#htmlBottomBlock {
	background-color: #fafafa;
	width: 100%;	
		
}
#htmlBottomBlock .layer.bgmax {
	padding-right: 0px;
	background-image: url('../images/foot-bg.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right bottom;		
	width: 100%;	
	height: 325px;	
}
#htmlBottomBlock div.bgtext {
	width: 100%;	
}
#htmlBottomBlock div.link {	
	padding: 30px;	
	width: 100%;	
}
#htmlBottomBlock div.link #socialGroup > div {
	margin-right: 5px;
	cursor: pointer;
}
#htmlBottomBlock .copyright {
	height: 54px;
	width: 100%;
	padding: 0px 40px;	
}	
#goTop {
	position: fixed;
	right: 30px;
	top: 80%;
	cursor: pointer;	
	z-index: 21;
}
/*------------------------------------------------------*/
div#linkBlock {
	width: 100%;
}
div#linkBlock .text {
	letter-spacing: 0.05em;
}
div#linkBlock .maxLayer {
	padding: 30px 15px;	
}
div#linkBlock a {
	color: rgb(0,0,0);
}
@media (max-width: 1490px) {	
	div#linkBlock {
		margin-right: 50px;
	}
}
@media (max-width: 575px) {
	div#linkBlock {
		margin-right: 20px;
	}	
	div#linkBlock .maxLayer {
		padding: 30px 0px;	
	}	
}
/*------------------------------------------------------*/
@media (max-width: 1280px) {			
	#htmlBottomBlock .nav-menu {
		display: none;
	}
	#htmlBottomBlock .maxLayer {		
		padding: 0px 10px;
	}
	#htmlBottomBlock div.bgtext {
		margin-top: 80px;
		padding: 0px;	
		height: 318px;
	}
	#htmlBottomBlock div.bgtext > div {		
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center; 		
	}
	#htmlBottomBlock div.bgtext > div .f-32 {
		padding: 0px 30px;
		text-align: center;
	}
	#htmlBottomBlock .copyright.fx {
		flex-direction: column;
		align-items: end; 		  
		justify-content: center; 			
	}
	#htmlBottomBlock .copyright > div:first-child {
		margin-bottom: 5px;
	}

	#goTop {
		right: 10px;
		top: 80%;
	}
}
@media (max-width: 575px) {
	#htmlBottomBlock .maxLayer {		
		padding: 0px;
	}
	#htmlBottomBlock div.link {
		padding: 20px;
	}	
	#htmlBottomBlock .copyright {
		padding: 0px 20px;
	}	
	#htmlBottomBlock .mr-60 {
		margin-right: 0px;
	}
}
/*------------------------------------------------------*/

.hide { display: none; }
.hidden, .wow_hidden { visibility: hidden; }
.nowrap {  white-space:nowrap; }
.cicle, .ball { border-radius:50%; }
*[data-filter], *[data-href], *[data-win] {
	cursor: pointer;
}
.line-1 { 
	width: 100%;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.line-2 { 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.line-3 { 
	position: relative;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.line-3 .more {
	background-color: #fafafa;
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding-left: 4px;
}
.short-line {
	width: 10px;
	height: 2px;
	background: var(--color_dark);
	user-select: none;
}
.prev, .next {
	cursor: pointer;
}
div.arrow {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background-color: #ffffff;
	border: 1px solid rgba(136, 136, 136, 0.2);
	box-shadow: 0px 4px 4px rgba(73, 171, 208, 0.05);
	cursor: pointer;
	user-select: none;
}
div.arrow:not(.disabled):hover {
	border: 1px solid var(--color_smart_green) !important;

}
div.line-7 {
	margin-top: 30px; 
	margin-bottom: 10px; 
	width: 75px;
	height: 2px;	
	border-bottom: 1px solid rgba(139, 139, 139, 0.1);
}
div.line-7 .rect {
	width: 10px;
	height: 2px;
	background-color: var(--color_dark);	
}
div.line-text {
	width: 100%;
	font-size: 28px;
	line-height: 42px;
	color: #737373;
}
input[required]:placeholder-shown, textarea[required]:placeholder-shown {

}
input:not(:placeholder-shown):invalid, textarea:not(:placeholder-shown):invalid {
	background-image: linear-gradient(#ffdddd, #ffffff) !important;
}
.r-180 {
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}
.fx:not(.hide) {
	display: flex;	
	align-items: center;
    justify-content: center; 	
}
.fx-as:not(.hide) {
	display: flex;	
	align-items: start;
    justify-content: start; 	
}
.fx.fx-column {	
	flex-direction: column;
}

.fx.fx-xs {
    justify-content: start; 		
}
.fx.fx-xe {
    justify-content: end; 		
}
.fx.fx-ys {
    align-items: start; 		
}
.fx.fx-ye {
    align-items: end; 		
}

.fx.fx-column.fx-xs {
    align-items: start; 	
}
.fx.fx-column.fx-xe {
	align-items: end; 		    
}
.fx.fx-column.fx-ys {
	justify-content: start; 	   	
}
.fx.fx-column.fx-ye {
    justify-content: end; 		
}


.fx.fx-between {
    justify-content: space-between; 	
}
.fx.fx-evenly {
	justify-content: space-evenly;
}
.fx.fx-around {
	justify-content: space-around;
}
.fx.fx-eq {
	align-items: stretch;
}
.flex-wrap, .fx-wrap {
	flex-wrap: wrap;
}
.fx-g10 {
	gap: 10px;
}
.fx-g15 {
	gap: 15px;
}
.fx-g20 {
	gap: 20px;
}
.fx-g30 {
	gap: 30px;
}
.fx-g40 {
	gap: 40px;
}
.flex-br {
	flex-basis: 100%;
	height: 0;
}
.flex-fill, .fx-fill  {
	/*flex-grow: 1;*/
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
}
.fx-col-eq > div {
	flex: 1;
}
/*---------------------------------------------*/
.grid {
	display: grid;
	justify-content: space-between;
	grid-gap: 20px;		
}
.grid.gd-g30 {
	grid-gap: 30px;	
}
.grid.gd-i2 {
	grid-template-columns: 1fr 1fr;
}
.grid.gd-i3 {
	grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 930px) {	
	.grid.gd-i3 {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 860px) {
	.grid.gd-i2 {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 676px) {	
	.grid.gd-i3 {
		grid-template-columns: 1fr;
	}
}
/*---------------------------------------------*/
#windowsMask {
    position: fixed;    
    top: 0;
    left: 0;
    width:  100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
	display : none;
	z-index: 202;
}	
#windowsMask .maskPage {
	cursor: wait;
}
#windowsMask .maskPage .inPage {
    padding: 35px;
    width: 30%;
	min-width: 300px;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    cursor: wait;
    border-radius: 10px;
    opacity: 0.5;
	font-size: 48px;
}










/* added by sara 20231012 start */
.pb-5 {
	padding-bottom: 5px;
}
/* added by sara 20231012 end */