#sign-up ,#Myaccount{
	width:50%;
	margin:auto;
	background: #fff;
    border-radius: 10px;
	padding:40px;
	box-shadow:0 5px 30px 0px rgba(0, 0, 0, 0.1);
}
/* Full-width input fields */
#sign-up input[type=text], input[type=email], input[type=tel], input[type=textarea],input[type=password] ,#Myaccount input[type=text] ,.textarea{
  width: 100%!important;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}

#sign-up input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=textarea]:focus, input[type=password]:focus ,#Myaccount input[type=text]:focus{
  background-color: #fff;
  /* outline: none;*/
  border :3px solid #ccc;
}

hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}

/* Set a style for all buttons */
#sign-up button ,#Myaccount button{
  background-color: #6AAF08;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  
}
 
#sign-up button:hover ,#Myaccount button:hover{
  opacity:1;
}

/* Extra styles for the cancel button */
#sign-up .cancelbtn ,#Myaccount .cancelbtn{
  padding: 14px 20px;
  background-color: #f44336;
}

/* Float cancel and signup buttons and add an equal width */
#sign-up .cancelbtn, .signupbtn ,#Myaccount .cancelbtn{
  float: left;
  width: 50%;
}

/* Add padding to container elements */
#sign-up .container ,#Myaccount .container{
  padding: 0px;
}

/* Clear floats */
#sign-up .clearfix::after ,#Myaccount .clearfix::after{
  content: "";
  clear: both;
  display: table;
}

/* p tag login line */
#sign-up p ,#Myaccount p{
	margin-bottom:0px;
}

/* p tag login line */
#sign-up h1 ,#Myaccount h1{
	margin-bottom:10px;
	font-size:40px;
}
.top-pagination ul{float:right;}

/* Change styles for cancel button and signup button on extra small screens */
@media screen and (max-width: 300px) {
  .cancelbtn, .signupbtn {
     width: 100%;
  }
}
/*Media Query for Mobile*/

@media screen and (max-width: 600px) {
  #sign-up ,#Myaccount{
	  width:100%;	
  }
} 

/*Media Query for ipad*/ 

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 #sign-up{
	width:80%;	
}
}



/*home page css start */
  .metaslider .caption-wrap {
        background: transparent !important;
    }

    #advanced_search:focus {
        background-color: #358c0000 !important;
        box-shadow: 0 0 0 0 !important;
    }

    .width50 {
        width: 15px;
    }

    .bgWhite {
        background-color: #fff !important;
    } 
    .loader_ajax {
        border: 2px solid #f3f3f3;
        border-radius: 50%;
        border-top: 2px solid #3498db;
        width: 20px;
        height: 20px;
        position: absolute;
        -webkit-animation: spin 2s linear infinite;
        /* Safari */
        animation: spin 2s linear infinite;
        top: 12px;
        right: 18px;
    }

    /* Safari */
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .searchBoxDiv,
    .sliderBox {
        display: flex;
        align-items: center;
    }