.browser {
	display: inline-block;
	position: relative;
	width: 100%;
	min-width: 660px;
	border: 1px solid #bbb;
	border-radius: 6px;
	box-shadow: 0 15px 35px -5px rgba(39,35,4,.2);
	margin: 20px -5px 40px;
	font-size: 0;
	transition: border-color .15s ease-out;
}

.browser:hover {
	border-color: #67b0ff;
}

.b-header {
	display: block;
	position: relative;
	height: 37px;
    background: url(../img/plus.png) 100% 100% no-repeat, linear-gradient(to bottom,  #ecebec 0%, #d5d5d5 100%);
	border-top: 1px solid #f7f6f7;
	border-bottom: 1px solid #b3b2b3;
	border-radius: 5px 5px 0 0;
}

.lights,
.arrows {
	display: inline-block;
	vertical-align: top;
	position: absolute;
}

.lights {
	margin: 13px 0 0 14px;
}

.lights div {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	border-radius: 5px;
}

.l-red {	
	background: radial-gradient(ellipse at center, #fc605b 0%,#fc605b 100%);
	box-shadow: 0 0 0 1px #df4744;
}

.l-yellow {
	background: radial-gradient(ellipse at center, #fdbc40 0%,#fdc03f 100%);
	box-shadow: 0 0 0 1px #de9f34;
}

.l-green {
	background: radial-gradient(ellipse at center, #33c748 0%,#33cc48 100%);
	box-shadow: 0 0 0 1px #27aa35;
}

.arrows {
	margin: 8px 0 0 78px;
}

.arrows div {
	display: inline-block;
	width: 26px;
	height: 21px;
	box-shadow: 0 -1px 0 0 #fff,
				0 1px 0 0 #fcfcfc inset,
				0 1px 0 0 #bdbdbd;
	border-radius: 4px;
}

.arrow-back {
	background: #fcfcfc url(../img/arrow-back.png) 49% 4px no-repeat;
}

.arrow-next {
	margin-left: 1px;
	background: #fcfcfc url(../img/arrow-next.png) 50% 4px no-repeat;
}

.address-input {
	display: block;
	width: 41%;
	height: 21px;
	margin: 8px auto 0;
	background-color: #fcfcfc;
	background-image: url(../img/pomidorko.png), url(../img/reload.png);
	background-repeat: no-repeat;
	background-position: 50% 50%, right 7px top 3px;
	box-shadow: 0 -1px 0 0 #fff,
				0 1px 0 0 #fcfcfc inset,
				0 1px 0 0 #bdbdbd;
	border-radius: 3px;
}

.site {
	width: 100%;
	border: none;
	border-radius: 0 0 5px 5px;
}

.layout {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.b-header {
		background: url(../img/plus@2x.png) 100% 100% no-repeat, linear-gradient(to bottom,  #f1f1f1 0%, #c8c7c8 100%);
		background-size: 24px 24px, 100% 100%;
		border-top-width: .5px;
	}
	.arrow-back {
		background-image: url(../img/arrow-back@2x.png);
		background-size: 7px 12px;
	}
	.arrow-next {
		background-image: url(../img/arrow-next@2x.png);
		background-size: 7px 12px;
	}
	.address-input {
		background-image: url(../img/pomidorko@2x.png), url(../img/reload@2x.png);
		background-size: 76px 12px, 11px 13px;
	}
	.layout,
	.site {
		margin-top: -1px;
	}
}