* {
	padding: 0;
	margin: 0;
	outline: 0;
}

html, body {
	overflow: hidden;
	height: 100%;
}

.iframe-holder {
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: auto;
}

/*noinspection CssInvalidPropertyValue*/
body.mobile-portrait .iframe-holder {
	/*width: 375px;*/
	width: 377px;
	/*padding: 104px 0 0 0;*/
	/*padding: 29px 0 0 0;*/
	margin-top: 29px;
	background-color: #000;
	border-radius: 40px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

/*noinspection CssInvalidPropertyValue*/
body.mobile-portrait .iframe-holder iframe {
	overflow: hidden;
	border: none;
}

#outer {
	position: absolute;
	left: 20px;
	top: 20px;
	right: 20px;
	bottom: 20px;
}

#wrap {
	width: 547px;
	height: 925px;
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-o-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition: all 500ms ease-in-out !important;
	-moz-transition: all 500ms ease-in-out !important;
	-o-transition: all 500ms ease-in-out !important;
	-ms-transition: all 500ms ease-in-out !important;
	transition: all 500ms ease-in-out !important;
	position: absolute;
}

/*noinspection CssOptimizeSimilarProperties*/
#wrap.red {
	background-image: url(../images/iphonexr-red-small.png);
	background-repeat: no-repeat;
	background-position: center 5px;
}

/*noinspection CssOptimizeSimilarProperties*/
#wrap.silver {
	background-image: url(../images/iphonexr-white-small.png);
	background-repeat: no-repeat;
	background-position: center 5px;
}

/*noinspection CssOptimizeSimilarProperties*/
#wrap.gold {
	background-image: url(../images/iphonexr-yellow-small.png);
	background-repeat: no-repeat;
	background-position: center 5px;
}

/*noinspection CssOptimizeSimilarProperties*/
#wrap.rosegold {
	background-image: url(../images/iphone-rosegold.png);
	background-repeat: no-repeat;
	background-position: center 5px;
}

/*noinspection CssOptimizeSimilarProperties*/
#wrap.black {
	background-image: url(../images/iphonexr-black-small.png);
	background-repeat: no-repeat;
	background-position: center 5px;
}

#frame {
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

.color-picker {
	width: 60px;
	position: absolute;
	top: 27%;
	left: -12%;
	z-index: 10;
}

.app-store {
	width: 300px;
	height: 217px;
	position: absolute;
	top: 35%;
	left: 100%;
	z-index: 10;
}

.share {
	width: 300px;
	height: 217px;
	position: absolute;
	top: 27%;
	left: 100%;
	z-index: 10;
}

/*noinspection CssOverwrittenProperties*/
.color-picker a.color {
	display: block;
	width: 60px;
	height: 60px;
	margin-top: 40px;
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	border-radius: 1000px;
	-moz-box-shadow: inset 0 0 10px #000;
	-webkit-box-shadow: inset 0 0 10px #000;
	box-shadow: inset 0 0 10px #000;
	-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.color-picker a.color:first-child {
	margin-top: 0;
}

.color-picker .color-red {
	background-color: #a42c32;
}

.color-picker .color-black {
	background-color: #010101;
}

.color-picker .color-silver {
	background-color: #afb0b1;
}

.color-picker .color-gold {
	/*background-color: #d2bba3;*/
	background-color: #bfa46d;
}

.color-picker .color-rosegold {
	background-color: #d9b2ad;
}

.app-store a.store {
	display: block;
	width: 300px;
	height: 106px;
	margin-top: 5px;
}

.app-store a.google-play-store {
	background: url(../images/google-play-store.png) center no-repeat;
}

.app-store a.apple-app-store {
	background: url(../images/apple-app-store.png) center no-repeat;
}

.share a {
	display: block;
	width: 60px;
	height: 60px;
}

.share a.facebook {
	background: url(../images/facebook.png) center no-repeat;
	background-size: contain;
}

.share a.instagram {
	background: url(../images/instagram.png) center no-repeat;
	background-size: contain;
	margin-top: 40px;
}

.share a.twitter {
	background: url(../images/twitter.png) center no-repeat;
	background-size: contain;
	margin-top: 40px;
}

.share a.linkedin {
	background: url(../images/linkedin.png) center no-repeat;
	background-size: contain;
	margin-top: 40px;
}