.outsource__banner{
	color: #FFF;
	background: url(img/banner.jpg) no-repeat center top;
	background-size: cover;
	min-height: 500px;
	padding: 100px 80px;
}

.button.button__angled{
	position: relative;
	padding: 0;

}

.button.white.button__angled:hover{
	background: #fff3eb;
  	color: #e8550d;
}

.button__angled span{
	padding: 15px;
	position: relative;
	display: inline-block;
}

.button__angled:before, .button__angled:after, .button__angled span:before, .button__angled span:after{
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  background: url("img/angle.svg") no-repeat left top;
  background-size: cover;
}

.button__angled:before {
  top: 0px;
  left: 0px;
  transform: rotate(270deg);
} 

.button__angled:after {
  bottom: 0px;
  right: 0px;
  transform: rotate(90deg);
}

.button__angled span:before {
  top: 0px;
  right: 0px;
} 

.button__angled span:after {
  bottom: 0px;
  left: 0px;
  transform: rotate(180deg);
}

.button__angled.white:before, .button__angled.white:after, .button__angled.white span:before, .button__angled.white span:after{
	background: url("img/angle-orange.svg") no-repeat left top;
}


.very-bad-designer{
	background: url(img/what-is-bg.jpg) no-repeat right top;
	background-size: cover;
	min-height: 500px;
	padding: 40px 80px;
}

.very-bad-designer__inner{
	background: url(img/what-is-white-bg.png) no-repeat right top;
	background-size: cover;
	min-height: 440px;
	position: relative;
	border-radius: 30px;
}

.very-bad-designer__inner:before{
	content: '';
	position: absolute;
	left: -10px;
	bottom: -30px;
	background: url(img/zachem-tut-broccoli.png) no-repeat left top;
	width: 200px;
	height: 200px;
}
.very-bad-designer__el{
	background: url(img/what-is-el-bg.png) no-repeat left top;
	width: 280px;
	height: 66px;
	background-size: cover;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
}
.very-bad-designer__el_1{
	left: 50%;
	margin-left: -295px;
	top: 40px;
}
.very-bad-designer__el_2{
	right: 50%;
	left: auto;
	margin-right: -295px;
	top: 40px;
}
.very-bad-designer__el_3{
	right: 40px;
	left: auto;
	top: 180px;
}
.very-bad-designer__el_4{
	right: 50%;
	left: auto;
	top: auto;
	margin-right: -295px;
	bottom: 40px;
}
.very-bad-designer__el_5{
	left: 50%;
	margin-left: -295px;
	bottom: 40px;
	top: auto;
}
.very-bad-designer__el_6{
	left: 40px;
	top: 180px;
}

.very-bad-designer__el_1:after{
	content: '';
	position: absolute;
	right: -27px;
	top: 50%;
	margin-top: -3.5px;
	width: 24px;
	height: 7px;
	background: url(img/arrow-1.svg);
	background-size: cover;
}

.very-bad-designer__el_2:after{
	content: '';
  	position: absolute;
  	left: 135px;
  	bottom: -113px;
  	width: 54px;
  	height: 107px;
  	background: url(img/arrow-2.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.very-bad-designer__el_3:after{
content: '';
  position: absolute;
  right: 140px;
  bottom: -123px;
  width: 54px;
  height: 107px;
  background: url(img/arrow-3.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.very-bad-designer__el_4:after{
	content: '';
	position: absolute;
	left: -27px;
	top: 50%;
	margin-top: -3.5px;
	width: 24px;
	height: 7px;
	background: url(img/arrow-1.svg);
	background-size: cover;
}

.very-bad-designer__el_5:after{
  content: '';
  position: absolute;
	right: 135px;
  top: -120px;
  width: 54px;
  height: 107px;
  background: url(img/arrow-4.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.very-bad-designer__el_6:after{
  content: '';
  position: absolute;
  right: 85px;
  top: -110px;
  width: 54px;
  height: 107px;
  background: url(img/arrow-5.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.cornered-block{
	position: relative;
	background-color: #e8550d;
	color: #FFF;
	height: 100%;
}
.cornered-block_green{
	position: relative;
	background-color: #1A8947;
	color: #FFF;
}

.cornered-block__inner{
	padding: 80px 20px;
	position: relative;
	height: 100%;
}

.cornered-block:before, .cornered-block:after, .cornered-block__inner:before, .cornered-block__inner:after{
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  background: url("img/angle-black.svg") no-repeat left top;
  background-size: cover;
}

.cornered-block:before {
  top: 0px;
  left: 0px;
  transform: rotate(270deg);
} 

.cornered-block:after {
  bottom: 0px;
  right: 0px;
  transform: rotate(90deg);
}

.cornered-block__inner:before {
  top: 0px;
  right: 0px;
} 

.cornered-block__inner:after {
  bottom: 0px;
  left: 0px;
  transform: rotate(180deg);
}

.outsource__form{
	background: url(img/form-bg.jpg) no-repeat left top;
	background-size: cover;
	padding: 40px 80px 20px;
}
.outsource__form-title{
	font-family: 'Rothek', sans-serif;
	font-size: 40px;
	background: rgba(0,0,0,.5);
	color: #FFF;
	padding: 15px 30px;
	font-weight: bold;
    line-height: 1.1em;
    text-transform: uppercase;
}

.outsource__problem{
	position: relative;
	height: 100%;
	padding: 30px;
	border: 1px solid #7f7f7f;
	border-bottom: 3px solid #7f7f7f;
	border-radius: 5px;
}
.outsource__problem_top-dot:after{
	content: '';
	width: 76px;
	height: 17px;
	background: url(img/weird-dots.svg) no-repeat left top;
	position: absolute;
	right: -48px;
	top: 10px;
}
.outsource__problem_bottom-dot:after{
	content: '';
	width: 76px;
	height: 17px;
	background: url(img/weird-dots.svg) no-repeat left top;
	position: absolute;
	right: -48px;
	bottom: 10px;
}
.outsource__numbers{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
    row-gap: 30px;
    column-gap: 20px;
}
.outsource__numbers-el{
	text-align: center;
}
.outsource__number{
	font-family: 'Rothek', sans-serif;
	font-size: 33px;
	font-weight: bold;
	color: #E8550D;
	width: 55px;
	height: 51px;
	display: inline-block;
	background: url("img/numbers-bg.svg") no-repeat left top;
	background-size: contain;
	text-align: center;
	margin-bottom: 15px;
}



@media (max-width: 1280px){
	.very-bad-designer{
		padding: 20px;
	}
	.very-bad-designer__inner{
		background: #FFF;
		border-radius: 10px;
		background-image: none;
		padding: 20px;
	}
	.very-bad-designer__inner:before{
		display: none;
	}
	.very-bad-designer__el{
		position: relative;
		max-width: 100%;
		margin: 30px auto;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		background-size: contain;
	}

	.very-bad-designer__el_1:after,.very-bad-designer__el_2:after,.very-bad-designer__el_3:after,.very-bad-designer__el_4:after,.very-bad-designer__el_5:after{
		right: auto;
		top: auto;
		bottom: -27px;
		left: 50%;
		margin-left: -3.5px;
		width: 7px;
		height: 24px;
		background: url(img/arrow-sm.svg);
		background-size: contain;
	}
	.very-bad-designer__el_6:after{
		display: none;
	}
}

@media (max-width: 992px){
	.outsource__banner{
		padding: 20px;
	}
	.outsource__advantage{
		max-width: 100%;
	}
	.outsource__advantage + p{
		font-size: .75em;
	}
	.outsource__advantage + p br{
		display: none;
	}
	.cornered-block__inner{
		padding: 20px;
	}
	.outsource__form{
		padding: 20px;
	}
	.outsource__form-title{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.outsource__problem{
		padding: 20px;
	}
	.outsource__problem_top-dot:after,.outsource__problem_bottom-dot:after{
		display: none;
	}
	.outsource__problem:before{
		content: '';
		width: 12px;
		height: 57px;
		background: url(img/weird-dots_sm.svg) no-repeat left top;
		position: absolute;
		right: 10px;
		bottom: -37px;
	}
	.outsource__problem_no-dot:before{
		display: none;
	}

	.outsource__numbers{
		display: grid;
		grid-template-columns: 1fr;

	}
	.outsource__number{
		margin-bottom: 0;
		margin-right: 15px;
	}
	.outsource__numbers-el{
		text-align: left;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.outsource__numbers-el p{
		margin-bottom: 0;
		width: 260px;
	}
	.outsource__numbers-el br{
		display: none;
	}
}