section#configurator {
	margin-top: 3rem;
	background-image: none;
	background-color: #fff;
}
section#configurator .row {
	padding: 2rem 0;
	text-align: center;
}
section#configurator h2 {
	margin-bottom: 40px;
	font-weight: 400;
	color: #4e5864;
}
section#configurator h3 {
	margin: 20px 0 0 0;
	padding: 0;
	height: 35px;
	font-size: 16px;
	font-weight: 300;
	color: #4e5864;
}
section#configurator h3 span {
	font-weight: 400;
	text-transform: uppercase;
}
section#configurator .case_img,
section#configurator .dial_img,
section#configurator .strap_img {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #fff;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
section#configurator .case_img {
	width: 113px;
	height: 113px;
	background-size: 141px 179px;
	background-position: center -19px;
	border-radius: 100%;
}
section#configurator.configurator_gronograaf .case_img,
section#configurator.configurator_tanfana .case_img {
	width: 240px;
	height: 240px;
	background-size: 210px 334px;
	background-position: center -32px;
	border-radius: 100%;
}
section#configurator.configurator_deltaworks .case_img {
	/* width: 240px;
	height: 240px;
	background-size: 210px 334px;
	background-position: center -32px;
	border-radius: 100%; */
	margin: 0 5px;
	width: 115px;
	height: 115px;
	background-size: 98px 98px;
	/* background-position: -45px -53px; */
	background-position: center;
	border-radius: 100%;
}

section#configurator .dial_img {
	margin: 0 5px;
	width: 115px;
	height: 115px;
	background-size: 207px 265px;
	background-position: -45px -53px;
	border-radius: 100%;
}
section#configurator.configurator_deltaworks .dial_img {
	margin: 0 5px;
	width: 115px;
	height: 115px;
	background-size: 129px 205px;
	background-position: -3px -36px;
	border-radius: 100%;
}
section#configurator .strap_img {
	margin: 0 0 -7px 0;
	width: 78px;
	height: 78px;
	line-height: 0;
	background-size: 58px 58px;
	border-radius: 100%;
}
section#configurator .case_img.active,
section#configurator .dial_img.active,
section#configurator .strap_img.active {
	-webkit-box-shadow: inset 0px 0px 12px -2px rgba(0,0,0,.55);
	-moz-box-shadow: inset 0px 0px 12px -2px rgba(0,0,0,.55);
	box-shadow: inset 0px 0px 12px -2px rgba(0,0,0,.55);
	border: 1px solid #fff !important;
}
section#configurator .case_img:hover,
section#configurator .dial_img:hover,
section#configurator .strap_img:hover {
	border: 1px solid #fe760e;
}

section#configurator .result_imgs {
	position: relative;
	margin: 0 auto;
	width: 100%;
}
section#configurator .result_img {
	position: absolute;
	top: 0;
}
section#configurator .result_img img {
	width: 100%;
	max-width: none;
}
section#configurator .result_front,
section#configurator .result_back1,
section#configurator .result_back2,
section#configurator .result_back3,
section#configurator .result_back4,
section#configurator .backbullets {
	display: none;
}
section#configurator .result_side {
	display: block;
	/* border-bottom: 1px solid #4e5864; */
}
section#configurator .perspectivebutton,
section#configurator .frontbutton,
section#configurator .backbutton {
	display: inline-block;
	margin: 50px 14px 20px 14px;
	font-weight: 300;
	font-size: 2.4rem;
	line-height: 4.1rem;
	color: #7a7a7a;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
section#configurator .perspectivebutton.active,
section#configurator .frontbutton.active,
section#configurator .backbutton.active {
	text-decoration: underline;
	color: #181818;
	cursor: default;
}
section#configurator .perspectivebutton:hover,
section#configurator .frontbutton:hover,
section#configurator .backbutton:hover {
	color: #181818;
}
section#configurator .backbullets {
	position: absolute;
	margin: -35px 0 0 -56px;
	left: 50%;
}
section#configurator .backbullets .backbullet1,
section#configurator .backbullets .backbullet2,
section#configurator .backbullets .backbullet3,
section#configurator .backbullets .backbullet4 {
	display: inline-block;
	margin: 0 10px;
	width: 15px;
	height: 15px;
	background: #c4c4c4;
	border-radius: 100%;
	cursor: pointer;
}
section#configurator .backbullets .backbullet1.active,
section#configurator .backbullets .backbullet2.active,
section#configurator .backbullets .backbullet3.active,
section#configurator .backbullets .backbullet4.active {
	background: #fe760e;
}
section#configurator .hide_great_768 {
	margin-bottom: 20px;
	font-size: 33px;
	text-transform: uppercase;
	display: none;
}
@media only screen and (max-width : 1140px) {
	section#configurator .strap_img {
		width: 65px;
		height: 65px;
		background-size: 45px 45px;
	}
}
@media only screen and (max-width : 960px) {
	section#configurator .hide_960 {
		display: none;
	}
	section#configurator .case_img {
		width: 83px;
		height: 83px;
		background-size: 100px 127px;
		background-position: center -13px;
	}
	section#configurator .dial_img {
		margin: 0;
		width: 83px;
		height: 83px;
		background-size: 145px 186px;
		background-position: -31px -36px;
	}
	section#configurator .strap_img {
		width: 78px;
		height: 78px;
		background-size: 58px 58px;
	}
	section#configurator .perspectivebutton,
	section#configurator .frontbutton,
	section#configurator .backbutton {
		margin: 50px 8px 20px 8px;
		font-size: 2rem;
	}
@media only screen and (max-width : 768px) {
	section#configurator .perspectivebutton,
	section#configurator .frontbutton,
	section#configurator .backbutton {
		margin: 30px 14px 20px 14px;
		font-size: 2.4rem;
	}
	section#configurator .hide_great_768 {
		display: block;
	}
}
@media only screen and (max-width : 600px) {
	section#configurator .strap_img {
		width: 65px;
		height: 65px;
		background-size: 45px 45px;
	}
}
@media only screen and (max-width : 480px)
	section#configurator .strap_img {
		width: 78px;
		height: 78px;
		background-size: 58px 58px;
	}
	section#configurator .perspectivebutton,
	section#configurator .frontbutton,
	section#configurator .backbutton {
		margin: 30px 4px 20px 4px;
		font-size: 1.9rem;
	}
}