.portfolio_screenshot {
	position: relative;
}
.portfolio_screenshot .color_picker {
	display: block;
	position: absolute;
	bottom: 125px;
	left: 50%;
	margin-left: -435px;
}
.portfolio_screenshot .color_picker > button {
	cursor: pointer;
	opacity: 0;
	position: absolute;
	height: 50px;
	width: 50px;
	top: 10px;
}
.portfolio_screenshot .color_picker > button[data-pseudo="for_scout-1"] {
	left: 6px;
}
.portfolio_screenshot .color_picker > button[data-pseudo="for_scout-2"] {
	left: 76px;
}
.portfolio_screenshot .color_picker > button[data-pseudo="for_scout-3"] {
	left: 146px;
}
.portfolio_screenshot .color_picker > button[data-pseudo="for_scout-4"] {
	left: 216px;
}
.portfolio_screenshot .color_picker > button[data-pseudo="for_scout-5"] {
	left: 286px;
}
.portfolio_screenshot .color_picker > .selector {
	border: 2px solid red;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 5px;
	left: 2px;
	height: 55px;
	width: 55px;
	-webkit-transition: left 1s cubic-bezier(0.77, 0, 0.175, 1);
	transition: left 1s cubic-bezier(0.77, 0, 0.175, 1);
	z-index: 1;
}

.switcher.portfolio_screenshot .switch_screenshot.fading {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.switcher.portfolio_screenshot .color_picker,
.switcher.portfolio_screenshot .descr {
	z-index: 2;
}
.switcher.portfolio_screenshot .descr {
	position: relative;
}