* {
	box-sizing: border-box
}

:after,
:before {
	box-sizing: border-box
}

::selection {
	background: #5a5449;
	color: #fff
}

body,
html {
	min-height: 100%;
	width: 100%
}

body {
	background: #fff;
	line-height: 25px;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #000;
	-webkit-overflow-scrolling: touch;
	min-width:380px;
	margin:0;
}

body.fade-in {
	animation: fadeIn .8s both .2s
}

body.categories-nav-visible,
body.nav-visible {
	height: 100%;
	overflow: hidden!important
}

body.stop-scroll {
	height: 100%;
	overflow: hidden!important
}

@media (min-width:480px) {
	body {
		font-size: 12px
	}
}

@media (min-width:960px) {
	body {
		font-size: 12px
	}
}

@media (min-width:1280px) {
	body {
		font-size: 14px
	}
}

@media (min-width:1640px) {
	body {
		font-size: 14px
	}
}

img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin-bottom: 0
}

table,tr{width:100%}

p{border-radius:5px;}

.select {
  width: 100%;
  float: left;
}
.input {
  width: 100%;
  float: left;
  padding: 5px 8px;
  border-radius: 4px;
  border: 1px solid #aaa;
}

.delivery{float: left;width: 100%;padding: 7px 0 30px;}
.delivery .delivery-type{padding: 0 0 12px;float: left;width: 100%;}
.delivery .delivery-department{float: left;width: 100%;}
.delivery .delivery-department select{display:none;}
.delivery .delivery-address{float: left;width: 100%;}
.delivery .delivery-address select{display:none;}
.delivery .delivery-address .delivery-city{}

.delivery-data{float: left;width: 100%;}
.delivery-data .delivery-addr{float: left;width: 100%;margin-top: 12px;}
.delivery-data .delivery-additional{float: left;width: 100%;margin-top: 12px;display: none;}
.delivery-data .delivery-additional .delivery-house{float: left;width: calc(50% - 6px);}
.delivery-data .delivery-additional .delivery-flat{float: right;width: calc(50% - 6px);}

.phone-verification{float: left;width: 100%;}
.phone-verification .phone{float: left;width: 100%;}
.phone-verification .verification{float: right;width: 100%;margin-top: 10px;}
.phone-verification .verification .phone-check{float: left;width: calc(100% - 120px);background: rgb(64, 134, 249);border-radius: 5px;color: #fff;cursor: pointer;text-align: center;line-height: 30px;}
.phone-verification .verification .code-check{float: right;width: 120px;}
.phone-verification .verification .code-check .code{width: 25px;float: left;margin-left: 5px;line-height: 30px;height: 30px;}
.phone-verification .verification .code-check .code input{line-height: 30px;height: 30px;}


@media (min-width:600px) {
	.phone-verification .phone{float: left;width: calc(50% - 6px);}
	.phone-verification .verification{float: right;width: calc(50% - 6px);margin-top: 0;}
}


.barcode {
  width: 380px;
  height: 190px;
  float: left;
}

.btn{
	padding: 0;
	text-align: center;
	margin-top: 20px;
	text-transform: uppercase;	
}
.btn a{text-decoration: none;color: #333;font-size: 14px;padding: 10px;float: left;text-align: center;width: 100%;}
.btn.return a{background: #ffe300;}
.btn.order a{background: #00b7ff;}