@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');



:root{
	--block: 1500px;
	--block-md: 1300px;
	--block-sm: 1100px;
	--block-xs: 900px;
	--block-xxs: 700px;

	--block-padding: 3rem;
	--block-mb: 4rem;
	--block-mb-sm: 2rem;
	--block-mb-big: 6rem;

	--primary: #1971d4;
	--primary-darker: #144e8f;
	--primary-lighter: #9eccff;

	--light: #f5f7f9;
	--gray-100: #e7e7e8;
	--gray-200: #b7bcc2;
	--gray-300: #5c6163;
	--gray-400: #444a50;
	--dark: #1d252c;
	--dark-rgb: 29,37,44;

	--size-xs: .5rem;
	--size-sm: 1rem;
	--size-md: 1.5rem;
	--size-lg: 3rem;
	--size-xl: 6rem;
	--size-xxl: 12rem;

	--f-size-h1-big: 76px;
	--f-size-h1: 42px;
	--f-size-h2: 36px;
	--f-size-h3: 30px;
	--f-size-h4: 26px;
	--f-size-h5: 22px;
	--f-size-h6: 18px;

	--f-size-main-big: 17px;
	--f-size-main: 16px;
	--f-size-sm: 14px;
	--f-size-xs: 12px;

	--radius-outside: 0px;
	--radius-inside: 5px;
	--radius-inside-sm: 4px;
}


body{
	font-family: "Inter", sans-serif;
	color: var(--dark);
	font-weight: 400;
	font-size: var(--f-size-main);
	line-height: 1.2;
}

a{
	color: var(--dark);
	text-decoration: none;
}
a:hover{
	color: initial;
	text-decoration: none;
}
p{
	line-height: 1.5;
}
h1 p,h2 p,h3 p,h4 p,h5 p,h6 p{line-height: 1.5;font-family: var(--font_main);}
p a:hover{
	color: var(--primary);
	text-decoration: underline;
}
p:last-child{
	margin-bottom: 0;
}
p:last-of-type {
    margin-bottom: 0;
}
b{font-weight: 700;}
p strong, p b{
	font-weight: 700;
}

h1{font-size: var(--f-size-h1);font-weight: 700;margin-bottom: var(--size-xs);}
h2{font-size: var(--f-size-h2);font-weight: 700;margin-bottom: var(--size-xs);}
h3{font-size: var(--f-size-h3);font-weight: 700;margin-bottom: var(--size-xs);}
h4{font-size: var(--f-size-h4);font-weight: 700;margin-bottom: var(--size-xs);}
h5{font-size: var(--f-size-h5);font-weight: 700;margin-bottom: var(--size-xs);}
h6{font-size: var(--f-size-h6);font-weight: 700;margin-bottom: var(--size-xs);}

.light{font-weight: 300;}
.regular{font-weight: 400;}
.medium{font-weight: 500;}
.semibold{font-weight: 600;}
.bold{font-weight: 700;}

.relative{position: relative;}

/* grid */
.block{
	width: 100%;
	padding-left: var(--block-padding);
	padding-right: var(--block-padding);
	max-width: var(--block);
	margin: 0 auto;
}
.block-wide{
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}
.block.fluid{
	max-width: 100%;
}

.max-600{max-width: 600px;}
.max-800{max-width: 800px;}
.max-1000{max-width: 1000px;}

.block-xs{max-width: var(--block-xs);}
.block-sm{max-width: var(--block-sm);}
.block-md{max-width: var(--block-md);}

.max-default{max-width: var(--block);}
.max-xxs{max-width: var(--block-xxs);}
.max-xs{max-width: var(--block-xs);}
.max-sm{max-width: var(--block-sm);}
.max-md{max-width: var(--block-md);}
/* end */



/* fonts */
.f-h1-big{font-size: var(--f-size-h1-big);}
.f-h1{font-size: var(--f-size-h1);}
.f-h2{font-size: var(--f-size-h2);}
.f-h3{font-size: var(--f-size-h3);}
.f-h4{font-size: var(--f-size-h4);}
.f-h5{font-size: var(--f-size-h5);}
.f-h6{font-size: var(--f-size-h6);}

.f-main{font-size: var(--f-size-main);}
.f-sm{font-size: var(--f-size-sm);}
.f-xs{font-size: var(--f-size-xs);}
.f-xxs{font-size: 10px;}

.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}
.crossed{text-decoration: line-through;}

.white{color: #fff;}
.primary{color: var(--primary);}
.secondary{color: var(--secondary);}
.gray-100{color: var(--gray-100);}
.gray-200{color: var(--gray-200);}
.gray-300{color: var(--gray-300);}
.gray-400{color: var(--gray-400);}

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

.ls-0{letter-spacing: 0px;}
.ls-xs{letter-spacing: 1px;}

.text-right{text-align: right;}
/* end */


/* margins */
.mt-xs{margin-top: var(--size-xs);}
.mt-sm{margin-top: var(--size-sm);}
.mt-md{margin-top: var(--size-md);}
.mt-lg{margin-top: var(--size-lg);}
.mt-xl{margin-top: var(--size-xl);}
.mt-xxl{margin-top: var(--size-xxl);}
.mt-auto{margin-top: auto;}

.mt-block{margin-top: var(--block-mb);}
.mt-block-sm{margin-top: var(--block-mb-sm);}

.mr-xs{margin-right: var(--size-xs);}
.mr-sm{margin-right: var(--size-sm);}
.mr-md{margin-right: var(--size-md);}
.mr-lg{margin-right: var(--size-lg);}
.mr-xl{margin-right: var(--size-xl);}
.mr-xxl{margin-right: var(--size-xxl);}
.mr-auto{margin-right: auto;}

.mb-xxs{margin-bottom: calc(.5 * var(--size-xs));}
.mb-xs{margin-bottom: var(--size-xs);}
.mb-sm{margin-bottom: var(--size-sm);}
.mb-md{margin-bottom: var(--size-md);}
.mb-lg{margin-bottom: var(--size-lg);}
.mb-xl{margin-bottom: var(--size-xl);}
.mb-xxl{margin-bottom: var(--size-xxl);}
.mb-auto{margin-bottom: auto;}

.ml-xs{margin-left: var(--size-xs);}
.ml-sm{margin-left: var(--size-sm);}
.ml-md{margin-left: var(--size-md);}
.ml-lg{margin-left: var(--size-lg);}
.ml-xl{margin-left: var(--size-xl);}
.ml-xxl{margin-left: var(--size-xxl);}
.ml-auto{margin-left: auto;}

.mb-block-big{margin-bottom: var(--block-mb-big);}
.mb-block{margin-bottom: var(--block-mb);}
.mb-block-sm{margin-bottom: var(--block-mb-sm);}
/* end */

/* paddings */
.pt-xs{padding-top: var(--size-xs);}
.pt-sm{padding-top: var(--size-sm);}
.pt-md{padding-top: var(--size-md);}
.pt-lg{padding-top: var(--size-lg);}
.pt-xl{padding-top: var(--size-xl);}
.pt-xxl{padding-top: var(--size-xxl);}
.pt-auto{padding-top: auto;}
.pt-block{padding-top: var(--block-mb);}

.pr-xs{padding-right: var(--size-xs);}
.pr-sm{padding-right: var(--size-sm);}
.pr-md{padding-right: var(--size-md);}
.pr-lg{padding-right: var(--size-lg);}
.pr-xl{padding-right: var(--size-xl);}
.pr-xxl{padding-right: var(--size-xxl);}
.pr-auto{padding-right: auto;}

.pb-xs{padding-bottom: var(--size-xs);}
.pb-sm{padding-bottom: var(--size-sm);}
.pb-md{padding-bottom: var(--size-md);}
.pb-lg{padding-bottom: var(--size-lg);}
.pb-xl{padding-bottom: var(--size-xl);}
.pb-xxl{padding-bottom: var(--size-xxl);}
.pb-auto{padding-bottom: auto;}
.pb-block{padding-bottom: var(--block-mb);}

.pl-xs{padding-left: var(--size-xs);}
.pl-sm{padding-left: var(--size-sm);}
.pl-md{padding-left: var(--size-md);}
.pl-lg{padding-left: var(--size-lg);}
.pl-xl{padding-left: var(--size-xl);}
.pl-xxl{padding-left: var(--size-xxl);}
.pl-auto{padding-left: auto;}


/* end */







.btn-default{
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-size: var(--f-size-sm);
	letter-spacing: 0px;
	background-color: var(--primary);
	padding: var(--size-sm) var(--size-md);
	border: 1px solid var(--primary);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: background-color 0.3s, border-color 0.3s, color 0.3s;
	font-weight: 700;
	line-height: 1;
	border-radius: var(--radius-inside);
}
.btn-default.dark{
	color: #fff;
	background-color: var(--dark);
	border-color: var(--dark);
}
.btn-default.dark:hover{
	color: #fff;
	background-color: #000;
	border-color: #000;
}

.btn-default.light{
	color: var(--dark);
	background-color: var(--light);
	border-color: var(--light);
}
.btn-default.light:hover{
	background-color: var(--gray-100);
	border-color: var(--gray-100);
	color: var(--dark);
}

.btn-default.gray-100{
	background-color: var(--gray-100);
	border-color: var(--gray-100);
	color: var(--dark);
}
.btn-default.gray-100:hover{
	background-color: var(--gray-200);
	border-color: var(--gray-200);
	color: var(--dark);
}


.btn-default.ghost{
	color: var(--primary);
	background-color: transparent;
}

.btn-default.ghost.gray-100{
	border-color: var(--gray-100);
	color: var(--gray-400);
}
.btn-default.ghost.gray-100:hover{
	background-color: var(--gray-100);
	border-color: var(--gray-100);
}

.btn-default.ghost.dark{
	color: var(--dark);
	border-color: var(--dark);
}
.btn-default.ghost.dark:hover{
	background-color: var(--dark);
	border-color: var(--dark);
	color: #fff;
}

.btn-default:hover{
    background-color: var(--primary-darker);
    border-color: var(--primary-darker);
    color: #fff;
}
.btn-default.ghost:hover{
	background-color: var(--primary-darker);
    border-color: var(--primary-darker);
}

.btn-default.sm{
	padding: var(--size-xs) var(--size-sm);
}
.btn-default.lg{
	padding: calc(var(--size-sm) + 5px) var(--size-lg) calc(var(--size-sm) + 5px) var(--size-lg);
	font-size: var(--f-size-main);
}


.btn-default.white{
	background-color: #fff;
	color: var(--dark);
	border-color: #fff;
}
.btn-default.white:hover{
	background-color: #f7f7f7;
	color: var(--dark);
	border-color: #f7f7f7;
}

.btn-default.ghost.white{
	background-color: transparent;
	color: #fff;
	border-color: #fff;
}
.btn-default.ghost.white:hover{
	background-color: #fff;
	color: var(--dark);
	border-color: #fff;
}


.btn-default.wide{
	display: block;
	text-align: center;
}

.btn-default.btn-loader .spinner-border{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	--bs-spinner-width: 1.2rem;
    --bs-spinner-height: 1.2rem;
}
.btn-default.btn-loader.loading{
	opacity: 0.8;
	pointer-events: none;
}
.btn-default.btn-loader.loading .spinner-border{
	display: block;
}
.btn-default.btn-loader.loading .label{
	visibility: hidden;
}


.badge{
	border-radius: var(--radius-inside-sm);
    font-weight: 600;
    padding: calc(var(--size-xs) * .5) var(--size-xs);
    line-height: 1;
    font-size: 11px;
}
.badge.primary{background-color: var(--primary);color: #fff;}
.badge.light{background-color: var(--light);color: var(--dark);}
.badge.gray-100{background-color: var(--gray-100);color: var(--dark);}
.badge.gray-200{background-color: var(--gray-200);color: var(--dark);}
.badge.gray-300{background-color: var(--gray-300);color: #fff;}
.badge.gray-400{background-color: var(--gray-400);color: #fff;}
.badge.dark{background-color: var(--dark);color: #fff;}
.badge.ghost{
	background-color: transparent!important;
}
.badge.ghost.light{
	border: 1px solid var(--light);
}
.badge.ghost.gray-100{
	border: 1px solid var(--gray-100);
}

.badge.md{
	padding: 8px 14px;
	font-size: var(--f-size-sm);
}


img{
	border-style: none;
	width: 100%;
}
.hidden{
	display: none;
}




input[type=checkbox], input[type=radio] {
	--active: var(--primary);
	--active-inner: #fff;
	--focus: 0px var(--primary);
	--border: var(--gray-100);
	--border-hover: var(--primary);
	--background: #fff;
	--disabled: var(--gray-100);
	--disabled-inner: var(--gray-200);
	--disabled-border: var(--gray-200);
	position: relative;
	top: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 20px;
	padding: 0;
	outline: none;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	border: 1px solid var(--bc, var(--border));
	background: var(--b, var(--background));
	transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
	border-radius: var(--radius-inside)!important;
}
input[type=radio] {
	border-radius: 50%;
}
input[type=checkbox]:after,
input[type=radio]:after {
	content: "";
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
}
input[type=checkbox]:checked,
input[type=radio]:checked {
	--b: var(--active);
	--bc: var(--active);
	--d-o: .3s;
	--d-t: .6s;
	--d-t-e: cubic-bezier(.2, .85, .32, 1.2);
}
.form-check-input:checked{
	background-color: var(--b);
    border-color: var(--bc);
}
input[type=checkbox]:disabled,
input[type=radio]:disabled {
	--b: var(--disabled);
	cursor: not-allowed;
	opacity: 0.9;
	border-color: var(--disabled-border);
}
input[type=checkbox]:disabled:checked,
input[type=radio]:disabled:checked {
	--b: var(--disabled-inner);
	--bc: var(--border);
}
input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
	cursor: not-allowed;
}
input[type=checkbox]:hover:not(:checked):not(:disabled),
input[type=radio]:hover:not(:checked):not(:disabled) {
	--bc: var(--border-hover);
}
input[type=checkbox]:focus,
input[type=radio]:focus {
	box-shadow: 0 0 0 var(--focus);
}
input[type=checkbox]:not(.switch),
input[type=radio]:not(.switch) {
	width: 20px;
	min-width: 20px;
}
input[type=checkbox]:not(.switch):after,
input[type=radio]:not(.switch):after {
	opacity: var(--o, 0);
}
input[type=checkbox]:not(.switch):checked,
input[type=radio]:not(.switch):checked {
	--o: 1;
}
input[type=checkbox] + label,
input[type=radio] + label {
	line-height: 21px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	margin-left: 4px;
}
input[type=checkbox]:not(.switch):after {
	width: 6px;
	height: 12px;
	border: 2px solid var(--active-inner);
	border-top: 0;
	border-left: 0;
	left: 6px;
	top: 2px;
	transform: rotate(var(--r, 20deg));
}
input[type=checkbox]:not(.switch):checked {
	--r: 43deg;
}
input[type=radio] {
	border-radius: 50%;
}
input[type=radio]:after {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--active-inner);
	opacity: 0;
	transform: scale(0);
}
input[type=radio]:checked::after{
	transform: scale(0.35);
}



/* xl */
@media (max-width: 1399.98px){
}

/* lg */
@media (max-width: 1199.98px){
	:root{
		--block-padding: 1.5rem;
	}
}

@media (max-width: 1100px){
}

/* md */
@media (max-width: 991.98px){
	:root{
		--f-size-h1-big: 56px;
		--f-size-h1: 38px;
		--f-size-h2: 34px;
		--f-size-h3: 30px;
		--f-size-h4: 26px;
		--f-size-h5: 22px;
		--f-size-h6: 18px;

		--f-size-main-big: 16px;
		--f-size-main: 15px;
		--f-size-sm: 14px;
		--f-size-xs: 12px;
	}
}

/* sm */
@media (max-width: 767.98px){
	.sm-hidden{display: none;}
}

/* xs */
@media (max-width: 575.98px){
	:root{
		--block-padding: 1rem;

		--block-mb-sm: 1.75rem;
		--block-mb: 2.2rem;
		--block-mb-big: 2.9rem;
		
		--f-size-h1-big: 34px;
		--f-size-h1: 32px;
		--f-size-h2: 28px;
		--f-size-h3: 24px;
		--f-size-h4: 22px;
		--f-size-h5: 18px;
		--f-size-h6: 16px;

		--f-size-main-big: 16px;
		--f-size-main: 15px;
		--f-size-sm: 13px;
		--f-size-xs: 12px;
	}

	.xs-hidden{display: none;}

	.xs-mb-sm{margin-bottom: var(--size-sm);}
	.xs-mb-xs{margin-bottom: var(--size-xs);}

	.btn-default.lg{padding: var(--size-sm) var(--size-md);font-size:var(--f-size-sm);}

	.badge.md{padding: calc(var(--size-xs) * .5) var(--size-xs);font-size: 11px;}
}