@font-face {
	font-family: 'Raleway';
	src: url("/sbs_wp/themes/main/fonts/Raleway.ttf");
}
@font-face {
	font-family: 'RalewayMedium';
	src: url("/sbs_wp/themes/main/fonts/Raleway-Medium.ttf");
}

* {
	--color1: #084425; /* Green dark 1 */
	--color2: #006734; /* Green dark 2 */
}

body {
	margin: 0;
	padding: 0;
	font-family: Raleway, Arial, sans-serif;
	font-size: 18px;
	color: #333333;
	background-color: #FFFFFF;
}
img {
	border: 0;
}
h1 {
	font-family: RalewayMedium, Arial, sans-serif;
	font-size: 60px;
	font-weight: normal;
	margin: 28px 0;
	color: #333333;
}
h2 {
	font-family: RalewayMedium, Arial, sans-serif;
	font-size: 35px;
	font-weight: normal;
	margin: 35px 0 25px 0;
	color: var(--color2);
}
a {
	color: #333333;
}
a:hover {
	color: var(--color1);
}
div, header, footer {
	box-sizing: border-box;
}
input, textarea, select {
	font-family: Raleway, Arial, sans-serif;
	font-size: 18px;
	box-sizing: border-box;
}

header {
}
header .block_1 {
	max-width: 1260px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
}
header .logo {
	display: block;
}
header .logo img {
	display: block;
}
header .block_1_1 {
	font-size: 16px;
	padding-top: 25px;
}
header .block_1_2 {
	text-align: center;
	padding-top: 15px;
}
header .block_1_2 .phone {
	font-size: 30px;
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
	color: #333333;
	text-decoration: none;
}
header .block_1_2 .email {
	font-size: 16px;
	font-weight: bold;
	color: var(--color2);
}
header .block_1_3 {
	font-size: 16px;
	color: #999999;
	padding-top: 17px;
	text-align: center;
}
header .block_1_3 .callback {
	color: #333333;
	border: 2px solid #9abe7f;
	border-radius: 20px;
	text-decoration: none;
	display: block;
	margin-bottom: 15px;
	height: 40px;
	box-sizing: border-box;
	padding: 8px 15px 0 15px;
}
header .menu {
	background-color: var(--color1);
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 auto;
	text-align: center;
}
header .menu a {
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	margin: 20px 40px;
}
header .menu a:hover {
	color: #9abe7f;
}

footer {
	margin: 0 0 65px 0;
}
footer .map {
	background-color: var(--color1);
	color: #FFFFFF;
	font-size: 22px;
	height: 675px;
	margin-top: 65px;
	display: flex;
}
footer .map a {
	color: #9abe7f;
}
footer .map_1 {
	width: 45%;
}
footer .coords {
	width: 55%;
	background: url(pics/map_bg_1.jpg) 430px 50% no-repeat;
	padding: 175px 0 0 65px;
}
footer .coords .title {
	font-size: 23px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 35px;
}
footer .coords .phone {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 25px;
	font-weight: bold;
}
footer .coords .email {
	display: block;
	margin: 20px 0;
}
footer .coords .icons {
	margin-top: 40px;
}
footer .coords .icons a {
	margin-right: 12px;
}
footer .block_1 {
	margin: 0 auto;
	max-width: 1260px;
	padding: 65px 0 0 0;
	display: flex;
}
footer .block_1_1 {
	font-size: 15px;
	width: 45%;
}
footer .block_1_1 .logo {
	display: block;
	margin-bottom: 30px;
}
footer .block_1_1 .logo img {
	display: block;
}

footer .block_1_1 .developer {
	display: block;
	order: 2;
	background: url(pics/logo_ardzo.png) 0 0 no-repeat;
	width: 48px;
	height: 43px;
	color: #000000;
	text-decoration: none;
	transition-property: background-position, width, padding;
	transition-duration: 0.5s;
	margin-top: 25px;
	padding-top: 4px;
}
footer .block_1_1 .developer span {
	display: none;
}
footer .block_1_1 .developer:hover {
	width: 110px;
	padding-right: 90px;
	background-position: 100% 0;
	transition-property: background-position, width, padding;
	transition-duration: 0.5s;
}
footer .block_1_1 .developer:hover span {
	display: block;
	margin-top: 8px;
} 

footer .block_1_2 {
	font-size: 16px;
	display: flex;
	width: 55%;
	margin-left: 60px;
}
footer .block_1_2 .title {
	margin-bottom: 18px;
	font-weight: bold;
	color: var(--color2);
	text-transform: uppercase;
}
footer .block_1_2 a {
	text-decoration: none;
	display: block;
	margin-bottom: 18px;
}
footer .block_1_2 a:hover {
	text-decoration: underline;
}
footer .block_1_2 .menu_col_1, footer .block_1_2 .menu_col_2, footer .block_1_2 .menu_col_3 {
	width: 33%;
}

main {
	padding: 0 0 30px 0;
}
main .width_wrap {
	margin: 0 auto;
	max-width: 1260px;
}

.breadcrumbs {
	font-size: 15px;
	color: #999999;
	margin: 28px auto;
	max-width: 1260px;
}
.breadcrumbs a {
	text-decoration: none;
	color: #333333;
}
.breadcrumbs a:hover {
	color: var(--color2);
}

.gen_text {
	line-height: 150%;
	text-align: justify;
}

.gen_form_1 {
	display: flex;
	flex-wrap: wrap;
}
.gen_form_1 input, .gen_form_1 select, .gen_form_1 textarea {
	border: 1px solid #DDDDDD;
	padding: 7px 10px;
	margin-bottom: 30px;
	color: #333333;
	width: 100%;
}
.gen_form_1 input[type=submit], .gen_form_1 input[type=button] {
	margin-bottom: 0;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 5px;
	padding: 15px 40px;
	text-decoration: none;
	background-color: var(--color2);
	display: block;
	text-align: center;
	width: max-content;
}
.gen_form_1 input[type=radio], .gen_form_1 input[type=checkbox] {
	width: auto;
	margin-right: 10px;
}
.gen_form_1 .title {
	width: 50%;
	text-align: right;
	padding: 5px 40px 0 0;
}
.gen_form_1 .value {
	width: 50%;
}

.gen_btn_1 {
	font-family: Raleway, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 5px;
	padding: 15px 40px;
	text-decoration: none;
	background-color: var(--color2);
	display: block;
	text-align: center;
	width: max-content;
	text-transform: uppercase;
}

.index_page .slider {
	height: 610px;
	overflow: hidden;
}
.index_page .slider .slider_t1 {
	height: 100%;
	background: url(pics/slider_1_bg.jpg) 50% 0 no-repeat;
	font-weight: bold;
	font-size: 26px;
	color: #FFFFFF;
}
.index_page .slider .slider_t1 .sub {
	margin: 0 auto;
	max-width: 1260px;
	padding: 70px 0 0 0;
}
.index_page .slider .slider_t1 .sub .title {
	font-size: 55px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.index_page .slider .slider_t1 .sub .img_1 {
	float: right;
	margin-left: 30px;
}
.index_page .slider .slider_t1 .sub .button_1 {
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: var(--color2);
	border-radius: 6px;
	padding: 15px 35px;
	text-transform: uppercase;
	margin: 0 10px 0 0;
	display: inline-block;
}
.index_page .slider .slider_t1 .sub .button_1:hover {
	color: #126d16;
	background-color: #FFFFFF;
}
.index_page .slider .slider_t1 .sub .nav {
	display: flex;
	justify-content: space-between;
	margin-top: 35px;
}
.index_page .slider .slider_t1 .sub .nav a {
	display: inline-block;
}
.index_page .slider .slider_t1 .sub .nav a img {
	display: block;
}
.index_page .slider .slider_t1 .sub .nav .btn a {
	margin: 0 3px;
}

.index_page .about {
	margin: 0 auto;
	max-width: 1260px;
	font-size: 15px;
	color: #333333;
	background: url(pics/index_about_1.jpg) 40px 100% no-repeat,
		url(pics/index_about_2.jpg) 90% 100% no-repeat;
	padding: 50px 0 0 0;
	min-height: 480px;
}
.index_page .about .block_1 {
	display: flex;
}
.index_page .about .title {
	font-size: 55px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	margin-right: 50px;
}
.index_page .about .title .colored {
	color: var(--color2);
}
.index_page .about .block_1 .block_1_1 {
	margin-left: 40px;
}
.index_page .about .block_1 .block_1_1 .more {
	display: block;
	text-align: right;
	margin-top: 15px;
	color: var(--color2);
	text-decoration: none;
	background: url(pics/index_about_arrow.png) 100% 3px no-repeat;
	padding: 0 30px 0 0;
}
.index_page .about .block_1 .block_1_1 .more:hover {
	text-decoration: underline;
}
.index_page .about .slogan {
	font-size: 79px;
	font-weight: bold;
	color: #dce5dc;
	text-transform: uppercase;
	padding: 20px 0 30px 370px;
}
.index_page .highlights {
	background-color: #ecf1ec;
	padding: 60px 0 45px 0;
}
.index_page .highlights .sub {
	margin: 0 auto;
	max-width: 1260px;
	font-size: 16px;
	color: #777777;
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.index_page .highlights .sub .block_1, .index_page .highlights .sub .block_2,
.index_page .highlights .sub .block_3, .index_page .highlights .sub .block_4 {
	width: 25%;
	padding: 110px 15px 0 15px;
}
.index_page .highlights .sub .block_1 {
	background: url(pics/index_hl_1.png) 50% 0 no-repeat;
}
.index_page .highlights .sub .block_2 {
	background: url(pics/index_hl_2.png) 50% 0 no-repeat;
}
.index_page .highlights .sub .block_3 {
	background: url(pics/index_hl_3.png) 50% 0 no-repeat;
}
.index_page .highlights .sub .block_4 {
	background: url(pics/index_hl_4.png) 50% 0 no-repeat;
}
.index_page .highlights .sub .title {
	font-size: 19px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.index_page .projects {
	margin: 70px auto;
	max-width: 1260px;
}
.index_page .projects .title {
	font-size: 55px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 35px;
	text-align: center;
}
.index_page .projects .title .colored {
	color: var(--color2);
}
.index_page .projects .see_all {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: var(--color2);
	border: 2px solid var(--color2);
	border-radius: 5px;
	display: block;
	width: max-content;
	margin: 0 auto;
	padding: 20px 40px;
	text-transform: uppercase;
	text-decoration: none;
}
.index_page .projects .see_all:hover {
	color: var(--color2);
	background-color: #FFFFFF;
	border: 2px solid #9dc084;
}
.index_page .projects .items {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.index_page .projects .items .item {
	width: 47%;
	margin: 0 0 35px 0;
}
.index_page .projects .items .item:hover {
	box-shadow: 0 0 8px #BBBBBB;
}
.index_page .projects .items .item .main_photo {
	margin-bottom: 14px;
	display: block;
}
.index_page .projects .items .item .main_photo img {
	width: 100%;
	display: block;
}
.index_page .projects .items .item .small_photos {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 25px;
}
.index_page .projects .items .item .small_photos a {
	width: 24%;
}
.index_page .projects .items .item .small_photos a img {
	width: 100%;
}
.index_page .projects .items .item .block_1 {
	padding: 0 19px 25px 19px;
}
.index_page .projects .items .item .block_1 .plan {
	float: right;
}
.index_page .projects .items .item .block_1 .item_title {
	font-family: RalewayMedium, Arial, sans-serif;
	font-size: 23px;
	color: #333333;
	margin-bottom: 40px;
}
.index_page .projects .items .item .block_1 .sizes {
	background: url(pics/project_sizes_1.jpg) 0 0 no-repeat;
	padding: 2px 40px 0 45px;
	display: inline-block;
}
.index_page .projects .items .item .block_1 .sizes div {
	font-size: 18px;
	border: 2px solid #9abe7f;
	border-radius: 20px;
	padding: 4px 18px 0 18px;
	width: max-content;
	height: 35px;
}
.index_page .projects .items .item .block_1 .area {
	background: url(pics/project_area_1.jpg) 0 6px no-repeat;
	padding: 0 0 0 35px;
	display: inline-block;
}
.index_page .projects .items .item .block_1 .area div {
	font-size: 18px;
	border: 2px solid #9abe7f;
	border-radius: 20px;
	padding: 2px 18px 0 18px;
	width: max-content;
	height: 35px;
}
.index_page .projects .items .item .block_1 .block_2 {
	padding-top: 25px;
	clear: right;
	display: flex;
}
.index_page .projects .items .item .block_1 .price {
	font-family: RalewayMedium, Arial, sans-serif;
	font-size: 40px;
}
.index_page .projects .items .item .block_1 .more {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	border: 2px solid #333333;
	border-radius: 5px;
	display: block;
	width: max-content;
	margin: 0 0 0 auto;
	padding: 14px 45px 0 45px;
	text-transform: uppercase;
	text-decoration: none;
}
.index_page .projects .items .item .block_1 .more:hover {
	color: #FFFFFF;
	border: 2px solid var(--color2);
	background-color: var(--color2);
}

.index_page .works {
	background-color: #F3F3F3;
	margin: 70px 0;
	padding: 80px 0 65px 0;
}
.index_page .works .title {
	font-size: 55px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	text-align: center;
}
.index_page .works .title .colored {
	color: var(--color2);
}
.index_page .works .see_all {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: var(--color2);
	border: 2px solid var(--color2);
	border-radius: 5px;
	display: block;
	width: max-content;
	margin: 0 auto;
	padding: 20px 40px;
	text-transform: uppercase;
	text-decoration: none;
}
.index_page .works .see_all:hover {
	color: var(--color2);
	background-color: #FFFFFF;
	border: 2px solid #9dc084;
}
.index_page .works .items {
	display: flex;
	justify-content: space-between;
	padding: 55px 40px 60px 40px;
	max-width: 1920px;
	margin: 0 auto;
}
.index_page .works .items .item {
	width: 30%;
	background-color: #FFFFFF;
	text-align: center;
	padding: 0 20px 35px 20px;
}
.index_page .works .items .item .item_title {
	font-size: 23px;
	font-weight: bold;
	color: #333333;
	margin-top: 25px;
}
.index_page .works .items .item .photo {
	display: block;
	aspect-ratio: 1.53;
	overflow: hidden;
	margin: 0 -20px;
}
.index_page .works .items .item .photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.index_page .works .items .item .see {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9abe7f;
	border-radius: 5px;
	display: block;
	width: max-content;
	margin: 25px auto 0 auto;
	padding: 14px 45px;
	text-transform: uppercase;
	text-decoration: none;
}

.index_page .banner_1 {
	margin: 0 auto;
	max-width: 1260px;
	border-radius: 6px;
	font-size: 27px;
	font-weight: bold;
	color: #9abe7f;
	height: 286px;
	overflow: hidden;
	background: url(pics/index_banner_1_1.jpg) 0 0 no-repeat,
		url(pics/index_banner_1_3.png) 97% 100% no-repeat var(--color1);
	padding: 45px 0 0 645px;
}
.index_page .banner_1 .title {
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.index_page .banner_1 .block_1 {
	background: url(pics/index_banner_1_2.png) 0 0 no-repeat;
	padding: 0 0 0 40px;
	margin-bottom: 20px;
}

.index_page .banner_2 {
	margin: 0 auto;
	max-width: 1260px;
	border-radius: 6px;
	font-size: 24px;
	font-weight: bold;
	color: #9abe7f;
	height: 286px;
	overflow: hidden;
	background: url(pics/index_banner_2_1.jpg) 0 0 no-repeat,
		url(pics/index_banner_2_2.png) 95% 100% no-repeat var(--color1);
	padding: 45px 0 0 645px;
}
.index_page .banner_2 .title {
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.index_page .banner_2 .more {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9abe7f;
	border-radius: 6px;
	padding: 12px 40px;
	text-decoration: none;
	text-transform: uppercase;
	float: right;
	margin: -10px 45px 0 0;
}

.contacts_page {
	margin: 0 auto;
	max-width: 1260px;
}
.contacts_page .block_1 {
	display: flex;
}
.contacts_page .map {
	width: 50%;
	margin-left: 40px;
}

.projects_page {
	margin: 0 auto;
	max-width: 1260px;
}
.projects_page .sorting_1 {
	float: right;
	margin-top: 10px;
	border: none;
	background-color: #dce5dc;
	padding: 5px 12px;
	border-radius: 3px;
}
.projects_page .projects_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.projects_page .projects_list .item {
	width: 47%;
	margin: 0 0 35px 0;
}
.projects_page .projects_list .item:hover {
	box-shadow: 0 0 8px #BBBBBB;
}
.projects_page .projects_list .item .main_photo {
	margin-bottom: 14px;
	display: block;
}
.projects_page .projects_list .item .main_photo img {
	width: 100%;
	display: block;
}
.projects_page .projects_list .item .small_photos {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 25px;
}
.projects_page .projects_list .item .small_photos a {
	width: 24%;
}
.projects_page .projects_list .item .small_photos a img {
	width: 100%;
}
.projects_page .projects_list .item .block_1 {
	padding: 0 19px 25px 19px;
}
.projects_page .projects_list .item .block_1 .plan {
	float: right;
}
.projects_page .projects_list .item .block_1 .item_title {
	font-family: RalewayMedium, Arial, sans-serif;
	font-size: 23px;
	color: #333333;
	margin-bottom: 40px;
}
.projects_page .projects_list .item .block_1 .sizes {
	background: url(pics/project_sizes_1.jpg) 0 0 no-repeat;
	padding: 2px 40px 0 45px;
	display: inline-block;
}
.projects_page .projects_list .item .block_1 .sizes div {
	font-size: 18px;
	border: 2px solid #9abe7f;
	border-radius: 20px;
	padding: 4px 18px 0 18px;
	width: max-content;
	height: 35px;
}
.projects_page .projects_list .item .block_1 .area {
	background: url(pics/project_area_1.jpg) 0 6px no-repeat;
	padding: 0 0 0 35px;
	display: inline-block;
}
.projects_page .projects_list .item .block_1 .area div {
	font-size: 18px;
	border: 2px solid #9abe7f;
	border-radius: 20px;
	padding: 2px 18px 0 18px;
	width: max-content;
	height: 35px;
}
.projects_page .projects_list .item .block_1 .block_2 {
	padding-top: 25px;
	clear: right;
	display: flex;
}
.projects_page .projects_list .item .block_1 .price {
	font-family: RalewayMedium, Arial, sans-serif;
	font-size: 40px;
}
.projects_page .projects_list .item .block_1 .more {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	border: 2px solid #333333;
	border-radius: 5px;
	display: block;
	width: max-content;
	margin: 0 0 0 auto;
	padding: 14px 45px 0 45px;
	text-transform: uppercase;
	text-decoration: none;
}
.projects_page .projects_list .item .block_1 .more:hover {
	color: #FFFFFF;
	border: 2px solid var(--color2);
	background-color: var(--color2);
}

.our_works_page {
	margin: 0 auto -50px auto;
	max-width: 1260px;
}
.our_works_page .works_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.our_works_page .works_list .item {
	width: 47%;
	margin: 0 0 50px 0;
	background-color: #F3F3F3;
	padding: 40px;
	text-align: center;
}
.our_works_page .works_list .item .item_title {
	font-size: 23px;
	font-weight: bold;
	color: #333333;
	margin-top: 25px;
}
.our_works_page .works_list .item .photo {
	display: block;
	aspect-ratio: 1.53;
	overflow: hidden;
	margin: -40px -40px 0 -40px;
}
.our_works_page .works_list .item .photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.our_works_page .works_list .item .see {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9abe7f;
	border-radius: 5px;
	display: block;
	width: max-content;
	margin: 25px auto 0 auto;
	padding: 14px 45px;
	text-transform: uppercase;
	text-decoration: none;
}

.project_page_1 h1 {
	margin: 0 auto;
	max-width: 1260px;
}
.project_page_1 .section_1 {
	background-color: #ecf1ec;
	margin-top: 28px;
	padding: 50px 0 60px 0;
}
.project_page_1 .section_1 .sub {
	margin: 0 auto;
	max-width: 1260px;
	display: flex;
}
.project_page_1 .section_1 .sub .block_1 {
	width: 870px;
	margin-right: 25px;
	flex-shrink: 0;
}
.project_page_1 .section_1 .sub .block_1 .main_photo {
}
.project_page_1 .section_1 .sub .block_1 .main_photo img {
	display: block;
	width: 100%;
}
.project_page_1 .section_1 .sub .block_1 .other_photos {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.project_page_1 .section_1 .sub .block_1 .other_photos a {
	margin-top: 20px;
	width: 425px;
}
.project_page_1 .section_1 .sub .block_1 .other_photos a img {
	display: block;
	width: 100%;
}
.project_page_1 .section_1 .sub .block_2 {
	flex-grow: 1;
}
.project_page_1 .section_1 .sub .block_2 .block_2_1 {
	background-color: #FFFFFF;
	padding: 30px 40px 40px 40px;
	font-family: RalewayMedium, Arial, sans-serif;
	font-size: 15px;
	color: #999999;
	text-transform: uppercase;
}
.project_page_1 .section_1 .sub .block_2 .block_2_1 h2 {
	font-family: RalewayMedium, Arial, sans-serif;
	font-size: 25px;
	color: #333333;
	margin: 0;
	padding: 0;
	text-transform: none;
}
.project_page_1 .section_1 .sub .block_2 .block_2_1 .title {
	margin: 30px 0 10px;
}
.project_page_1 .section_1 .sub .block_2 .block_2_1 .sizes {
	background: url(pics/project_sizes_1.jpg) 0 0 no-repeat;
	padding: 2px 40px 0 45px;
}
.project_page_1 .section_1 .sub .block_2 .block_2_1 .sizes div {
	font-family: Raleway, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	border: 2px solid #9abe7f;
	border-radius: 20px;
	padding: 3px 25px 0 25px;
	width: max-content;
	height: 35px;
}
.project_page_1 .section_1 .sub .block_2 .block_2_1 .area {
	background: url(pics/project_area_1.jpg) 0 6px no-repeat;
	padding: 0 0 0 45px;
}
.project_page_1 .section_1 .sub .block_2 .block_2_1 .area div {
	font-family: Raleway, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	border: 2px solid #9abe7f;
	border-radius: 20px;
	padding: 0 25px 0 25px;
	width: max-content;
	height: 35px;
}
.project_page_1 .section_1 .sub .block_2 .block_2_1 .price {
	font-family: RalewayMedium, Arial, sans-serif;
	font-size: 30px;
	color: #333333;
}
.project_page_1 .section_1 .sub .block_2 .block_2_1 .order {
	font-family: Raleway, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 5px;
	padding: 20px 10px;
	text-decoration: none;
	background-color: var(--color2);
	display: block;
	margin-top: 45px;
	text-align: center;
}
.project_page_1 .section_1 .sub .block_2 .block_2_2 {
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	text-transform: uppercase;
}
.project_page_1 .section_1 .sub .block_2 .item_1 {
	margin-top: 60px;
	background: url(pics/project_hl_1.png) 50% 0 no-repeat;
	padding-top: 75px;
}
.project_page_1 .section_1 .sub .block_2 .item_2 {
	margin-top: 60px;
	background: url(pics/project_hl_2.png) 50% 0 no-repeat;
	padding-top: 65px;
}                                              
.project_page_1 .section_1 .sub .block_2 .item_3 {
	margin-top: 60px;
	background: url(pics/project_hl_3.png) 50% 0 no-repeat;
	padding-top: 65px;
}
.project_page_1 .section_2 {
	margin: 0 auto;
	max-width: 1260px;
	padding: 45px 0 30px 0;
}
.project_page_1 .section_2 h2 {
	font-family: Raleway, Arial, sans-serif;
	font-size: 55px;
	font-weight: bold;
	color: #333333;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
}
.project_page_1 .section_2 h2 .colored {
	color: var(--color2);
}
.project_page_1 .section_2 .plan {
	display: block;
	margin: 40px auto 75px auto;
	max-width: 100%;
}
.project_page_1 .section_2 .links {
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}
.project_page_1 .section_2 .links a {
	text-decoration: none;
	color: #333333;
	border: 2px solid #333333;
	border-radius: 5px;
	padding: 15px 37px;
}
.project_page_1 .section_2 .links a.act {
	text-decoration: none;
	color: #FFFFFF;
	border: 2px solid var(--color2);
	background-color: var(--color2);
}
.project_page_1 .section_3 {
	background-color: #F7F7F7;
	padding: 30px 0 50px 0;
}
.project_page_1 .section_3 .sub {
	margin: 0 auto;
	max-width: 1260px;
	color: #333333;
}
.project_page_1 .section_3 .sub .prj_descr_header {
	font-size: 25px;
	font-weight: bold;
	padding: 25px 0 15px 0;
	cursor: pointer;
	border-bottom: 1px solid #CCCCCC;
	background: url(pics/project_descr_arrow_2.png) 100% 50% no-repeat;
}
.project_page_1 .section_3 .sub .prj_descr_header_active {
	border: none;
	background: url(pics/project_descr_arrow_1.png) 100% 50% no-repeat;
}
.project_page_1 .section_3 .sub .prj_descr_content {
	font-size: 18px;
	color: #333333;
	background-color: #FFFFFF;
	box-shadow: 0 0 8px #BBBBBB;
	padding: 50px 60px;
}

.project_page_1 .works {
	background-color: #F3F3F3;
	padding: 80px 0 65px 0;
}
.project_page_1 .works .title {
	font-size: 55px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	text-align: center;
}
.project_page_1 .works .title .colored {
	color: var(--color2);
}
.project_page_1 .works .see_all {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: var(--color2);
	border: 2px solid var(--color2);
	border-radius: 5px;
	display: block;
	width: max-content;
	margin: 0 auto;
	padding: 20px 40px;
	text-transform: uppercase;
	text-decoration: none;
}
.project_page_1 .works .see_all:hover {
	color: var(--color2);
	background-color: #FFFFFF;
	border: 2px solid #9dc084;
}
.project_page_1 .works .items {
	display: flex;
	justify-content: space-between;
	padding: 55px 40px 60px 40px;
	max-width: 1920px;
	margin: 0 auto;
}
.project_page_1 .works .items .item {
	width: 30%;
	background-color: #FFFFFF;
	text-align: center;
	padding: 0 20px 35px 20px;
}
.project_page_1 .works .items .item .item_title {
	font-size: 23px;
	font-weight: bold;
	color: #333333;
	margin-top: 25px;
}
.project_page_1 .works .items .item .photo {
	display: block;
	margin: 0 -20px;
}
.project_page_1 .works .items .item .photo img {
	display: block;
	width: 100%;
}
.project_page_1 .works .items .item .see {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9abe7f;
	border-radius: 5px;
	display: block;
	width: max-content;
	margin: 25px auto 0 auto;
	padding: 14px 45px;
	text-transform: uppercase;
	text-decoration: none;
}

.our_work_page_1 {
	margin: 0 auto;
	max-width: 1260px;
}
.our_work_page_1 .photos {
	display: flex;
	margin: 30px 0 40px 0;
}
.our_work_page_1 .photos a {
	width: 19%;
	margin-right: 20px;
}
.our_work_page_1 .photos a img {
	max-width: 100%;
}
.our_work_page_1 .order, .our_work_page_1 .see_project {
	font-family: Raleway, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	border: 2px solid var(--color2);
	border-radius: 5px;
	padding: 15px 40px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: var(--color2);
	display: inline-block;
	text-align: center;
}
.our_work_page_1 .see_project {
	color: #333333;
	background-color: var(--color2);
	border: 2px solid #333333;
	background-color: #FFFFFF;
}

.banner_type_1 {
	max-width: 1920px;
	margin: 0 auto;
	font-size: 20px;
	color: #FFFFFF;
	background-color: var(--color2);
}
.banner_type_1 .sub {
	margin: 0 auto;
	max-width: 1260px;
	display: flex;
	justify-content: space-between;
	height: 385px;
}
.banner_type_1 .block_1 {
	background: url(pics/banner_t1_bg_1.jpg) 100% 0 no-repeat;
	height: 100%;
	padding: 120px 70px 0 70px;
}
.banner_type_1 .block_1 .title {
	font-size: 40px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 20px;
}
.banner_type_1 .block_2 {
	background: url(pics/banner_t1_1.jpg) 60px 110px no-repeat;
	flex-grow: 1;
}
.banner_type_1 .block_2 .btn {
	font-size: 16px;
	font-weight: bold;
	color: var(--color2);
	background-color: #FFFFFF;
	text-decoration: none;
	border-radius: 6px;
	padding: 20px 40px;
	text-transform: uppercase;
	display: block;
	width: max-content;
	margin: 170px 0 0 auto;
}

#modal_window {
	position: fixed;
	display: none;
	top: 120px;
	left: 0;
	width: 900px;
	padding: 50px;
	box-shadow: 0 0 20px #333333;
	background-color: #FFFFFF;
	color: #000000;
	z-index: 500;
}

#modal_overlay {
	display: none;
	background-color: #000000;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	top: 0;
	position: fixed;
}

#type1-big-photo {
	border: none;
	padding: 0;
	position: fixed;
	box-shadow: 0 0 8px #222222;
}
#type1-big-photo img {
	display: block;
	max-width: 100%;
}         
#type1-big-photo::backdrop {
	background-color: #000000;
	opacity: 0.3;
}

.callback_request_window, .order_project_window {
	text-align: center;
}
.callback_request_window h2, .order_project_window h2 {
	margin-top: 0;
}
.callback_request_window .res_mes, .order_project_window .res_mes {
	flex-grow: 1;
}
.callback_request_window .res_mes input[type=button], .order_project_window .res_mes input[type=button] {
	margin: 40px auto 0 auto;
	font-size: 14px;
	color: #333333;
	border: 2px solid #333333;
	border-radius: 5px;
	background-color: #FFFFFF;
}