
.cart-overall {
	background: #ffffff;
	border-radius: 10px;
	padding: 25px;
	margin-bottom: 25px;
}

.cart-overall h3 {
	font-size: 26px;
	font-weight: bold;
	line-height: 14px;
	margin-top: 5px;
}

.cart-overall span {
	color: #939393;
	margin-bottom: 15px;
	display: inline-block;
}

.cart-overall .title-row {
	line-height: 50px;
}

.cart-overall .dashed-hr {
	border-top: 1px dashed #e5e5e5;
}

.cart-overall .overall-price {
	color: #f0552a;
	font-size: 17px;
	font-weight: bold;
}

.cart-overall .cupon-code {
	line-height: 60px;
	text-align: right;
}

.cart-overall .cupon-code i {
	margin-left: 10px;
}

.cart-overall .order-finish a {
	width: 100%;
	background: #f0552a;
	border-radius: 5px;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	display: inline-block;
}

.cart-overall .order-finish a:hover {
	background: #000000;
}

.order-disabled, .cart-overall .order-finish a.order-disabled {
	background: #e2e2e2 !important;
}

.cart-header-title {
	color: #939393;
	font-size: 12px;
	line-height: 50px;
	padding: 0 25px;
	text-transform: uppercase;
}

.cart-header-title .header-control {
	float: right;
}

.cart-header-title .header-control .header-count,
.cart-header-title .header-control .header-price,
.cart-header-title .header-control .header-delete {
	text-align: center;
	display: inline-block;
}

.cart-header-title .header-control .header-count,
.cart-header-title .header-control .header-price {
	width: 100px;
}

.cart-header-title .header-control .header-delete {
	width: 60px;
}

.cart-item {
	background: #ffffff;
	border-radius: 10px;
	padding: 25px;
	margin-bottom: 15px;
}

.cart-item .image-box {
	width: 80px;
	height: 80px;
	border: 1px solid #939393;
	padding: 10px;
	margin-right: 15px;
	float: left;
	display: block;
}

@media (min-width: 576px) {
	.cart-item .image-box {
		width: 125px;
		height: 125px;
	}
}

.cart-item .image-box img {
	max-width: 100%;
	max-height: 100%;
}

.cart-item .item-control {
	float: right;
}

.cart-item .item-control .item-count,
.cart-item .item-control .item-price,
.cart-item .item-control .item-delete {
	height: 40px;
	text-align: center;
	display: inline-block;
}

.cart-item .item-control .item-count {
	width: 130px;
	padding: 0 10px;
}

.cart-item .item-control .item-price {
	width: 100px;
	font-size: 14px;
	font-weight: bold;
}

.cart-item .item-control .item-delete {
	width: 30px;
	font-size: 17px;
}

.cart-item .item-control .item-delete a {
	color: #979797;
}

.cart-item .item-control .item-delete a:hover {
	color: #000000;
}

.cart-item .item-title {
}

@media (min-width: 576px) {
	.cart-item .item-control .item-delete {
		width: 60px;
	}

	.cart-item .item-title {
		height: 55px;
	}
}

.cart-item .item-title h3 {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 0;
}

.cart-item .item-title a {
	color: #000000;
}

.cart-item .item-title a:hover {
	color: #f0552a;
}

.cart-item .item-title span {
	color: #979797;
	line-height: 15px;
	display: block;
}

.cart-item .item-order-info {
	margin-top: 8px;
}

@media (min-width: 768px) {
	.cart-item .item-order-info {
		margin-top: 48px;
	}
}

.cart-item .item-order-info .item-available {
	color: #f0552a;
	margin-right: 8px;
	display: inline;
}

.cart-item .item-order-info .item-sipping-time {
	margin-left: 8px;
	display: inline;
}

.cart-item .item-mobil-info {
	margin-top: 8px;
}

.cart-item .item-mobil-info .item-price {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	line-height: 38px;
}

.order-success {
	background: #ffffff;
	border-radius: 15px;
	margin: 45px 0 55px 0;
	padding: 100px 0;
}

.order-success .order-header {
	text-align: center;
}

.order-success .order-header h1 {
	font-size: 42px;
	font-weight: bold;
	line-height: 70px;
}

.order-success .order-header i {
	color: #f0552a;
	margin-right: 20px;
}

.order-success .order-tracking {
	background: #f7f7f7;
	font-size: 20px;
	text-align: center;
	padding: 25px;
	margin: 15px 0 30px 0;
	line-height: 30px;
}

.order-success .order-tracking a {
	font-weight: bold;
}

.order-success .order-detail {
	line-height: 30px;
}

.order-success .order-social h3 {
	font-size: 22px;
	font-weight: bold;
	margin-top: 40px;
}

.order-success .order-social p {
	margin-bottom: 40px;
}

.order-success .back-to-shoping {
	width: 100%;
	background: #000000;
	border-radius: 5px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 0 25px;
	line-height: 45px;
	text-transform: uppercase;
	display: inline-block;
}

.order-success .back-to-shoping:hover {
	background: #000000;
}

.order-tracking {
	background: #ffffff;
	border-radius: 15px;
	margin: 45px 0 55px 0;
	padding-bottom: 100px;
}

.order-tracking .tracking-header {
	background: #ffe4e4;
	border-radius: 15px 15px 0 0;
	text-align: center;
	padding: 25px;
}

.order-tracking .tracking-header h1 {
	font-size: 42px;
	font-weight: bold;
	line-height: 70px;
}

.order-tracking .tracking-header span {
	color: #f0552a;
}

.order-tracking .tracking-timeline .timeline-line {
	height: 4px;
	background: #e2e2e2;
	margin: -2px 12.5% 0 12.5%;
}

.order-tracking .tracking-timeline .timeline-line .line-progress {
	height: 4px;
	background: #f0552a;
}

.order-tracking .tracking-timeline .tracking-point {
	font-weight: bold;
	margin: 15px 25px;
}

.order-tracking .tracking-timeline .tracking-point i {
	width: 57px;
	height: 57px;
	background: #e2e2e2;
	border-radius: 60px;
	color: #ffffff;
	font-size: 22px;
	text-align: center;
	line-height: 57px;
	margin: 0 25px 0 0;
}

.order-tracking .tracking-timeline .tracking-point.active i {
	background: #f0552a;
}

@media (min-width: 576px) {
	.order-tracking .tracking-header {
		padding: 100px;
	}

	.order-tracking .tracking-timeline .tracking-point {
		width: 25%;
		height: 120px;
		margin: -32px 0 0 0;
		font-weight: normal;
		text-align: center;
		display: block;
		float: left;
	}

	.order-tracking .tracking-timeline .tracking-point i {
		margin: 0 auto 15px auto;
		display: block;
	}
}

.order-tracking .tracking-detail {
	line-height: 30px;
}

.order-tracking .tracking-date {
	background: #f7f7f7;
	font-size: 20px;
	text-align: center;
	padding: 25px;
	margin-top: 30px;
	line-height: 30px;
}

.order-data {
	position: relative;
	background: #ffffff;
	border-radius: 10px;
	padding: 30px 15px;
	margin: 0 -15px 25px -15px;
}

@media (min-width: 576px) {
	.order-data {
		padding: 30px 25px;
		margin: 0 0 25px 0;
	}
}

@media (min-width: 768px) {
	.order-data {
		padding: 30px 50px;
	}
}

.order-data h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 45px;
	margin-bottom: 20px;
}

.order-data .fill-required {
	position: absolute;
	top: 43px;
	right: 50px;
	color: #939393;
	font-size: 12px;
}

.order-data .required-flag {
	color: #f0552a;
}

.order-data .data-content {
	padding: 35px 0 15px 0;
}

@media (min-width: 1200px) {
	.order-data .data-content {
		padding: 35px 70px 15px 70px;
	}
}

.order-data .data-content .form-group label {
	font-weight: bold;
}

.order-data .data-content input {
	font-size: 13px;
	padding: 22px 25px;
}
.order-data .data-content select {
	font-size: 13px;
	height: 46px;
}

.order-data .data-address-equal {
	background: #f7f7f7;
	color: #939393;
	padding: 15px 25px;
}

.order-data .data-summary {
	font-size: 14px;
	line-height: 52px;
}

.order-data .data-price {
	color: #f0552a;
	font-size: 20px;
	font-weight: bold;
}

.order-data .oreder-confirm {
	width: 100%;
	background: #f0552a;
	border: 0;
	border-radius: 5px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 0 25px;
	line-height: 45px;
	text-transform: uppercase;
}

.order-data .oreder-confirm:hover {
	background: #000000;
}

.oreder-confirm2 {
	width: 100%;
	background: #f0552a;
	border: 0;
	border-radius: 5px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 0 25px;
	line-height: 45px;
	text-transform: uppercase;
}

.oreder-confirm2:hover {
	background: #000000;
}
.order-data .data-selector {
	position: relative;
	background: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 5px;
	padding: 15px 15px;
	margin-bottom: 15px;
}

.order-data .data-selector.active {
	border: 2px solid #f0552a;
	box-shadow: 0 0 15px #939393;
}

.order-data .data-selector .selector-circle {
	width: 22px;
	height: 22px;
	border: 1px solid #939393;
	border-radius: 60px;
	margin: 13px 10px 13px 0;
	float: left;
}

.order-data .data-selector.active .selector-circle {
	border: 7px solid #f0552a;
}

.order-data .data-selector h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 0;
}

.order-data .data-selector h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	margin-top: 5px;
	margin-bottom: 0;
}

.order-data .data-selector.active h4,
.order-data .data-selector.active h3 {
	color: #f0552a;
}

.order-data .data-selector span {
	font-size: 12px;
	line-height: 20px;
}

.order-data .data-selector .selector-price {
	position: absolute;
	top: 28px;
	right: 15px;
}

@media (min-width: 576px) {
	.order-data .data-selector {
		padding: 15px 35px;
	}

	.order-data .data-selector .selector-circle {
		margin: 13px 20px 13px 0;
	}

	.order-data .data-selector h4 {
		font-size: 20px;
	}

	.order-data .data-selector h3 {
		font-size: 20px;
	}

	.order-data .data-selector span {
		font-size: 14px;
	}

	.order-data .data-selector .selector-price {
		right: 35px;
	}
}

.order-data .data-selector:hover {
	border: 2px solid #f0552a;
}

.order-data .data-selector:hover .selector-circle {
	border: 7px solid #f0552a;
}

.order-data .data-selector-mini {
	margin-bottom: 35px;
}

.order-data .data-selector-mini h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 0;
}

.order-data .data-selector-mini .selector-circle {
	width: 22px;
	height: 22px;
	border: 1px solid #939393;
	border-radius: 60px;
	margin: 0 15px 0 0;
	float: left;
}

.order-data .data-selector-mini.active .selector-circle {
	border: 7px solid #f0552a;
}

.order-data .data-selector-mini:hover .selector-circle {
	border: 7px solid #000000;
}

.order-data .data-checkbox {
	line-height: 20px;
}

.order-data .data-checkbox:hover {
	text-decoration: underline;
}

.order-data .data-checkbox i {
	width: 20px;
	height: 20px;
	background: #ffffff;
	border: 1px solid #939393;
	border-radius: 5px;
	color: #ffffff;
	text-align: center;
	line-height: 20px;
	margin-right: 10px;
}

.order-data .data-checkbox.checked i {
	border: 1px solid #f0552a;
	background: #f0552a;
}

.order-data .data-checkbox:hover i {
	border: 1px solid #000000;
	background: #000000;

}

.order-data .data-checkbox.checked:hover i {
	border: 1px solid #000000;
	background: #ffffff;
	color: #000000;
}

