@font-face {
    font-family: Poppins;
    src: url(fonts/Poppins-Medium.ttf);
}

body
{
	margin:0px; padding:0px;
	background:#fa9401;
	font-family:Poppins; color:#443315;
}
div,ul,li,a,h1,h2,h3,h4,h5,h6,p,span,header
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}
ul,li,h1,h2,h3,h4,h5,h6,p{}

#main
{
	width: 96%;
	height: auto;
	max-width: 500px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#logo{
    width: 100%; height: auto; float: left;
	margin-top:15px;
    text-align: center;
}
#logo img{
    width: 90%; height: auto;
    max-width: 175px;
    margin-bottom: 15px;;
}
#success{ display: none; }
.content{
    width: 100%; height: auto; float: left;
    background: #FFF; border: 4px solid #443315;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    padding: 10px; margin-bottom: 20px;;
}
.form{
    width: 100%; height: auto; float: left;
    background: #443315; border: 4px solid #443315;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    padding: 25px;
}

#copy
{
	width:100%; height:auto; float:left;
	font-size:16px; text-align:center; color:#FFF;
}
#copy a{ color:#FFF; text-decoration:none; }

/* Form Fields */
label
{
	width:100%; height:auto; float:left;
	margin-bottom:4px;
	font-size:16px; font-weight:500; color:#FFF
}
input[type='file']{ padding-top:5px; }
input[type='text'],input[type='search'],textarea,input[type='password'],select,input[type='date'],input[type='file'],input[type='number']
{
	width:100%; height: 50px; float:left; outline:0px;
	padding-left:15px; padding-right:5px;
	border:1px solid #d7dce5;
	font-size:16px; color:#212121; font-family:Helvetica;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
    -webkit-transition: width 1s ease;  
    -moz-transition: width 1s ease;  
    -o-transition: width 1s ease;  
    -ms-transition: width 1s ease;  
    transition: width 1s ease;
	
    transition:border 0.7s;
	
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
    margin-bottom: 15px;;
}
input[type='text']:focus,input[type='number']:focus,input[type='search']:focus,input[type='password']:focus,textarea:focus,input[type='date']:focus,select:focus,input[type='file']:focus
{
	border:1px solid #007bad;
}
input[type="text"]:disabled{ cursor:not-allowed; background:#EEE; }
input[readonly]{ cursor:not-allowed; background:#EEE; }
button,input[type="reset"]
{
	width:auto; height:50px; float:left;
	padding-left:35px; padding-right:35px;
	background:#f2cc17; border:0px;
	outline:0px; cursor:pointer;
	font-size:16px; color:#FFF; font-weight:600;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}
button:hover,input[type="reset"]:hover{ background:#c9a911; }
button:active,input[type="reset"]:active{ background:#3f3532; }


.btnyellow
{
	width:auto; height:50px; float:left;
	padding-left:35px; padding-right:35px;
	background:#f2cc17; border:0px;
	outline:0px; cursor:pointer;
	font-size:16px; color:#FFF; text-align:center; line-height:50px; text-decoration:none;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}
.btnyellow:hover{ background:#c9a911; }
.btnyellow:active{ background:#3f3532; }

.table
{
	width:100%; height:auto;
	border-spacing: 0;
	border-collapse: collapse;
	display: table;
	border:1px solid #dddddd;
}
.table thead
{
	background:#EEE;
	font-size:13px; font-weight:bold;
}
.table td
{
	padding:4px; padding-left:8px;
	border: 1px solid #ddd;
}
.table thead
{
	background:#EEE;
}
.table tbody td
{
	border-top: 1px solid #ddd;
	font-size:13px;
}

#otp{ display:none; }

#price_table
{
	width:100%; height:auto; float:left; display:none;
	margin-top:15px;
}

.price_table_raw
{
	width:100%; height:auto; float:left;
	margin-bottom:5px; padding:5px;
	background:#FFF;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}

.price_table_raw_l
{
	width:35%; height:auto; float:left;
}


.price_table_raw_r
{
	width:65%; height:auto; float:left;
	text-align:left;
}

#toggle
{
	width:100%; height:auto; float:left;
	border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	padding:2px; margin-bottom:25px;
	background:#FFF;
}

#toggle a
{
	width:50%; height:38px; float:left; cursor:pointer;
	font-size:16px; text-decoration:none; text-align:center; line-height:36px;
	border:1px solid #443315;
}
#toggle a.active
{
	background:#443315;
	color:#FFF;
}

#toggle a:first-child
{
	border-radius: 15px 0px 0px 15px;
	-webkit-border-radius: 15px 0px 0px 15px;
	-moz-border-radius: 15px 0px 0px 15px;
}

#toggle a:last-child
{
	border-radius: 0px 15px 15px 0px;
	-webkit-border-radius: 0px 15px 15px 0px;
	-moz-border-radius: 0px 15px 15px 0px;
}

#itemsearch{ position:relative; display:none; }

#itemsearch ul
{
	width:100%; height:auto; position:absolute; left:0px; top:135px; display:none;
	margin:0px; padding:0px;
	padding:5px;
	background:#FFF;
}
#itemsearch ul li
{
	width:100%; height:auto; float:left;
	list-style:none;
}
#itemsearch ul li a
{
	margin-top:2px;
	font-size:14px;
}

#pimage
{
	max-width:100%; height:auto;
}

#addtocart
{
	width:100%; height:auto; float:left;
	margin-top:15px;
}
#getDetailsForm a
{
	width:100%; height:50px; float:left;
	padding-left:35px; padding-right:35px; margin-top:10px;
	background:#f2cc17; border:0px;
	outline:0px; cursor:pointer;
	font-size:16px; color:#FFF; text-align:center; line-height:50px; text-decoration:none;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}
#getDetailsForm a:hover{ background:#c9a911; }
#getDetailsForm a:active{ background:#3f3532; }

#cart_table
{
	width:100%; height:auto; float:left;
	margin-top:15px; padding:15px;
	background:#FFF;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}

.removebtn
{
	width:45px; height:25px; float:right; cursor:pointer;
    background: #C00;
    color: #FFF;
    font-size: 16px; text-align:center; line-height:27px;
}