/*body,input, textarea, select, button {
	font-family: 'Roboto', Arial, sans-serif;
	color: #212121;
}*/

button:disabled {
	cursor: default;
}

button {
	outline: none;
	border: none;
}

h1, .h1{
	line-height:1.2em;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
}
h2, .h2{
	line-height: 1.2em;
	font-size: 21px;
	font-weight: 500;
}
h3, .h3{
	line-height: 1.2em;
	font-size: 19px;
	font-weight: 500;
	padding-bottom: 8px;
}
h4, .h4{
	line-height: 1.2em;
	font-size: 18px;
	font-weight: 700;
}
h5, .h5{
	line-height: 1.2em;
	font-size: 16px;
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
}


.color-white 		{color: white !important;}
.color-black		{color: black !important;}
.color-blue 		{color: #166eb7 !important;}
.color-grey 		{color: var(--grey)}
.c-grey600 		{color: var(--grey600)}
.color-blueAlter 	{color: #185BA7 !important}
.color-blueDark 	{color: #014266 !important;}
.color-blueLight 	{color: #84BEEB !important;}
.color-red 			{color: #ff334a !important;}
.color-hotred 		{color: #ff2400;}
.color-minor 		{color: #696969 !important;}
.c-black 			{color: var(--black)}
.color-muted 		{color: #999999 !important;}
.color-success 		{color: #019126 !important;}
.color-yellow 		{color: #ffe601 !important;}
.color-yellowDark 	{color: #ffa101 !important;}
.color-gold			{color: goldenrod;}
.color-goldDark		{color: #9b7109;}
.color-inherit 		{color: inherit !important;}



.fill--white 		{fill: #fff !important;}
.fill--redHot 		{fill: #ff334a !important}
.fill--red			{fill: #FF2400 !important;}
.fill--greyLight 	{fill: #bdbdbd !important;}
.fill--greySoft		{fill: #999999 !important}
.fill--grey 		{fill: #7F7C7A !important;}
.fill--grey600 		{fill: var(--grey600)!important;}
.fill--greyDark 	{fill: #383838 !important}
.fill--blue			{fill: #166EB7 !important;}
.fill--blueLight 	{fill: #84BEEB !important;}
.fill--green 		{fill: #019126 !important}
.fill--orange 		{fill: #ffa101 !important;}
.fill--yellow 		{fill: #FFCD34 !important;}
.fill--black 		{fill: #000000 !important}

.fill--telegram 		{fill: var(--telegram) !important}
.fill--whatsapp 		{fill: var(--whatsapp) !important}

.fill-current {
	fill: currentColor !important
}

.stroke--yellow {
	stroke: #FFCD34 !important;
}

.white			{background: #fff;}
.bg-white	 	{background-color: #fff !important;}
.bg-biruza	 	{background-color: #64b3bf !important;}
.bg-blue		{background-color: #166eb7 !important; }
.bg-lightBlue 	{background-color: #e9f6fd !important;}
.bg-hotRed 		{background-color: #ff334a !important}
.bg-yellow 		{background-color: #FFCD35}
.bg-lightYellow 		{background-color: #fbf6e5}
.bg-grey		{background-color: #ececec}
.bg-green		{background-color: #019126 !important}

.border {	border: 1px solid #d7d8db}
.border-none {border: none;}
.border--blue200 {	border-color: var(--blue200)}
.border--black {	border-color: var(--black)}
.border--biruza {	border-color: var(--biruza)}
.border--pink {	border-color: var(--pink)}

.border--bottom--greyLight {border-bottom: 1px solid #e4e4e4;}



.text-size-sm {	font-size: .8em;}
.font-size-md {	font-size: 1rem !important;}


/* line-height */
.lh-100 {	line-height: 1 !important;}
.lh-115 {	line-height: 1.15 !important;}
.lh-120 {	line-height: 1.2 !important;}
.lh-130 {	line-height: 1.3 !important;}
.lh-135 {	line-height: 1.35 !important;}
.lh-140 {	line-height: 1.4 !important;}
.lh-150 {	line-height: 1.5 !important;}

/* Font */
.fw400 {	font-weight: 400 !important;}
.fw500 {	font-weight: 500 !important;}
.fw600 {	font-weight: 600 !important;}
.fw700 {	font-weight: 700 !important;}

.bold {	font-weight:bold;}
.italic {font-style: italic;}

.fs10 {font-size: 10px !important;}
.fs11 {font-size: 11px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs16 {font-size: 16px !important;}
.fs18 {font-size: 18px !important;}
.fs20 {font-size: 20px !important;}
.fs22 {font-size: 22px !important;}
.fs24 {font-size: 24px !important;}
.fs26 {font-size: 26px !important;}
.fs28 {font-size: 28px !important;}
.fs34 {font-size: 34px !important;}
.fs-inherit {font-size: inherit !important;}

.text-right {	text-align: right !important;}
.center{text-align: center;}
.text-right,.right{text-align: right;}
.text-uppercase {
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
}




.tac {text-align: center !important;}
.tar {text-align: right !important;}
.tal {text-align-last: left !important;}

/* end Font */






/* Margins: */
.m0{margin: 0 !important;}
.m10 {margin: 10px;}
.mt2 {	margin-top: 2px !important;}
.mt5 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt12 {	margin-top: 12px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 { margin-top: 30px !important }




.ml5{	margin-left: 5px;}
.ml10{	margin-left: 10px !important;}
.ml15{	margin-left: 15px !important;}
.ml20{	margin-left: 20px !important;}


.mr5{	margin-right: 5px !important;}
.mr8{	margin-right: 8px !important;}
.mr15{	margin-right: 15px !important;}
.mr10{	margin-right: 10px !important;}
.mr20{	margin-right: 20px !important;}
.mr25{	margin-right: 25px !important;}
.mr60{	margin-right: 60px !important;}

.mb0 {	margin-bottom: 0 !important;}
.mb2{	margin-bottom: 2px !important;}
.mb5{	margin-bottom: 5px !important;}
.mb10{	margin-bottom: 10px !important;}
.mb15{	margin-bottom: 15px !important;}
.mb20{	margin-bottom: 20px !important;}
.mb25{	margin-bottom: 25px !important;}
.mb30{	margin-bottom: 30px !important;}
.mb45{	margin-bottom: 45px !important;}
.mb60 { margin-bottom: 60px !important }

.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}





/* Paddings */
.p0 {	padding: 0px !important;}
.p5 {	padding: 5px !important;}
.p10 {	padding: 10px !important;}
.pl0 {	padding-left: 0 !important;}
.p15 {	padding: 15px !important;}
.p16 {	padding: 16px !important;}
.p20 {	padding: 20px !important;}

.pb0 {	padding-bottom: 0 !important;}
.pb5{	padding-bottom: 5px !important;}
.pb10{	padding-bottom: 10px !important;}
.pb15{	padding-bottom: 15px !important;}
.pb20{	padding-bottom: 20px !important;}
.pb30{	padding-bottom: 30px !important;}
.pb40{	padding-bottom: 40px !important;}

.pt0{	padding-top: 0 !important;}
.pt5{	padding-top: 5px !important;}
.pt10{	padding-top: 10px !important;}
.pt15{	padding-top: 15px !important;}
.pt20{	padding-top: 20px !important;}
.pt40{	padding-top: 40px !important;}

.pl10 {	padding-left: 10px !important;}
.pl15 {	padding-left: 15px !important;}
.pl20 {	padding-left: 20px !important;}
.pl25 {	padding-left: 25px !important;}
.pl40 {	padding-left: 40px !important;}

.pr0 {	padding-right: 0px !important;}
.pr10 {	padding-right: 10px !important;}
.pr15 {	padding-right: 15px !important;}
.pr20 {	padding-right: 20px !important;}
.pr25 {	padding-right: 25px !important;}

.px8 {
	padding-left: 8px !important;
	padding-right: 8px !important;
}


/* svg */

.icon--8 {
	width:8px;
	min-width: 8px;
	height:8px;
}

.icon--10 {
	width:10px;
	min-width: 10px;
	height:10px;
}
.icon--12 {
	width:12px;
	min-width: 12px;
	height:12px;
}
.icon--14 {
	width: 14px !important;
	min-width: 14px !important;
	height: 14px !important;
}
.icon--16 {
	width: 16px !important;
	min-width: 16px !important;
	height: 16px !important;
}

.icon--18 {
	width: 18px !important;
	min-width: 18px !important;
	height: 18px !important	;
}
.icon--20 {
	width: 20px !important;
	min-width: 20px !important;
	height: 20px !important;
}
.icon--22 {
	width: 22px !important;
	min-width: 22px !important;
	height: 22px !important;
}
.icon--24 {
	width: 24px !important;
	min-width: 24px !important;
	height: 24px !important;
}
.icon--26 {
	width: 26px !important;
	min-width: 26px !important;
	height: 26px !important;
}
.icon--28 {
	width: 28px !important;
	min-width: 28px !important;
	height: 28px !important;
}
.icon--30 {
	width: 30px !important;
	min-width: 30px !important;
	height: 30px !important;
}
.icon--34 {
	width: 34px !important;
	min-width: 34px !important;
	height: 34px !important;
}
.icon--40 {
	width: 40px !important;
	min-width: 40px !important;
	height: 40px !important;
}

.brs0{	border-radius: 0;}
.brs3{	border-radius: 3px;}
.brs4{	border-radius: 4px;}
.brs5{	border-radius: 5px;}
.brs8{	border-radius: 8px;}
.brs16 {	border-radius: 16px;}
.brs50{	border-radius: 50%;}

/* transfom rotate */
.rotate-45{	transform: rotate(45deg);}
.rotate-90 {	transform: rotate(90deg) !important;}
.rotate-180 {	transform: rotate(180deg) !important;}
.rotate-270 {	transform: rotate(270deg) !important;}

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

.mw120{
	min-width: 120px;
	display: inline-block;
}

.w100{	width: 100%;}
.wfit { width: max-content;}
.hfit{height: max-content;}

.u-visuallyHidden,
.visually-hidden {
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	margin: 0 !important;
	position: absolute !important;
}
.v-hide{
	visibility: hidden;
}
/* position */
.pof{	position: fixed !important;}

/* display */

.d-block {	display: block !important;}
.d-none {	display: none !important;}
.d-flex {	display: flex !important;}

.db {	display:block !important;}
.df {display: flex !important}
.dif {display: inline-flex !important;}
.d-in {display: inline !important;}


.df-c{
	display: flex;
	align-items: center;
}
.df-col{
	display: flex;
	flex-direction: column;
}
.df-sb{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.df-sb-c{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex-hard {
	flex-grow: 0;
	flex-shrink: 0;
}

.flex-pusher, .flex-grow, .f-g {flex-grow: 1;}
.f-w, .flex-wrap 		{flex-wrap: wrap !important;}
.flex-nowrap 	{flex-wrap: nowrap;}



.jc-s	{justify-content: flex-start !important;}
.jc-e 		{justify-content: flex-end !important;}
.jc-c 		{justify-content: center !important;}
.jc-sb 			{justify-content: space-between !important;}

.ai-s 		{align-items: flex-start !important;}
.ai-b 	{align-items: baseline !important;}
.ai-c 		{align-items: center !important;}
.ai-e			{align-items: flex-end !important;}

.as-s		{align-self: flex-start !important;}
.as-c		{align-self: center !important;}
.as-e		{align-self: flex-end !important;}
.js-s		{justify-self: flex-start !important;}
.js-e		{justify-self: flex-end !important;}

.shrink-1 {	flex-shrink: 1 !important;}
.fd-c {	flex-direction: column !important;}
.fd-r {	flex-direction: row !important;}

.dn {display: none;}

.gap0 {gap: 0px;}
.gap5 {gap: 5px;}
.gap10 {gap: 10px;}
.gap15 {gap: 15px;}
.gap20 {gap: 20px;}

.mih-100 {
	min-height: 100px;
}
.mih-250 {
	min-height: 250px;
}

.clear-right {
	clear: right;
}

.link--reset {
	text-decoration: none !important;
}

.link--reset:hover {
	text-decoration: none !important;
}

.simple-link {
	cursor: pointer;
	text-decoration: underline !important;
}

.simple-link:hover {
	text-decoration: none !important;
}

.no-underline {
	text-decoration: none !important;
	border-bottom: 0 none !important;
}

/* piece of grid */
.row {
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
	flex-wrap: wrap;
}

.col,
.col-8,
.col-10,
.col-11,
.col-12,
.col-14,
.col-24,
.col-auto,
.col-sm-12,
.col-md,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-10,
.col-md-12,
.col-md-14,
.col-md-15,
.col-md-17,
.col-md-19,
.col-md-auto,
.col-lg-8 {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.col-8 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-10 {
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.col-11 {
	flex: 0 0 45.833333333%;
	max-width: 45.833333333%;
}

.col-12 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-14 {
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.col-24 {
	flex: 0 0 100%;
	max-width: 100%;
}

.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.grid > .row {
	margin-top: -15px;
	margin-bottom: -15px;
}

.grid > .row > * {
	padding-top: 15px;
	padding-bottom: 15px;
}

.row.gutter-xs {
	margin-left: -5px;
	margin-right: -5px;
}

.row.gutter-xs > * {
	padding-right: 5px;
	padding-left: 5px;
}

.grid > .row.gutter-xs {
	margin-top: -5px;
	margin-bottom: -5px;
}

.grid > .row.gutter-xs > * {
	padding-top: 5px;
	padding-bottom: 5px;
}

.row.gutter-sm {
	margin-left: -10px;
	margin-right: -10px;
}

.row.gutter-sm > * {
	padding-right: 10px;
	padding-left: 10px;
}

.grid > .row.gutter-sm {
	margin-top: -10px;
	margin-bottom: -10px;
}

.grid > .row.gutter-sm > * {
	padding-top: 10px;
	padding-bottom: 10px;
}

.rect-14 {
	width: 14px !important;
	height: 14px !important;
}
.rect-14-22 {
	width: 14px !important;
	height: 22px !important;
}

.rect-16 {
	width: 16px !important;
	height: 16px !important;
}

.rect-18 {
	width: 18px !important;
	height: 18px !important;
}

.rect-18-16 {
	width: 18px !important;
	height: 16px !important;
}


.rect-20-14 {
	width: 20px !important;
	height: 14px !important;
}

.rect-24 {
	width: 24px !important;
	height: 24px !important;
}


.rect-38-30 {
	width: 38px !important;
	height: 30px !important;
}

.shift-up-1,
.shift-down-1,
.shift-down-2 {
	position: relative;
}
.shift-up-1 { top: -1px !important }
.shift-up-100 { margin-top: -100px !important }
.shift-down-1 { top: 1px !important }
.shift-down-2 { top: 2px !important }

.empty:empty{
	display: none !important;
}

.ws-n{
	white-space: normal;
}
.ws-nw{
	white-space: nowrap;
}

div.errmsg {
	font-weight:400;
	font-size:1.6em;
	line-height:1.7em;
	color:#d00;
	padding:13px;
	border-radius: 16px;
}
.cur-p,.cp{
	cursor: pointer;
}
.cursor-default {
	cursor: default;
}
[hidden] {
  display:none;
}
.w50pc  {width: 50% !important;}
.w80pc  {width: 80% !important;}
.w100pc {width: 100% !important;}
.w120 {width:120px;}
.w140 {width:140px;}
.w200 {width:200px;}
.w220 {width:220px;}
.w300 {width:300px;}