@charset "utf-8";

/* CSS Document */

#vin-data-box { width:100%; float:left;}

#vin-data-box label{ margin:5px 10px 5px 5px; float:left; font-size: 13px; }

#vin-data-box input{ 	margin:5px; float: left; }

#vin-data-box input.vin-input{ padding:5px 3px; width:99%; }

#vin-data-box input[type="text"]{ width: 300px; }

.vin-result { margin:30px 0;}

.vin-result h2{ font-size:18px; }

#vin_Info ul{ margin-bottom: 20px; width:100%; float:left; margin:0; border: 1px solid #D6D6D6; padding:0; }

#vin_Info li{ list-style:none; padding: 10px;  border-bottom: 1px solid #ccc; font-size:14px; margin:0; }

#vin_Info li strong{ margin-right:10px;}

/* #vin_Info li:nth-child(odd) { background-color: rgb(238, 238, 238); } */
.expands span strong { margin-left: 10px; }

#vin_Info .expands { float: left; margin: 10px 0; width: 100%; border: 1px solid #D6D6D6; }

#vin_Info .expands span { 
	padding:5px 0; 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	border: 1px solid #D6D6D6;
	width: 100%;
	float: left;
}
.gmb-loader {
  font-size: 0;
  display: inline-block;
  position: relative;
  height: 120px;
  width: 120px;
}
.gmb-loader div {
  background: #56C4B4;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: absolute;
  -webkit-animation: gmb-bounce 1.75s infinite;
  animation: gmb-bounce 1.75s infinite;
  top: 50%;
  margin-top: -15px;
}
.gmb-loader div:nth-child(2) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
  left: 50%;
  margin-left: -15px;
}
.gmb-loader div:nth-child(3) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  right: 0;
}

@-webkit-keyframes gmb-bounce {
  10% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    height: 30px;
  }
  14% {
    height: 90px;
  }
  15% {
    height: 30px;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.8, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 0.8, 1);
  }
  35% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes gmb-bounce {
  10% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    height: 30px;
  }
  14% {
    height: 90px;
  }
  15% {
    height: 30px;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.8, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 0.8, 1);
  }
  35% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
body, html {
  height: 100%;
}

body {
  margin: 0;
  background: #e8ddca;
}

.table {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}
.table .cell {
  display: table-cell;
  vertical-align: middle;
}