.first-screen{
	background-image: url(../images/house/fs_bg_home-o.jpg);
}
.first-screen .section-board{
	padding: 30px;
}
.first-screen .section-board_title{
	padding: 0 15px 15px;
}
.sbf-subtitle{
	padding: 15px 15px 0;
}
.works-example{
	padding: 60px 0 120px;
	background: #fff;
	background-size: cover;
}
.works-example .section-title{
	text-align: center;
	margin-bottom: 49px;
}
.works-example-wrap{
	margin: 0 -15px;
}
.works-example-wrap .item{
	padding: 0 15px;
}
.works-example-wrap .item .item-img img{
	display: block;
	width: 100%;
	height: 400px;
	object-position: center;
	object-fit: cover;
}
.works-example-wrap .item .item-bottom{
	width: calc(100% - 20px);
	max-width: 370px;
	background: #fff;
	padding: 17px 50px 33px;
	margin-top: -95px;
	position: relative;
}
.works-example-wrap .item .item-link{
	font-family: 'LatoBold';
	font-size: 19px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	color: #000000;
	text-decoration: none;
	display: block;
	margin-bottom: 40px;
	position: relative;
}
.works-example-wrap .item .item-link:before{
	position: absolute;
	width: 13px;
	height: 22px;
	top: 0;
	left: -5px;
	background: transparent url(../images/flat2/pc/yell-bg.svg) center no-repeat;
	display: block;
	content: '';
	z-index: 1;
}
.works-example-wrap .item .item-link span{
	z-index: 2;
	position: relative;
}
.works-example-wrap .item .item-bottom-preim{
	display: flex;
	align-items: center;
	max-width: 240px;
	margin: 0 auto 7px;
	font-size: 20px;
	line-height: 1.3;
}
.works-example-wrap .item .item-bottom-preim img{
	margin-right: 13px;
}
.works-example-wrap .item .btn-transparent{
	height: 49px;
	display: flex;
	max-width: 255px;
	margin: 18px auto 0;
	font-size: 18px;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.works-example-wrap .item .btn-transparent:hover{
	color: #fff;
	background: #e84635;
}
.works-example-wrap .slick-dots{
	bottom: -70px;
}
.works-example-wrap .carousel_prev{
	width: 30px;
	height: 37px;
	bottom: unset;
	top: 200px;
	left: 10px;
	background: transparent url(../images/flat2/pc/prev-grey.svg) center no-repeat;
}
.works-example-wrap .carousel_prev:hover{
	background: transparent url(../images/flat2/pc/prev-white.svg) center no-repeat;
}
.works-example-wrap .carousel_next{
	width: 30px;
	height: 37px;
	bottom: unset;
	top: 200px;
	right: 10px;
	background: transparent url(../images/flat2/pc/next-grey.svg) center no-repeat;
}
.works-example-wrap .carousel_next:hover{
	background: transparent url(../images/flat2/pc/next-white.svg) center no-repeat;
}

.how-we-work{
	padding: 80px 0 63px;
}
.how-we-work .section-title{
	margin-bottom: 35px;
	text-align: center;
}
.how-we-work .items{
	margin: 0 -5px 0 0;
	display: flex;
	align-items: stretch;
	position: relative;
}
.how-we-work .items-icons-img{
	position: absolute;
    top: calc(50% - 28px);
    width: 100%;
    height: 56px;
    align-items: center;
    display: flex;
}
.how-we-work .items-icons-img img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.how-we-work .items-col{
	width: 25%;
	margin-right: 5px;
	padding: 30px 16px;
	display: flex;
	flex-direction: column;
}
.how-we-work .items-col:last-of-type .item:last-of-type{
	text-align: right;
}
.how-we-work .items-col:last-of-type .item:last-of-type h4{
	margin: 0 0 0 auto;
}
.how-we-work .items-col:nth-child(3) .item:last-of-type{
	position: relative;
	left: 37px;
}
.how-we-work .items-col:nth-child(4) .item:first-of-type{
	position: relative;
	left: 37px;
}
.how-we-work .items-col:nth-child(4) .item:last-of-type{
	position: relative;
	left: 70px;
}
.how-we-work .items-col:nth-child(5) .item:first-of-type{
	position: relative;
	left: 55px;
}
.how-we-work .items-top{
	border: 1px solid #008F87;
	position: relative;
}
.how-we-work .items-top span{
	background: #00BFAF;
	border-radius: 20px;
	font-weight: 'LatoBold';
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 1px 7px;
	display: block;
	width: 100px;
	position: absolute;
	top: -11px;
	right: 35px;
}
.how-we-work .item{
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 50%;
}
.how-we-work .item:first-of-type{
	margin-bottom: 110px;
}
.how-we-work .item:last-of-type{
	margin: 0 0 0 auto;
}
.how-we-work .item-content h4{
	font-size: 14px;
	line-height: 17px;
	padding-bottom: 2px;
	text-transform: uppercase;
	color: #027F75;
	position: relative;
	margin-bottom: 8px;
	max-width: 100%;
	width: max-content;
	padding-left: 5px;
	font-family: 'LatoBold';
}
.how-we-work .item-content h4:before{
	height: 10px;
	width: 100%;
	-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);
	background: #FFF383;
	position: absolute;
	bottom: 3px;
	left: -2px;
	display: block;
	content: '';
	z-index: -1;
}
.how-we-work .item-content p{
	font-size: 16px;
	line-height: 20px;
}
.how-we-work .item:last-of-type .item-img:before{
	display: none;
}
.work-example-modal{
	display: block !important;
	pointer-events: none;
	z-index: -1;
}
.work-example-modal.show{
	pointer-events: all;
	z-index: 1050;
}
.work-example-modal .modal-dialog{
	max-width: 1170px;
}
.work-example-modal .modal-content{
	display: block;
}
.work-example-modal .modal-header{
	width: 100%;
	padding: 15px 0;
	background: #fff;
	text-align: center;
}
.work-example-modal .modal-header .close{
	right: 15px;
}
.work-example-modal .modal-header h2{
	color: #000000;
	font: 32px/40px LatoBold;	
	text-align: center;
}
.work-example-modal .modal-body{
	width: 100%;
	padding: 0 0 45px;
}
.works-example-modal-top .carousel_prev,
.works-example-modal-top .carousel_next,
.works-example-modal-top .slick-dots{
	display: none !important;
}
.works-example-modal-top{
	padding: 33px 15px;
	background: transparent url(../images/flat2/pc/works-example-modal-bg.jpg) center no-repeat;
	background-size: cover;
}
.works-example-modal-slider-wrapper{
	max-width: 880px;
	display: flex;
	margin: 0 auto 28px;
}
.works-example-modal-slider{
	width: 685px;
	margin-right: 22px;
	top: -10px;
}
.works-example-thumb-slider{
	width: 173px;
	position: relative;
	top: -10px;
}
.works-example-modal-slider .item-img{
	padding: 15px;
	background: #fff;
}
.works-example-modal-slider .item-img img{
	max-width: 100%;
}
.works-example-thumb-slider .thumb-item{
	padding: 8px 0;
	position: relative;
	height: 158px;
}
.works-example-thumb-slider .thumb-item .item-img{
	height: 100%;
}
.works-example-thumb-slider .thumb-item:before{
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	border: 6px solid transparent;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
.works-example-thumb-slider .thumb-item.slick-current:before{
	border: 6px solid #00BFAF;
}
.works-example-thumb-slider .thumb-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.works-example-modal-preim{
	display: flex;
	max-width: 845px;
	margin: 0 auto;
	justify-content: space-between;
}
.works-example-modal-preim .item{
	padding-left: 50px;
	position: relative;
	text-align: left;
}
.works-example-modal-preim .item img{
	position: absolute;
	width: 45px;
	left: 0;
	top: calc(50% - 23px);
}
.works-example-modal-preim .item span{
	font-size: 16px;
	line-height: 20px;
	display: block;
	margin-bottom: 8px;
	color: #FFFFFF;
	font-family: 'LatoRegular';
}
.works-example-modal-preim .item p{
	font-size: 20px;
	line-height: 26px;
	color: #000000;
	font-family: 'LatoRegular';
}
.works-example-modal-content{
	padding: 30px 0 45px;
}
.works-example-modal-content h2{
	font-family: 'LatoBold';
	font-size: 20px;
	line-height: 26px;
	color: #000000;
	margin-bottom: 18px;
}
.works-example-modal-content .items{
	max-width: 880px;
	margin: 0 auto;
	padding: 20px 0 22px;
	display: flex;
	align-items: stretch;
	justify-content: center;
	border: 1px dashed #C8C6C8;
	border-left: none;
	border-right: none;
}
.works-example-modal-content .items ul{
	width: 356px;
	margin: 18px;
}
.works-example-modal-content .items ul li{
	position: relative;
	text-align: left;
	padding-left: 17px;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 6px;
	color: #000000;
}
.works-example-modal-content .items ul li:before{
	width: 6px;
	height: 6px;
	border-radius: 90px;
	background: #00BFAF;
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: calc(50% - 3px);
}
.work-example-modal .modal-body .btn{
	max-width: 400px;
	font-size: 18px;
	align-items: center;
	display: flex;
	justify-content: center;
}

@media (max-width: 1349px){

	.how-we-work .items-col:nth-child(5) .item:first-of-type{
		width: 160px
	}
	.works-example-wrap .item .item-bottom{
		padding: 17px 40px 33px;
	}
}

@media (max-width: 991px){

	.how-we-work .item{
		position: unset !important;
		width: 100% !important
	}
	.how-we-work .items{
		margin: 0
	}
	.how-we-work .item:first-of-type{
		margin-bottom: 30px !important
	}
	.how-we-work .items-icons-img{
		display: none
	}
	.how-we-work .item-content p{
		height: 80px
	}
	.work-example-modal .modal-header h2{
		font: 30px/36px LatoBold;
	}
	.works-example-thumb-slider{
		display: none
	}
	.works-example-modal-slider{
		margin: 0 auto
	}
	.works-example-modal-preim .item span{
		margin-bottom: 4px
	}
	.works-example-modal-preim .item p{
		font-size: 16px;
		line-height: 20px;
	}
}
.action-fixed{
	display: none;
}