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

	--block-padding: 3rem;
	--block-mb: 4.5rem;
	--block-mb-sm: 2.25rem;
	--block-mb-big: 6rem;

	--primary: #dc7043;
	--primary-darker: #b35b37;
	--primary-lighter: #ff7b44;

	--secondary: #2E604A;
	--secondary-darker: #2a4c3a;
	--secondary-lighter: #498364;

	--tertiary: #0AC588;
	--tertiary-lighter: #99EAA4;

	--error: var(--primary);
	--error-darker: var(--primary-darker);
	--error-lighter: #fff0ea;

	--success: #6ac330;
	--success-darker: #58a328;
	--success-lighter: #c6f3a9;

	--light: #f7f5f1;
	--gray-100: #efefef;
	--gray-200: #d7d7d7;
	--gray-300: #8f8f8f;
	--gray-400: #616161;
	--dark: #07142d;
	
	--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: 16px;
	--f-size-main: 15px;
	--f-size-sm: 14px;
	--f-size-xs: 12px;

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


body{
	font-family: var(--font_main);
	color: var(--dark);
	font-weight: 400;
	font-size: var(--f-size-main);
	line-height: 1.3;
}

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

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

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

.light{font-weight: 300;}
.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;
}

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

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

b{font-weight: 700;}

.longtext a{color: var(--primary);}
.longtext a:hover{color: var(--primary-darker);}
/* 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);}
/* 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: 1px;
	text-transform: uppercase;
	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.2s, border-color 0.2s, color 0.2s;
	font-weight: 500;
	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: var(--primary);
	border-color: var(--primary);
}

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



.badge{
	border-radius: var(--radius-inside-sm);
    font-weight: 400;
    padding: 5px 10px;
    line-height: 1;
    font-size: var(--f-size-xs);
}
.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.md{
	padding: 8px 14px;
	font-size: var(--f-size-sm);
}



.modal-header{border:0;}
.modal-content{
	border:0;
	border-radius: var(--radius-outside);
}
.modal .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background-color: #fff;
    opacity: 1;
    color: var(--primary);
    width: 40px;
    height: 40px;
    box-shadow: 2px 2px 8px #333;
    border-radius: 40px;
    padding: 0;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    background-image: url('../img/close01.svg');
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: center;
    transition: all .3s;
    border: 0;
    margin: -1rem -1rem -1rem auto;
}
.modal .close:hover {
    background-color: var(--gray-100);
}


#main-loader{
    background-color: rgba(255,255,255,.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    display: none;
}
#main-loader span{
    display: block;
    margin: auto;
    background: url('../img/tenor.gif') center center no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 4px solid #feefe6;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}

/* 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;
	}

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


}

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

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

		--block-mb: 2.5rem;
		--block-mb-sm: 1.5rem;
		--block-mb-big: 3.5rem;
		
		--f-size-h1-big: 34px;
		--f-size-h1: 34px;
		--f-size-h2: 30px;
		--f-size-h3: 26px;
		--f-size-h4: 22px;
		--f-size-h5: 18px;
		--f-size-h6: 16px;

		--f-size-main-big: 15px;
		--f-size-main: 14px;
		--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);}
}