* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none
}



@font-face {
	font-family: 'didot_medium';
	src: url('fonts/didot_medium/Didot Medium.eot');
	src: url('fonts/didot_medium/Didot Medium.eot?#iefix') format('embedded-opentype'), url('fonts/didot_medium/Didot Medium.otf') format('otf'), url('fonts/didot_medium/Didot Medium.svg#Didot%20Regular') format('svg'), url('fonts/didot_medium/Didot Medium.ttf') format('truetype'), url('fonts/didot_medium/Didot Medium.woff') format('woff'), url('fonts/didot_medium/Didot Medium.woff2') format('woff2')
}

@font-face {
	font-family: 'didot_regular';
	src: url('fonts/didot_medium/Didot Regular.eot');
	src: url('fonts/didot_medium/Didot Regular.eot?#iefix') format('embedded-opentype'), url('fonts/didot_medium/Didot Regular.otf') format('otf'), url('fonts/didot_medium/Didot Regular.svg#Didot%20Regular') format('svg'), url('fonts/didot_medium/Didot Regular.ttf') format('truetype'), url('fonts/didot_medium/Didot Regular.woff') format('woff'), url('fonts/didot_medium/Didot Regular.woff2') format('woff2')
}

@font-face{
	font-family: "DM Sans";
    src: url('/../../fonts/DMSans/DMSans-Medium.woff') format('woff'),
    	 url('/../../fonts/DMSans/DMSans-Medium.woff2') format('woff2');
	font-weight: 100 900; 
    font-display: swap;
}
@font-face{
	font-family: "Inter";
    src: url('/../../fonts/inter/Inter-Regular.woff') format('woff'),
    	 url('/../../fonts/inter/Inter-Regular.woff2') format('woff2'),
    	 url('/../../fonts/inter/Inter-Regular.ttf') format('truetype');
	font-weight: 600; 
    font-display: swap;
}


body {
	background: #fff;
	color: #000;
	font-size: 18px;
	font-family: "Inter";
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "DM Sans";
	margin: 0 0 15px;
	line-height: 120%;
	font-weight: 600;
	color: var(--secondary-color)
}

p {
	margin: 0 0 15px;
	line-height: 160%;
	font-size: 18px;
}

picture {
	display: block
}

ul {
	list-style: none;
	margin: 0
}

.default_container {
	width: calc(100% - 150px);
	margin: 0 auto;
	padding: 0 15px
}

.small_container {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 15px
}

.mb_40 {
	margin-bottom: 40px
}
.mb_30 {
	margin-bottom: 30px
}

.title_div h2 {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 46px;
	text-align: center;
	color: #67947d;
}

.title_div h2 span {
	color: var(--main-color)
}

.dark_btn {
	background-color: #67947d;
	color: #fff;
	font-size: 18px;
    padding: 15px 25px;
	/*border: 2px solid var(--main-color);*/
	display: inline-block;
	text-decoration: none;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	cursor: pointer;
	/*font-family: 'times_new_roman';*/
	border-radius: 50px;
	position: relative;
	z-index: 1
}

.dark_btn:before {
	position: absolute;
	content: '';
	width: 40%;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	border-radius: 50px;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	opacity: 0;
	z-index: -1
}

.default_btn:before {
	position: absolute;
	content: '';
	width: 40%;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	border-radius: 5px;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	opacity: 0;
	z-index: -1
}

.default_btn {
	border-radius: 6px;
	/*font-family: 'times_new_roman';*/
	padding: 10px 25px;
	border: 2px solid var(--main-color);
	background-color: var(--main-color);
	color: #fff;
	font-size: 17px;
	display: inline-block;
	text-decoration: none;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	letter-spacing: 1px;
	cursor: pointer;
	position: relative;
	z-index: 1
}

.dark_btn:hover:before {
	width: 100%;
	color: var(--main-color);
	opacity: 1
}

.default_btn:hover:before {
	width: 100%;
	color: var(--main-color);
	opacity: 1
}

.dark_btn:hover {
	color: var(--main-color);
	font-weight: 700
}

.default_btn:hover {
	color: var(--main-color);
	font-weight: 700
}

@media(max-width:1550px) {
	.default_container {
		width: 100%;
		max-width: 1400px
	}
}

@media(max-width:1400px) {
	.title_div h2 {
		font-size: 40px
	}
}

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

@media(max-width:1024px) {
	.title_div h2 {
		font-size: 38px
	}
}

@media(max-width:992px) {
	.title_div h2 {
		font-size: 36px
	}
}

@media(max-width:768px) {
	.title_div h2 {
		font-size: 34px
	}
}

@media(max-width:580px) {
	.title_div h2 {
		font-size: 32px
	}
}