body, html {

	width: 100%;

	height: 100%;

}

body {

	background: #ffffff url(../images/bg.jpg) center fixed;

	background-size:cover;

	color: #333333;

	font-family: 'Oswald', sans-serif;

	overflow-x: hidden;

	font-size: 14px;

}

img {

	max-width: 100%;

	height: auto;

}

.full {

	width: 100%;

	float: left;

}

a {

	color: #f05228;

}

a:hover {

	color: #F00;

}

.btn{

	border-radius:0;

}

.banner{

	width:100%;

	float:left;

	background:url(../images/banner.jpg) no-repeat;

	background-size:cover;

	padding:100px 15px;

	text-align:center;

	font-size:50px;

	color:#ffffff;

	text-transform:uppercase;

}

.body{

	width:100%;

	float:left;

	padding:50px 0;

}

.body h2{

	color:#000000;

	text-transform:uppercase;

	border-bottom:1px #000000 solid;

	line-height:0;

	margin:0 0 30px 0;

	font-weight:normal;

	font-size:26px;

}

.body h2 span{

	background:#faf8e9;

	padding:5px 15px;

}



.product{

	width:100%;

	float:left;

	padding:10px;

	border:1px #333333 solid;

	border-radius:5px;

	text-align:center;

	text-decoration:none !important;

	color:#000000 !important;

	margin:15px 0;

}

.product_image{

	width:100%;

	float:left;

	height:230px;

	margin-bottom:10px;

}

.product strong{

	color:#F00 !important

}



/* TABLE START */

#tables td, #tables th {

	padding:10px;

	font-weight:normal;

	text-align:center;

}

#tables table thead{

	background: #dddddd;

	color:#000000;

}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {

    background-color: #f9f9f9;

}

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {

    background-color: #ffffff;

}

#tables td {

	color:#888;

  }

#tables td select{

    width: 70px;

    border-radius: 6px 0 0 6px;

	border:1px #bbbbbb solid;

}

#tables td .remove{

    height: 30px;

	border:1px #bbbbbb solid;

	padding:0px 10px;

	border-radius:0 6px 6px 0;

	color:#ffffff;

	background-color:#999999;

}



.product_table table {

	border:none;

	width:100%;

	float:left;

	margin-top:30px;

}

table tr{

	border:1px #cccccc solid !important;

}

table th, table td {

	border:1px #cccccc solid;

}

.product_table table th:first-child, .product_table table td:first-child{

	text-align: left !important;

}

.product_table table th:last-child, .product_table table td:last-child {

	text-align:right !important;

}

table td .form-control {

	text-align:center;

}

table td:last-child .form-control {

	text-align:right;

}

table td:first-child .form-control {

	text-align:left;

}

.Zebra_DatePicker_Icon  {

	top: 10px !important;

    left: auto !important;

    right: 5px !important;

}


#country-list_1 {
    width: 207px;
    height: auto;
    position: absolute;
    background: #28a745;
    margin-top: 0px;
    text-align: left;
    list-style: none;
    color: #fff;
	padding:10px;
   
}

#country-list_1 li{
	border-bottom: 1px dotted #fff;	
	margin-bottom:5px;
	cursor: pointer;
}


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

table td .form-control {

	text-align:right !important;

	width:200px;

	position:relative;

	right:0;

	display:inline;

}

table th:first-child, table td:first-child{

	text-align: right !important;

}

table tr{

	margin:10px 0;

}

}

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

  #tables table,

  #tables thead,

  #tables tbody,

  #tables th,

  #tables td,

  #tables tr {

    display: block;

  }

  #tables thead tr {

    position: absolute;

    top: -9999px;

    left: -9999px;

  }

  #tables tr {

  	border-bottom: 1px #67a9cc dashed;

  }

  #tables td {

    border: none;

    border-bottom: 1px solid #eee;

    position: relative;

    padding-left: 25%;

    white-space: normal;

    text-align: right !important;

  }

  #tables td:last-child {

    border-bottom:none;

  }

  #tables td:before {

    position: absolute;

    top: 6px;

    left: 6px;

    width: 45%;

    padding-right: 10px;

    white-space: nowrap;

    text-align: left;

    font-weight: normal;

	font-size: 14px;

	color:#999;

}

  #tables td:before {

    content: attr(data-title);

  }

}

/* TABLE END */



.sign_page {

    width: 100%;

    height: 100%;

    position: absolute;

    display: table;

}

.sign_page_in {

	display:table-cell;

	vertical-align:middle;

}

.signin_box {

    width: 100%;

    float: left;

    padding: 15px;

    background: #f3eecd;

    box-shadow: 3px 3px 2px #e6dbc5;

}

.signin_box h2 {

	font-size: 22px;

    margin-bottom: 15px;

    border-bottom: 1px #111111 solid;

    padding-bottom: 12px;

}

.button_sec {

	width:100%;

	float:left;

	text-align:right;

	margin:15px 0;

}
.suggessionbox {
	position: absolute;
    background: #f2f2f2;
    width: 200px;
	z-index:9;
}
.suggessionbox ul {
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:left;
}
.suggessionbox li {
    border-bottom: 1px #ccc solid;
    padding: 5px 10px;
    cursor: pointer;
}

@media (max-width: 1199px) {

.banner{padding:70px 15px;}

}

@media (max-width: 991px) {

 .banner{padding:50px 15px;	font-size:40px;}

}

@media (max-width: 767px) {
.suggessionbox {
    right: 10px;
}

}

@media (max-width: 575px) {



}

@media (max-width: 380px) {

}