@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'Poppins Regular';
font-style: normal;
font-weight: normal;
src: local('Poppins Regular'), url('../fonts/Poppins-Regular.woff') format('woff');
}


@font-face {
font-family: 'Poppins Medium';
font-style: normal;
font-weight: normal;
src: local('Poppins Medium'), url('../fonts/Poppins-Medium.woff') format('woff');
}


@font-face {
font-family: 'Poppins SemiBold';
font-style: normal;
font-weight: normal;
src: local('Poppins SemiBold'), url('../fonts/Poppins-SemiBold.woff') format('woff');
}

@font-face {
font-family: 'Bebas';
font-style: normal;
font-weight: normal;
src: local('Bebas'), url('../fonts/BEBAS___.woff') format('woff');
}
.bebas_font
{
    font-family:'Bebas';
    font-weight:normal;
}

html,body { 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	width: 100%;
	height: 100vh;
	position: relative;
} 

body
{
    padding:0;
    margin:0;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    font-family: 'Poppins Medium';
    overflow-x: hidden;
    background: none;
   
}
.vivo_logo
{
    display: inline-block;
    position: absolute;
    top:30px;
    left:80px;
}
#vivo_imei_search
{
  position: absolute;
    top:50%;
    left:50%;
    width:500px;
    height:300px;
margin-left:-250px; /* -1/2 width */
    margin-top:-150px;
     background: #fff;
    padding:15px;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.vivo_imei_heading
{
    font-family: 'Poppins SemiBold';
    font-size: 22px;
    padding-top:15px;
    margin-bottom: 10px;
    background-image: linear-gradient(to right, #b73baa, #a938b2, #9937ba, #8438c2, #693bca, #564cd6, #3c5ae0, #0067e9, #0081f2, #0097f4, #00acf1, #3cbeed);
     -webkit-background-clip: text;
     -moz-background-clip: text;
        background-clip: text;
	 -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    
}
.imei_search_area
{
    width:90%;
    margin:0 auto;
}
.imei_search_area .inner
{
    width:100%;
    float:left;
    margin-top:50px;
    position: relative;
}

input {
    padding: 5px;
    padding-left: 18px;
    border-radius: 0;
    border: 1px solid #cccccc;
    display: block;
    width:100%;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
}

input:focus {
    outline: none;
    border: 1px solid #31a7f2;
   
}

input:focus + .fa {
    color: #31a7f2;
}

.input-icons {
    position: relative;
width:100%;
    margin-bottom: 20px;
}

.input-icons > input {
    text-indent: 17px;
}

.input-icons > .fa-user {
  position: absolute;
  top: 8px;
  left: 7px;
  font-size: 15px;
  color: #777777;
}
.input-icons > .fa-mobile {
  position: absolute;
  top: 3px;
  left: 7px;
  font-size: 23px;
  color: #777777;
}
.input-icons > .fa-qrcode {
  position: absolute;
  top: 8px;
  left: 6px;
  font-size: 20px;
  color: #777777;
}
.search_btt
{
   background-image: linear-gradient(to right, #b73baa, #a938b2, #9937ba, #8438c2, #693bca, #564cd6, #3c5ae0, #0067e9, #0081f2, #0097f4, #00acf1, #3cbeed);
    padding:8px 42px;
    color: #fff;
    border:none;
    border-radius: 64px;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
    transition: 0.5s;
    box-shadow: 0 3px #c7c7c7;
    margin-top: 25px;
}
.search_btt:hover
{
   background-image: linear-gradient(to right top, #051937, #191f37, #252636, #2e2e36, #363636);
}
.detail_inner
{
    margin-top:0 !important;
    height:280px;
}
.imei_num_center

{
    width:100%;
    position: absolute;
    top:10%;
}
.view_imei_num
{
    font-size: 28px;
    padding-top:10px;
}
.sold_btt
{

    border-color: #f57d00;
    color:#f57d00;
   
    
}
.vivo_btt
{
  pointer-events: none;
    text-transform: uppercase;
    border:none;
    border:1px solid;
      background-color: #fff;
     padding:5px 48px;
    margin-top:15px;
}
.unsold_btt
{
  border-color: #0084ff;
    color:#0084ff;  
}
.back_to_home>a
{
		text-decoration:none;
		color:#000;
}
.formErrorContent
{
    line-height: 16px !important;
}
.sea_mobilenoformError 
{
  margin-top: -38px !important;
}
.formError .formErrorContent, .formError .formErrorArrow div
{
 background: #9c37b8 !important;
}