#add_order {
	margin-top: 2rem;
}

#add_order .fields_group {
	margin-top: 3.5rem;
}

#add_order .fields_group:first-child {
	margin-top: 0;
}

.fields_wrapper {
	margin-top: 1.5rem;
}

#add_order .fields_group .title {
	font-weight: bold;
	font-size: 22px;
}

#add_order input[type="text"] {
	border: 1px solid #919191;
	padding: 0 15px;
	font-size: 16px;
	line-height: 2.5rem;
	display: block;
	margin-top: 1.5rem;
	width: 290px;
	color: #4b4b4b;
	letter-spacing: 0.1rem;
}

#add_order input[type="text"]:first-of-type {
	margin-top: 0;
}

#add_order .delivery {
	border-bottom: 1px solid #e2e2e2;
	padding: 1.5rem 0.4rem;
	align-items: center;
	cursor: pointer;
}

#add_order .delivery .picture {
	width: 12%;
}

#add_order .delivery .text {
	width: 86%;
}

#add_order .delivery .name {
	font-size: 22px;
}

#add_order .delivery .description {
	margin-top: 0.5rem;
}

#add_order .delivery.active {
	border-bottom: 1px solid #000;
	background: #e2e2e2;
}

#add_order .delivery.active .text {
	color: #000;
	font-weight: bold;
}

#add_order .delivery:not(.active):hover {
	border-bottom: 1px solid #000;
	background: #f2f2f2;
}

#add_order .user_city {
	position: relative;
	background: url(/images/down.png) no-repeat calc(100% - 15px) center;
	cursor: pointer;
	width: 290px;
	border: 1px solid #919191
}

#add_order .user_city input[type="text"] {
	width: 256px;
	border:none;
}

#add_order .user_city .city_variants {
	position: absolute;
	width: calc(100% + 2px);
	background: #fff;
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
	left: -1px;
	display: none;
	z-index: 9;
}

#add_order .user_city .city_variants.opened {
	display: block;
}

#add_order .user_city .city_variants .variant {
	padding: 0.5rem 15px;
	font-family: 'Gotham Pro Light';
	font-size: 16px;
	color: #000;
	border-bottom: 1px solid #c4c4c4;
}

#add_order .user_city .city_variants .variant:hover {
	color: #808080;
}

#add_order .form_field {
	margin-top: 1.5rem;
}

#add_order .fields_wrapper .form_field {
	margin-top: 1.5rem;
}

#add_order .fields_wrapper .form_field:first-child {
	margin-top: 0;
}

#add_order textarea[name="DELIVERY_ADRESS"] {
	padding: 15px;
	font-size: 16px;
	display: block;
	margin-top: 1.5rem;
	width: 290px;
	color: #4b4b4b;
	letter-spacing: 0.1rem;
	border: 1px solid #919191;
}

#add_order textarea[name="USER_DESCRIPTION"] {
	padding: 15px;
	font-size: 16px;
	display: block;
	margin: 0 auto;
	color: #4b4b4b;
	letter-spacing: 0.1rem;
	border: 1px solid #919191;
}

#add_order .picture {
	width: 12%;
}

#add_order .name {
	width: 57%;
	text-align: left;
}

#add_order .name a {
	width: 40%;
	text-align: left;
	text-decoration: none;
	font-family: 'Gotham Pro Light';
	color: #111;
}

#add_order .name a:hover {
	text-decoration: underline;
}

#add_order .quantity {
	width: 7%;
	text-align: center;
}

#add_order .price {
	width: 20%;
	text-align: right;
}

#add_order .itemRow {
	padding: 1.5rem 0;
	align-items: center;
}

#add_order .quantity {
	font-family: 'Gotham Pro Light';
}

#add_order .cart_footer {
	text-align: right;
}

#add_order .cart_footer div {
	margin-top: 1rem;
}

#add_order .cart_footer div:first-child {
	margin-top: 0;
}

#add_order .messages {
	display: none;
}

#add_order .cart_wrapper {
	margin-top: 0.7rem;
	margin-bottom: 1rem;
}

#add_order .cart_footer .order_price {
	font-weight: bold;
}

#add_order .fields_group.fields_group_button {
	margin-top: 2.5rem;
}

#add_order .fields_group.comment .title {
	text-align: center;
}

#add_order .fields_wrapper {
	margin-top: 2.5rem;
}

#add_order .orderText {
	margin: 0.5rem 0;
	min-height: 17px;
}

#add_order .form_message {
	background: #fff;
	font-weight: bold;
	display: none;
	color: red;
}

#add_order textarea[name="COMPANY_NAME"] {
	padding: 15px;
	font-size: 16px;
	display: block;
	margin-top: 1.5rem;
	width: 290px;
	color: #4b4b4b;
	letter-spacing: 0.1rem;
	border: 1px solid #919191;
}


@media screen and (max-width: 991px) {

	#add_order .delivery .picture,
	#add_order .delivery .text,
	#add_order .picture,
	#add_order .name,
	#add_order .quantity,
	#add_order .price {
	margin-bottom: 1.5rem;
	width: 100%;
	text-align: center;
}

#add_order textarea[name="USER_DESCRIPTION"] {
	width: 290px;
}
	
}