@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-UltraLight.woff2') format('woff2'),
	     url('../fonts/Gilroy-UltraLight.woff') format('woff'),
	     url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-Light.woff2') format('woff2'),
	     url('../fonts/Gilroy-Light.woff') format('woff'),
	     url('../fonts/Gilroy-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
	     url('../fonts/Gilroy-Regular.woff') format('woff'),
	     url('../fonts/Gilroy-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-Medium.woff2') format('woff2'),
	     url('../fonts/Gilroy-Medium.woff') format('woff'),
	     url('../fonts/Gilroy-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-Semibold.woff2') format('woff2'),
	     url('../fonts/Gilroy-Semibold.woff') format('woff'),
	     url('../fonts/Gilroy-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-Bold.woff2') format('woff2'),
	     url('../fonts/Gilroy-Bold.woff') format('woff'),
	     url('../fonts/Gilroy-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-Extrabold.woff2') format('woff2'),
	     url('../fonts/Gilroy-Extrabold.woff') format('woff'),
	     url('../fonts/Gilroy-Extrabold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}



@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-UltraLightItalic.woff2') format('woff2'),
	     url('../fonts/Gilroy-UltraLightItalic.woff') format('woff'),
	     url('../fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-LightItalic.woff2') format('woff2'),
	     url('../fonts/Gilroy-LightItalic.woff') format('woff'),
	     url('../fonts/Gilroy-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-RegularItalic.woff2') format('woff2'),
	     url('../fonts/Gilroy-RegularItalic.woff') format('woff'),
	     url('../fonts/Gilroy-RegularItalic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-MediumItalic.woff2') format('woff2'),
	     url('../fonts/Gilroy-MediumItalic.woff') format('woff'),
	     url('../fonts/Gilroy-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-SemiboldItalic.woff2') format('woff2'),
	     url('../fonts/Gilroy-SemiboldItalic.woff') format('woff'),
	     url('../fonts/Gilroy-SemiboldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-BoldItalic.woff2') format('woff2'),
	     url('../fonts/Gilroy-BoldItalic.woff') format('woff'),
	     url('../fonts/Gilroy-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: "Gilroy";
	src: url('../fonts/Gilroy-ExtraboldItalic.woff2') format('woff2'),
	     url('../fonts/Gilroy-ExtraboldItalic.woff') format('woff'),
	     url('../fonts/Gilroy-ExtraboldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}



:root{
	--block: 1700px;
	--block-md: 1400px;
	--block-sm: 1200px;
	--block-xs: 800px;
	
	--block-padding: 3rem;
	--block-mb: 4rem;
	--block-mb-sm: 2rem;

	--primary: #FACB43;
	--primary-darker: #d2a400;
	--primary-lighter: #fff9e2;

	--secondary: #2251a2;
	--secondary-darker: #133774;
	--secondary-lighter: #b8e8ff;

	--tertiary: #837a73;
	--tertiary-lighter: #dacdba;

	--success: #9cca2d;
	--success-darker: #81a30e;
	--success-lighter: #d9eac2;

	--light: #f3f7ff;
	--gray-100: #dfdbd7;
	--gray-200: #d7d7d7;
	--gray-300: #8f8f8f;
	--gray-400: #616161;
	--dark: #33373a;
	
	--size-xs: .5rem;
	--size-sm: 1rem;
	--size-md: 1.5rem;
	--size-lg: 3rem;
	--size-xl: 6rem;
	--size-xxl: 12rem;

	--f-size-h1: 58px;
	--f-size-h2: 38px;
	--f-size-h3: 32px;
	--f-size-h4: 26px;
	--f-size-h5: 22px;
	--f-size-h6: 18px;

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

	--radius-btn: 0px;
}

a{
	color: initial;
	text-decoration: none;
}
a:hover{
	color: initial;
	text-decoration: none;
}
p a{
	text-decoration: underline;
	color: var(--secondary);
}
p a:hover{
	text-decoration: underline;
	color: var(--primary);
}
p:last-child{
	margin-bottom: 0;
}

p strong, p b{
	font-weight: 700;
}
.relative{position: relative;}

/* grid */
.block-wide{
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}
.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;
}

.max-600{max-width: 600px;}
.max-800{max-width: 800px;}
.max-1000{max-width: 1000px;}
.block-md{max-width: var(--block-md);}
.block-sm{max-width: var(--block-sm);}
.block-xs{max-width: var(--block-xs);}
.max-xs{max-width: var(--block-xs);}
/* end */



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

.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;}

.white{color: #fff;}
.primary{color: var(--primary);}
.secondary{color: var(--secondary);}
.tertiary{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);}
.success{color: var(--success);}

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

.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}
.ls-3{letter-spacing: 3px;}

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

b,strong{font-weight: 700;}
.fw-medium{font-weight: 500;}

.underline{text-decoration: underline;}

.medium{font-weight: 600;}
.bold{font-weight: 700;}
/* 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;}

.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-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);}

.mt-block-sm{margin-top: 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 */





.badge{
	border-radius: 0;
}
.badge-primary{
    background-color: var(--primary);
}
.badge-secondary{
    background-color: var(--secondary);
    color: var(--dark);
}

.btn-default{
	display: inline-block;
	text-decoration: none;
	color: var(--dark);
	font-size: var(--f-size-xs);
	letter-spacing: 1.5px;
	text-transform: uppercase;
	background-color: var(--primary);
	padding: var(--size-sm) var(--size-lg);
	border: 1px solid var(--primary);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s;
	font-weight: 700;
	line-height: 1;
}
.btn-default.secondary {
	background-color: var(--secondary);
	border: 1px solid var(--secondary);
	color: #fff;
}
.btn-default.secondary.next::after{
	color: #fff;
}
.btn-default.secondary:hover{
	background-color: var(--secondary-darker);
	border: 1px solid var(--secondary-darker);
	color: #fff;
}
.btn-default.secondary.next:hover::after{
	color: #fff;
}

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

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

.btn-default.ghost.gray-100{
	color: var(--dark);
	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:hover{
    background-color: var(--primary-darker);
    border-color: var(--primary-darker);
    color: var(--dark);
}
.btn-default.ghost:hover{
	background-color: var(--primary-darker);
    border-color: var(--primary-darker);
}

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


.btn-default.sm{
	padding: var(--size-xs) var(--size-sm);
}
.btn-default.lg{
	padding: var(--size-sm) 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.next{
	position: relative;
	padding-left: calc(var(--size-lg) - 8px);
}
.btn-default.next::after{
	content: '\f054';
    font-family: "Font Awesome 5 free";
    color: var(--dark);
    font-weight: 900;
    font-size: 13px;
    position: absolute;
    right: calc(var(--size-md));
    top: 0;
    bottom:1px;
    margin: auto 0;
    height: 13px;
    line-height:1;
    transition: transform 0.2s, color 0.2s;
}


.btn-default.white.next::after{
	color: var(--dark);
}
.btn-default.white.next:hover::after{
	color: var(--dark);
}

.btn-default.next.ghost::after{
	color: var(--primary);
}

.btn-default.ghost.white.next::after{
	color: #fff;
}
.btn-default.ghost.white.next:hover::after{
	color: var(--primary);
}

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

.btn-default.next:hover::after{
	transform: translateX(5px);
	color: var(--dark);
}


.btn-default.text{
	text-decoration: underline;
	background-color: transparent!important;
	border-color: transparent;
	color: var(--dark);
}
.btn-default.text.primary{
	color: var(--primary);
}

.btn-default.arrow{
	display: inline-flex;
}
.btn-default.arrow img{
	margin-left: 15px;
	display: inline-block;
}


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




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

/* lg */
@media (max-width: 1199.98px) {
}

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

/* md */
@media (max-width: 991.98px) {
	:root{
		--block-padding: 2rem;

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

	.md-pt-md{padding-top:var(--size-md);}
	.md-mt-sm{margin-top: var(--size-sm);}
}

/* sm */
@media (max-width: 767.98px) {

}

/* xs */
@media (max-width: 575.98px) {
	:root{
		--block-padding: 0.75rem;
		--block-mb-sm: 1rem;
		--block-mb: 2rem;
		--block-mb-big: 3rem;


		--f-size-h1: 30px;
		--f-size-h2: 26px;
		--f-size-h3: 24px;
		--f-size-h4: 20px;
		--f-size-h5: 18px;
		--f-size-h6: 15px;

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

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


}