/*Call custom items*/
@import "avadh1.0/css/avadhtools.css";
@import "avadh1.0/css/avadhlayouts.css";
@import "carouseller.css";
@import "magnifire.css";
body{
	margin:0px;
}
.page-rapper{
	width:99.8%;
	margin:auto;
}
.avadh_topheader{
	position: -webkit-sticky;
    position: sticky;
    top: 0;
	width:100%;
	height:75px;
	background-color:#ffb362;
	padding-top:5px;
	z-index:2;
}
.only-shadow{
	position:relative;
	width:100%;
	height:10px;
	background-color:#00897b;
	box-shadow:1px 5px 5px 2px white;
}
.company_logo{
	width:15%;
	height:70px;
	position:relative;
	float:left;
}
.company_logo img{
    width:80px;
    height:70px;
    margin-left:5px;
}

.search_bar{
	position:relative;
	width:40%;
	height:auto;
    float:left;
	left:17%;
	margin-top:15px;
}
.search_bar input{
	position:relative;
	float:left;
	width:80%;
	height:34px;
	border:none;
	font-size:20px;
	margin-left:10px;
	border:1px solid #1aa3ff;
}
.search_bar input:hover{border:1px solid #999999;}
.search_icon{
	position:relative;
	float:left;
	width:4%;
}
.search_icon button{
	float:left;
	background-color:#00ace6;
	border:1px solid #00ace6;
	height:38px;
}

.search_res{
	position:fixed;
	top:59px;
	left:32.78%;
	width:32.25%;
	height:200px;
	border:1px solid  #404040;
	background:white;
	overflow: auto;
	display:none;
	z-index:2;
}
.uspro{
	width:100%;
	height:30px;
	border-bottom:1px solid  #404040;
	padding-top:10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.uspro:hover{background-color:#d9d9d9;}
.search_res  a{text-decoration:none;color:#4d4d4d;margin-left:10px;}
.search_res a:hover{color:#262626;}

@font-face {
  font-family:bauhs93;
  src: url(../font/tt0524m_.ttf);
}

.user_menu{
	position:relative;
	width:auto;
	height:auto;
	font-size:18px;
	float:left;
	left:28%;
	margin-top:20px;
}
 .icon{
	float:left;
}
.log-sign{
	color:#00ace6;
	font-family: Sans-serif;
	float:left;
	margin-top:2px;
}
.log-sign:hover{
	color:#ffcc66;
}

.cart_menu{
	position:relative;
	width:auto;
	margin-top:-7px;
	float:left;
	left:15%;
}
.cart-button{
    width:auto;
}
.number{
	position:relative;
	width:18px;
	height:18px;
	border-radius:100%;
	background:#00ace6;
	color:white;
	margin-left:3px;
}
 .number p{
	color:white;
	font-size:11px;
	text-align:center;
	font-family: Sans-serif;
	padding-top:2px;
}
/*For Small Devices 750px*/
.avadh_topheader_mobile{
	position: -webkit-sticky;
    position: sticky;
    top: 0;
	width:100%;
	height:150px;
	background-color:#ffb362;
	padding-top:7px;
	z-index:1;
	display:none;
	margin-left:0; 
	//border-top:2px solid #d9d9d9;
	//border-bottom:2px solid #d9d9d9;
 	
}
.company_logo_mob{
	width:25%;
	height:70px;
	float:left;
}
 .company_logo_mob img{
	width:60px;
    height:60px;
    margin-top:5px;
    margin-left:5px;
 }
 .user_menu_mob{
	position:relative;
	width:auto;
	height:auto;
	font-size:18px;
	float:right;
	margin-right:5%;
	margin-top:20px;
}
.cart_menu_mob{
	position:relative;
	width:auto;
	margin-top:-7px;
	float:right;
	margin-right:5%;
}
.search_bar_mob{
	position:relative;
	width:100%;
	height:auto;
	left:0;
	margin-top:15px;
}
.search_bar_mob input{
	position:relative;
	float:left;
	width:90%;
	height:34px;
	border:none;
	font-size:20px;
	margin-left:7px;
	border:1px solid  #1aa3ff;
}
.search_res_mob{
	position:fixed;
	top:115px;
	margin-left:7px;
	width:90.5%;
	height:320px;
	border:1px solid  #404040;
	background:white;
	overflow: auto;
	display:none;
	z-index:2;
}
.uspro:hover{background-color:#d9d9d9;}
.search_res_mob  a{text-decoration:none;color:#4d4d4d;margin-left:10px;}
.search_res_mob a:hover{color:#262626;}


/*End For Small Devices 750px*/

.container{
	width:100%;
	height:auto;
}
.home-p-img{
	width:100%;
	height:450px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	//margin-top:-20px;
	background-image:url("../images/front1.jpg");
	background-size: 100% 600px;
	border:1px solid transparent;
}
.about-back-img{
	width:100%;
	height:350px;
}
.page-tracery{
	width:100%;
	height:auto;
	font-size:12px;
}
.page-tracery h1{
	text-align:center;
	font-family:Sans-serif;
	color:white;
	font-size:60px;
	font-weight:600;
	text-transform: uppercase;
}
.page-tracery p{
	width:145px;
	height:40px;
	background-color:transparent;
	color:white;
	margin-left:45%;
	text-align:center;
	margin-top:-15px;
	padding-top:17px;
	border-radius:5px;
	border:1px solid #00ace6;
}
@media screen and (max-width:1250px){
	.cart_menu{left:12%;}
	.search_res{left:32.85%; width:32.3%;}
}
@media screen and (max-width:1150px){
	.cart_menu{left:10%;}
	.search_res{left:32.9%; width:32.3%;}
}
@media screen and (max-width:950px){
	.cart_menu{left:6%;}
	.user_menu{left:27%;}
	.search_res{left:33.1%; width:32.4%;}
    .page-tracery h1{font-size:50px;}
	.page-tracery p{margin-left:42%;}
}
@media screen and (max-width:850px){
	.search_bar{left:10%;}
	.cart_menu{left:2%;}
	.user_menu{left:24%;}
	.search_res{left:26.2%; width:32.5%;}
	.page-tracery h1{font-size:40px;}
	.page-tracery p{margin-left:40%;}
	
	.home-p-img{
	             height:280px;
	             background-image:url("../images/mob.jpg");
	             background-size: 135% 120%;
	}
	.about-back-img{height:auto;}
}
@media screen and (max-width:750px){
	.search_bar{left:5%;}
	.cart_menu{left:0%;}
	.user_menu{left:23%;}
	.search_res{left:21.3%; width:32.6%;}
	.page-tracery p{margin-left:38%;}
    .avadh_topheader{display:none;}
	.avadh_topheader_mobile{display:block;}
	//.search_res{display:none;}
	.page-rapper{width:99%;}
}


@media screen and (max-width:650px){
	.page-tracery p{margin-left:36%;}
	.search_bar_mob input{width:88.5%;}
	.search_res_mob{width:89%;}
}
@media screen and (max-width:550px){
	.page-tracery p{margin-left:34%;}
	.search_bar_mob input{width:86%;}
	.search_res_mob{width:86.8%;}
}
@media screen and (max-width:450px){
	.page-tracery p{margin-left:32%;}
	.search_bar_mob input{width:82%;}
	.search_res_mob{width:81.2%;}
}
.btn{
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	font-family: Sans-serif;
	font-size:15px;
	font-weight:900;
}
.page-tracery p:hover{background-color:transparent;border:1px solid #00897b; }
.btn:hover{color:#ffcc66;}
.page-tracery .sub-title{
	text-align:center;
	font-family: Sans-serif;
	color:white;
	padding-top:15px;
}
@media screen and (max-width:480px){
   .page-tracery .sub-title{
	  padding-top:0px;
   }
}
.all__Texts{
	width:100%;
	height:auto;
	text-align:center;
	text-transform:uppercase;
	color:#00897b;
	font-family: Sans-serif;
	font-size:18px;
}
.all__Texts p{
	 font-size:27px;
	 font-weight:700;
}
.content-box-container{
	width:96%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.product__box{
	width:24%;
	height:auto;
	float:left;
	margin-left:1%;
	margin-top:15px;
	margin-bottom:20px;
	//border:1px solid #f2f2f2;
}
.product__box  a{text-decoration: none;}
.product{
	width:100%;
	height:auto;
	border:1px solid #f2f2f2;
}
.product img{
	width:100%;
}
.about-product{
	width:100%;
	border:1px solid #f2f2f2;
	margin-top:5px;
}
.about-product  .p_name{
	text-align:center;
	font-size:16px;
	font-weight:700;
	font-family:Sans-serif;
	color:#4d4d4d;
}
.about-product  .pa_price{
	text-align:center;
	font-size:15px;
	font-weight:700;
	font-family:Sans-serif;
	color:#4d4d4d;
}
@media screen and (max-width:1000px){
	.product__box{ width:32%;}
}
@media screen and (max-width:750px){
	.product__box{
		width:48%;
	}
}
@media screen and (max-width:380px){
	.product__box{
		width:100%;
		margin-left:0%;
	}
}
.footer{
	width:100%;
	background-color:#ffb362;
}
.subfooter{
	width:95%;
	height:auto;
	padding-left:5%;
}
.subfooter h1, h2, h3 ,h4{
	color:white;
	font-family:Sans-serif;
	text-align: left;
}
.subfooter  p {
	color:white;
	font-family:Sans-serif;
	line-height: 1.8;
	font-weight:600;
	font-size:15px;
	text-align: left;
}
.subfooter a{color:white;text-decoration:none;}
.subfooter a:hover{color:#b3b3b3;}
.about__developer{
	width:100%;
	height:60px;
}
.about__developer p,a{
	text-align:center;
	color:white;
	font-family:Sans-serif;
	font-size:center;
	font-weight:600;
	font-size:15px;
}
.about__developer a:hover{
	color:#cccccc;
}

/*This css code for cart page*/

.avadh-container{
	width:100%;
	height:auto;
}

.avadh-container-gray{
	width:100%;
	background-color:#f2f2f2;
}
/*======Css-code======*/
.text-field{
	width:100%;
	border:1px solid #d9d9d9;
	border-radius:3px;
	background-color:white;
	height:32px;
	margin-bottom:10px;
}
.text-field:focus{
	 box-shadow: 0px 0px 2px 2px #33ccff;
}
#ditems{
	text-align:center;
}
.avadhbtn{
    width:100%;	
	height:32px;
	border-radius:3px;
	background-color:#ffcc66;
	border:1px solid #8c8c8c;
}
.avadhbtn:hover{
	background-color:#ffbb33;
}
.dashboard-space{
	position:relative;
	width:100%;
	height:500px;
}
.dashboard-main{
	width:73%;  
    margin:2%; 	
	height:420px;
	float:left;
	position:relative;
	box-shadow: 1px 1px 5px #888888;
	border-radius:2px;
}
.dashboard-side{
	position:relative;
	border-radius:2px;
	width:18%;
	height:250px;
    margin-top:3%; 
	box-shadow: 1px 1px 5px #888888;
	float:right;
	margin-right:2%;
	margin-top:2%;
}
.dashboard-button{
	position:relative;
	width:29%;
	height:85px;
	border:1px solid #f2f2f2;
	border-radius:5px;
    margin:2%;
	float:left;
}
.dashboard-button:hover{
	background-color:#f2f2f2;
}
.dashboard-button img{
	width:25%;
	height:75px;
	margin:1.5%;
	float:left;
}
.dashboard-button h4{
	color:#737373;
	margin:8px;
}
.dashboard-button p{
	color:#00332e;
	text-align:left;
	font-size:11px;
}
.user-icon{
	position:relative;
	width:100%;
	height:80px;
	padding:auto;
}
.user-icon img{
	width:100px;
	height:100px;
	display: block;
	margin-top:15px;
	margin-left: auto;
    margin-right: auto;
}
.user-cell{
	width:100%;
	height:auto;
	
}
.user-cell a{
	text-decoration:none;
}
.user-cell button{
	color:#00332e;
	margin-top:50px;
	width:70%;
	display: block;
	margin-left: auto;
    margin-right: auto;
	height:35px;
	font-size:15px;
	font-weight:600;
	font-family:Sans-serif;
}

@media screen and (max-width:820px){
	.dashboard-space{
		height:1000px;
	}
	.dashboard-main{
		width:96%;
		height:620px;
		box-shadow: 0px 0px 0px #888888;
	}
	.dashboard-side{
		width:96%;
		box-shadow: 0px 0px 0px #888888;
	}
	.dashboard-button{
		width:80%;
		margin-left:10%;
		margin-right:10%;
	}
	.dashboard-button p{
		font-size:10px;
	}
   
}

/*SELECTED PRODUCT CSS START*/
/*SELECTED PRODUCT ON DESKTOP*/

.left-align{
	float:left;
}
.selected-products{
	width:93%;
	padding:3%;
}
.product-list-box{
	width:60%;
	background-color:white;
	border-bottom:1px solid #d9d9d9;
	border-radius:2px;
	float:left;
	margin-bottom:50px;
}
.product-list-box h1{
	color:#00332e;
	font-size:20px;
	padding: 15px 0px 0px 20px; 
	//height:50px;
	font-family:Sans-serif;
}
.product-list{
	width:100%;
	height:225px;
	border-top:1px solid #f2f2f2;
}
.product-img-and-button{
	width:150px;
	height:auto;
    float:left;
}
.about-selected-product{
	width:72%;
	height:205px;
	float:left;
}
.horizontal-text{
	width:98%;
	height:145px;
	float:left;
	color:#00332e;
	padding:10px 0px 0px 2%;
}
.horizontal-s{
	width:100%;
	float:left;
	color:#00332e;
	height:50px;
	padding:5px 0px 0px 2%;
}
.horizontal-s h3{color:#00332e;font-size:15px;}
.horizontal-s h3:hover{color:#00897b;}
.about-selected-product a{
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:18px;
  color:#00332e;
  height:auto;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
}
.about-selected-product a:hover{color:#008fb3;}
.about-selected-product h4{font-style:normal;font-size:13px;color:#00332e;font-weight:800;}
.about-selected-product h5{font-size:15px;margin-top:35px;color:#00332e;}
#show-dis{
	margin:0px 5px 0px 5px;
	color:#ff9933;
}
.product-img{
	position:relative;
	width:100%;
	height:142px;
	padding:15px 0px 0px 20px;
}
.product-img-and-button img{
	width:110px;
	height:110px;
}

.product-in-de{
	position:relative;
	width:100%;
	height:50px;
	padding:7px 0px 0px 15px;
}
.product-in-de a{
	color:#004d45;
	
}

.product-img-and-button input[type=button]{
	border-radius:100%;
	width:40px;
	height:40px;
	font-size:18px;
	border:none;
}
.product-img-and-button input[type=button]:hover{
	background-color:#d9d9d9;
}
.product-img-and-button input[type=text]{
	width:30px;
}

.order-button{
	width:100%;
	height:80px;
	border-top:1px solid #f2f2f2;
	box-shadow: 0px 1px 5px 1px #d9d9d9;
	float:left;
}
.order-items-space{
	width:49%;
	float:left;
}
.order-items-space input{
	width:135px;
	margin:25px 0px 0px 50%;
}
.order-items-space h4{
	margin:28px 0px 0px 9%;
	color:#00332e;
	font-size:18px;
}
.products-price-box{
    width:30%;
	background-color:white;
	border-bottom:1px solid #d9d9d9;
	border-radius:2px;
	float:left;
	margin-left:2%;
	height:250px;
}
.products-price-box h3{
	margin:20px 0px 0px 25px;
	font-size:1.4vw;
	color:#00332e;
	font-family: Calibri;
}
.price-details{
	border-top:1px solid #d9d9d9;
	margin-top:22px;
	height:75px;
	font-family: Arial, Helvetica, sans-serif;
}
.price-details .pq{
	width:47%;
	float:left;
}
.price-details .pn{
	width:50%;
	float:left;
	border-bottom:1px dotted #d9d9d9;
}
.price-details h5:nth-child(n+1){
	font-size:14px;
	color:#00332e;
	text-align:left;
	margin:16px 0px 0px 25px;
}

.m-select-method{
  margin: auto;
  width: 50%;
  padding: 25px;
  line-height: 3;
  font-family: Arial, sans-serif;
  color:#004d45;
  display:none;
  font-weight:600;
}
.d-select-method{
  margin: auto;
  width: 50%;
  padding: 25px;
  line-height: 3;
  font-family: Arial, sans-serif;
  color:#004d45;
  font-weight:600;
}

@media screen and (max-width:1100px){
	.selected-products{display:none;}
	.m-product-list-box{display:block;}
	.m-select-method{display:block;}
	.d-select-method{display:none;}
}
/*SELECTED PRODUCT ON DESKTOP END*/

/*SELECTED PRODUCT ON MOBILE START*/

.m-product-list-box{
	width:96%;
	padding:2% 2% 2% 2%;
	background-color:white;
	border-bottom:1px solid #d9d9d9;
	border-radius:2px;
	margin-bottom:50px;
	display:none;
}

.m-product-list{
	width:97%;
	height:550px;
	border-top:1px solid #f2f2f2;
	border-left:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
	padding-left:2%;
}
.pay{
	height:480px;
}
.m-product-img-and-button{
	width:100%;
	height:300px;
    float:left;
}
.m-about-selected-product{
	width:100%;
	height:auto;
	float:left;
}
.m-horizontal-s{
	width:120px;
	float:left;
	border-radius:3px;
	border:1px solid #e6e6e6;
	padding:5px 0px 8px 0px;
	margin-top:18px;
	text-align:center;
	background-color:#00897b;
}
.m-horizontal-s:hover{background-color:#00665c;}
.m-horizontal-s a{
	text-decoration:none;
	font-size:13px;
    color:white;
	text-align:center;
}
.product-text{
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:15px;
  color:#00332e;
  height:auto;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:800;
  text-decoration:none;
  text-align:left;
}
.m-about-selected-product a{color:#d9d9d9;}
.m-about-selected-product a:hover{color:#008fb3;font-size:18px;font-family: Arial, Helvetica, sans-serif;}
.m-about-selected-product h4{font-style:normal;font-size:14px;text-align:left;color:#00332e;}
.m-about-selected-product h5{font-size:15px;margin-top:35px;color:#00332e;text-align:left;font-family: Arial, Helvetica, sans-serif;}
.m-horizontal-s a:hover{font-size:13px;color:white;}

#remove_item{
	 margin-left:35px;
	 color:#1a1a1a;
}
#remove_item:hover{
	color:red;;
}

#m-show-dis{
	margin:0px 5px 0px 5px;
	color:#00332e;
}
.m-product-img{
	position:relative;
	width:100%;
}
.m-product-img img{
	display: block;
	height:250px;
	margin-left: auto;
    margin-right: auto;
}

.m-product-in-de{
	width:100%;
	height:50px;
	float:left;
    padding-top:5px;
}

.m-product-img-and-button input[type=button]{
	border-radius:100%;
	width:40px;
	height:40px;
	font-size:18px;
	border:none;
	float:left;
	
   
}
.m-product-img-and-button input[type=button]:hover{
	background-color:#d9d9d9;
}
.m-product-img-and-button input[type=text]{
	width:30px;
	float:left;
	margin:0px 5px 0px 5px;
}
.m-order-button{
	width:99.2%;
	height:80px;
	border-top:1px solid #f2f2f2;
	box-shadow: 0px 1px 5px 1px #d9d9d9;
}
.m-order-button input{
	width:135px;
	float:right;
	margin:22px 2% 0px 0px;
}
.m-order-button p{
	width:45%;
	float:left;
	color:#00332e;
	margin:30px 0px 0px 2%;
	text-align:left;
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
}

.m-products-price-box{
    width:32%;
	background-color:white;
	border-bottom:1px solid #d9d9d9;
	border-radius:2px;
	float:left;
	margin-left:2%;
	height:250px;
}
.m-products-price-box p{
	margin:16px 0px 0px 25px;
	font-size:19px;
	color:#808080;
	font-family: Calibri;
}
.m-price-details{
	border-top:1px solid #d9d9d9;
	margin-top:22px;
	height:100px;
}
.m-price-details .pq{
	width:50%;
	float:left;
	border-bottom:1px dotted #d9d9d9;
}
.m-price-details .pn{
	width:50%;
	float:left;
	border-bottom:1px dotted #d9d9d9;
}
.m-price-details p:nth-child(n+1){
	font-size:17px;
	color:#808080;
	margin:16px 0px 0px 25px;
}

@media screen and (max-width:1100px){
	.m-product-list-box{display:block;}
}
/*SELECTED PRODUCT ON MOBILE END*/


/*END.. This css code for cart page*/


/*Coustomer ac code*/
.new-coustomer-ac-container{
	width:350px;
	margin:auto;
}
.container-div{
	margin-top:50px;
	width:85%;
	height:550px;
	border:1px solid #d9d9d9;
	border-radius:3px;
	background-color:white;
	padding-left:7%;
	padding-right:7%;
	margin-bottom:50px;
}
.message{
	width:83%;
	height:80px;
	border:1px solid red;
}
.icons-space{
	float:left;
	width:20%;
	//border:1px solid red;
}
.message h3{color:#ff5050;font-size:16px;font-weight:600;}
.main-space{
	width:100%;
	height:110px;
	border:5px solid red;
}
.login{
	height:325px;
}
.container-div p{color: #404040;font-size:12px;font-weight:600; font-family: Arial, Helvetica, sans-serif; }
.container-div a{color: #404040;font-size:12px;font-weight:600; font-family: Arial, Helvetica, sans-serif; }
.container-div a:hover{color:#999999;}
.text-field{
	width:98%;
	border:1px solid #d9d9d9;
	border-radius:3px;
	background-color:white;
	height:32px;
	margin-bottom:10px;
  }
.m{
	height:35px;
}

.text-field:focus{
	box-shadow: 0px 0px 2px 2px #33ccff;
}

.avadhbtn{
    width:100%;	
	height:32px;
	border-radius:3px;
	background-color:#ffcc66;
	border:1px solid #8c8c8c;
}
.login-button{
	width:100%;
    display: block;
    margin-left:auto;
    margin-right:auto;
	margin-top:10px;
}
.avadhbtn:hover{
	background-color:#ffbb33;
}
@media screen and (max-width:380px){
	.new-coustomer-ac-container{
      	width:100%;
	}
}
/*Coustomer ac code END*/


.scrollmenu {
  overflow: auto;
  white-space: nowrap;
  padding-left:10px;
}

.contenbox {
  display: inline-block;
  text-align:left;
  padding: 5px 0 0 12px;
  width:30%;
  height:200px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:600;
  color:#595959;
  border:1px solid  #f2f2f2;
  box-shadow: 1px 4px 2px 1px #888888;
  white-space:nowrap;
  overflow:hidden;
  line-height:.8;
}
@media screen and (max-width:1150px){.contenbox { width:50%;}}
@media screen and (max-width:650px){.contenbox { width:92%;font-size:11px;}}
.contenbox h2{color:#00332e;}
.contenbox:hover{
	background:#ffffe6;
}
.dbutton{
 margin-left:10px;
}
.form-control{
	width:95%;
	font-weight:400;
	margin-left:2%;
	color:#595959;
	font-family: Arial, Helvetica, sans-serif;
}
.button_space{
  margin: auto;
  width: 25%;
  border: 3px solid #00897b;
  padding: 10px;
  margin-top:50px;
  margin-bottom:50px;
  text-align:center;
  border-radius:7px;
  
}
.button_space input{
	width:50%;
	height:35px;
	border-radius:5px;
	background-color: #ffc34d;
	color:white ;
	font-size:18px;
}
.button_space input:hover{background-color:#ffd480;}

@media screen and (max-width:850px){
 .button_space{
     width: 40%;
}
 .button_space input{
    width:100%;
	font-size:18px;
}
}
@media screen and (max-width:520px){
 .button_space{
     width: 50%;
  }
 .button_space input{
    width:100%;
	font-size:15px;
 }
}
.about-us-space{
  margin:15px;
  color:#00332e;
  font-family: Arial, sans-serif;
  font-size:14px;
  font-weight:600;  
}
.about-us-space h2{
	color:#00897b;
}
.terms-and-condition{
  margin:15px;
  color:#00332e;
  font-family: Arial, sans-serif;
  font-size:14px;
  font-weight:400; 
}
.terms-and-condition h2{
  color:#00897b;
}
.terms-and-condition a{
	margin-left:1%;
	color:#00897b;
}
.terms-and-condition li{
  margin-left:1%;
}
.set-table{
	background-color: #f2f2f2;
	border:1px solid #595959;
	margin-top:15px;
	margin-bottom:15px;
	padding:2px;
}
.set-table tr{
	border:1px solid #595959;
}
.set-table th{
	border:1px solid #595959;
	width:50%;
	height:20px;
	padding:10px;
	text-align:left;
}
.set-table td{
	border:1px solid #595959;
	color:#001a17;
	width:50%;
	height:20px;
	padding:10px;
	text-align:left;
}
/*=============BOTTOM START==========*/
.bottom{
	background-color:#008fb3;
	color:white;
	border-top:10px solid #808080;
}
.bottom h6{
	text-align:center;
	padding-top:50px;
}
.copyrite{
	width:100%;
	height:50px;
	position:relative;
	float:left;
	text-align:center;
	margin-top:30px;
}
/*=============BOTTOM END============*/

/*=============ABOUT US START============*/
.about-front{
	width:49%;
	height:auto;
	position:relative;
	float:left;
	margin-top:70px;
}
.about-front img{
	width:100%;
	height:450px;
}
.about-front p{
	text-align:left;
	padding:0px 10px 0px 0px;
}
.about-front  h2{
	text-align:left;
	padding:0px 10px 0px 0px;
	color:#008fb3;
}
.about-front  h4{
	text-align:left;
	padding:0px 10px 0px 0px;
	color:#008fb3;
}
.con-box{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:20px;
	height:auto;
}
.inputbox{
	width:100%;
	height:auto;
	border-radius:5px;
	margin-top:15px;
}
.inputbox .inputtext{
	width:100%;
	height:35px;
	border-radius:2px;
}
.inputbox .inputtext:focus{
	border:2px solid  #80dfff;
}
.inputbox .inputtext:hover{
	border:2px solid  #80dfff;
}
.inputbox textarea{
	width:100%;
	border-radius:2px;
	height:100px;
}
.inputbox textarea:focus{
	border:2px solid  #80dfff;
}
.inputbox textarea:hover{
	border:2px solid #80dfff;
}

.inputbutton{
	width:120px;
	height:35px;
	font-size:18px;
	float:right;
	margin-top:20px;
	margin-bottom:20px;
	border-radius:5px;
	
}
.inputbutton:hover{
	background-color:white;
}


/*=============ABOUT US  END=============*/
.youtube-video-control{
	width:100%;
	height:480px;
}

/*Traking CSS*/
.orderd_product{
   width:89.5%;
   height:130px;
   border:1px solid #f2f2f2;  
   box-shadow: 2px 2px 2px #888888;
   border-radius:3px;
   background-color:white;
   margin:0% 5% 5% 5%;   
   float:left;
}
.orderd_product:hover{
   border:1px solid #b3b3b3;  
}
.orderd_product-image{
   width:20%;
   height:125px;
   float:left;
}
.orderd_product-image img{
   width:150px;
   height:100%;
}
.orderd_product-details{
   width:25%;
   height:auto;
   float:left;
   padding:5px 5px 5px 5px;
}
.orderd_product-details h3{
   overflow:hidden;
   text-overflow:ellipsis;
   font-weight:600;
   font-size:15px;
   line-height:1;
   color:#00332e;
}
.orderd_product-details p{
   text-overflow: ellipsis;
   font-weight:400;
   font-size:13px;
   font-family: Arial, Helvetica, sans-serif;
   line-height:1;
   font-weight:600;
   color:#00332e;
   text-align:left;
}
.orderd_product-details a{
   color:#00897b;
}
.search-bar-space{
	width:90%;
	margin:5% 5% 1% 5%;
	float:left;
}
.input-button{
	width:80%;
	height:40px;
	float:left;
}
.input-button input {
	width:100%;
	height:35px;
	z-index:1;
	border-radius:5px ;
	background-color:transparent;
	border:none;
	border:1px solid #f2f2f2;
	font-size:18px;
	color:#808080;
}
.search_button{
	float:left;
	width:20%;
	height:42px;
}
.search_button button{
	width:80%;
	height:40px;
	z-index:-1;
	float:right;
	background-color:none;
	border-radius:5px ;
	background-color:#00ccff;
	border:1px solid #f2f2f2;
}
.search_button button:hover{
	background-color:#008fb3;
}
/*for Mobile devices*/
.mob-pro-img{
	 width:150px;
}
.mob-pro-name{
	 width:40%;
}
.mob-pro-name h3{ 
     font-size:13px;
	 text-decoration:none;
}
.mob-pro-name p{ 
     font-size:12px;
	 text-align:left;
	 text-decoration:none;
}
.forword-icon{
	font-size:40px;
	color: #00332e;
	margin-top:30px;
	margin-right:5px;
	float:right;
	
}
.forword-icon:hover{
	color:green;
}
@media screen and (max-width:360px){
	.mob-pro-img{
		width:100px;
	}
	.mob-pro-img img{
		width:100px;
		height:100px;
	}
}
.dilivery-address-sapace{
	background-color: #f2f2f2;
	width:84%;
	height:auto;
	padding:2% 8% 2% 8%;
}
.dilivery-address{
	width:96%;
	height:250px;
	box-shadow: 1px 1px 1px #888888;
	background-color:white;
	padding:2% 2% 2% 2%;
}
.dilivery-address h3{
	color: #262626;
	font-size:18px;
	font-weight:400;
	font-family: Arial, Helvetica, sans-serif;
}
.dilivery-address p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:500;
	width:45%;
}
.dilivery-address a{
	color: #00897b;
}
.dilivery-address a:hover{
 color: #00b3a1;
}
@media screen and (max-width:720px){
	.dilivery-address-sapace{
	   width:95%;
	   padding:5% 2% 5% 2%;
	}
	.dilivery-address p{width:80%;}
}
.dilivery-graph{
	width:96%;
	height:20px;
	box-shadow: 1px 1px 1px #888888;
	background-color:white;
	padding:0% 2% 3% 2%;
}
.graphtext{
	width:100%;
	height:50px;
	background-color:white;
	float:left;
	box-shadow: 1px 1px 1px #888888;
}
.graphtext-content{
	width:25%;
	height:20px;
	float:left;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.dilivery-graph progress{
	width:100%;
}
.space-vertical{
	width:100%;
	height:100px;
}
.cancel-text-area{
	width:98%;
	height:150px;
}
.cancel-button{
	float:right;
	margin-right:10px;
	margin-top:25px;
	width:80px;
	height:25px;
}
/*Traking CSS END*/