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

@font-face {
    font-family: 'raleway_light';
    src: url('/../fonts/Raleway/Raleway-Light.eot');
    src: url('/../fonts/Raleway/Raleway-Light.woff2') format('woff2'),
        url('/../fonts/Raleway/Raleway-Light.woff') format('woff'),
        url('/../fonts/Raleway/Raleway-Light.ttf') format('truetype'),
        url('/../fonts/Raleway/Raleway-Light.svg#Montserrat-Light') format('svg');
        
    font-style: normal;
}
@font-face {
    font-family: 'raleway_bold';
    src: url('/../fonts/Raleway/Raleway-Bold.eot');
    src: url('/../fonts/Raleway/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
        url('/../fonts/Raleway/Raleway-Bold.woff') format('woff'),
        url('/../fonts/Raleway/Raleway-Bold.ttf') format('truetype');
        
    font-style: normal;
}

body {
	background: #171717;
	color: #fff;
	font-size: 18px;
	font-family: 'raleway_light';
	letter-spacing: 1px; 
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'raleway_bold';
	margin: 0 0 15px;
	line-height: 120%;
	font-weight: 600;
	color: #fff;
}

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

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
}

.title_div h2 {
	margin-bottom: 40px;
	font-weight: 500;
	font-size: 40px; 
	color: #fff;
	letter-spacing: 1px;
}

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

.dark_btn { 
	color: #000;
	font-size: 18px;
	padding: 8px 40px; 
	display: inline-block;
	text-decoration: none;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	cursor: pointer; 
	border-radius: 50px;
	position: relative;
	border: 2px solid var(--main-color);
	z-index: 1;
	font-weight: 600;
	background-color: #fff;
}
/*
.dark_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:before {
	position: absolute;
	content: '';
	width: 40%;
	height: 100%; 
	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: 50px;
	padding: 8px 40px;
	border: 2px solid var(--main-color);
	color: #fff;
	font-size: 18px;
	display: inline-block;
	text-decoration: none;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	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 {
	background-color: #000;
	color: #fff;
	font-weight: 700
}

.default_btn:hover {
	background-color: #000;
	color: #fff;
	font-weight: 700
}

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

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

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

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

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

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

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