html,body {
	height:100%;
}

body {
	background-color: #fff2cc;
}

/* Animation Floating Button */
.hithere {
  	animation: hithere 1s ease infinite;
}

@keyframes hithere {
  	30% { transform: scale(1.2); }
  	40%, 60% { transform: rotate(-20deg) scale(1.2); }
  	50% { transform: rotate(20deg) scale(1.2); }
  	70% { transform: rotate(0deg) scale(1.2); }
  	100% { transform: scale(1); }
}

.cart-redirect {
  	bottom: 70px;
  	width: 50px;
  	height: 70px;
}

.cart-redirect {
	text-align: center;
	background: transparent;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	position: fixed;
	bottom: 80px;
	width: 100px;
	height: 100px;
	line-height: 40px;
	text-align: center;
	right: 10px;
	z-index: 9999;
	display: block;
	opacity: 0.8;
	line-height: 0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	color: #D2232A;
}

.qr-code-title {
	line-height: 20px;
}

i.qr-code {
	font-size: 80px;
	margin-top: 3px;
}
/* End Animation Floating Button */

/* Body */
.main-wrapper {
  	height: auto;
  	background-color: #fff;
}

a {
  	color: #D2232A;
  	text-decoration: none;
}

a:hover {
  	color: #FDB813;
  	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #81898E;
}

label {
	font-weight:  bolder;
}

.btn {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	border-color:  #fff;
}

.btn-primary {
	background-image: linear-gradient(to right, #D2232A 0%, #F37123  51%, #877750  100%)
}

.btn-primary:hover {
  	background-position: right center; /* change the direction of the change here */
  	color: #fff;
  	text-decoration: none;
  	border-color: #877750;
}

/* Header */
.header-icon {
	font-size: 35px;
}
/* End Header */

/* Footer */
.footer-icon {
	max-width: 80px;
}

.footer-top-content {
	padding-top: 20px;
}

.footer-bottom-content {
	padding-bottom: 20px;
}

/* End Footer */

/* Content */
.content {
	width: 70%;
	margin-left: 15%;
}

.top-header {
	margin-top: 20px;
	margin-bottom: 20px;
}

.bg-image {
	background-image: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url("../img/bg.png");
	background-repeat:  no-repeat;
	background-position:  top;
	background-size: 100%;
}

.qr-code img {
	width:  100%;
}


/* End Content **/

/* Form */
.form-control{
  	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border-color:  #D2242A;
}

.custom-select{
  	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border-color:  #D2242A;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23D2242A' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance:none !important;
    -webkit-appearance: none !important; 
    appearance: none !important;
    padding-right: 2rem !important;
    color: #000;
    background-color: #fff;
}
/* End Form */


@media only screen and (max-width: 767px) {
	.box {
		align-items: center;
		width: 80%;
		margin-left: 10%;
	}
}

@media only screen and (max-width: 480px) {
	.main-wrapper {
		height:  100vh;
		display:  inline-table;
	}

	.footer-icon {
		max-width: 60px;
	}


	.box {
		align-items: center;
		width: 80%;
		margin-left: 10%;
	}
}