body
{
width:100%;
height:auto;
text-align:left;
background-color:#fafafa;
overflow-x:hidden;

text-decoration:none;
font-family: 'Barlow', sans-serif,'Roboto',Corbel,Arial;
margin:0px;
-webkit-font-smoothing :subpixel-antialiased;

}
@media (min-width:0px) and (max-width:600px){
body {
	background:#fff;
}
} 
a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}
img {
	cursor: pointer;
}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px #FFFFFF;
	border-radius: 3px;
	background-color: #FFFFFF;
}

::-webkit-scrollbar
{
   height:7px;
	width: 10px;
	background-color:#FFFFFF;
}

::-webkit-scrollbar-thumb
{
 
	border-radius: 3px;
	background-color: #e6e6e6;
}
@media  (min-width:0px) and (max-width:600px) { 
::-webkit-scrollbar-track
{
	-webkit-box-shadow: none;
	border-radius: 0px;
	background-color: transparent;
}

::-webkit-scrollbar
{

	width: 0px;
	background-color:transparent;
}

::-webkit-scrollbar-thumb
{
 
	border-radius: 0px;
	background-color: transparent;
}
}

/***********utilities******************/
.no-overflow {
	overflow:hidden !important;
}
.light-grey {
	background: #f7f7f7 !important;
}
.whitebg {
	background:rgb(255 255 255) !important;
}
.black {
	color:#000 !important;
}
.width100 {
	width:100% !important;
}
.width60 {
	width:60% !important;
}
.padding-left20 {
	padding-left:20px !important;
}
.padding-right20 {
	padding-right:20px !important;
} 

.colorblue {
    color: #03a9f4 !important;
}
.margin-top-0 {
	margin-top:0px !important;
}
.margin-top-10 { 
	margin-top:10px !important;
}
.margin-top-16 {
	margin-top:16px !important;
}
.margin-top-18 {
	margin-top:18px !important;
}
.margin-bottom-10 {
	margin-bottom:10px !important;
}

.margin-top-60 {
	margin-top:60px !important;
}

.margin-left-7 {
	margin-left:7px !important;
}
.margin-left-10 {
	margin-left:10px !important;
}
.margin-left-11 {
	margin-left:11px !important;
}
.height50 {
	    height: 50px !important;
}
.text-left {
	text-align:left !important;
}
.text-right {
	text-align:right !important;
}
.text-center {
	text-align:center !important;
}
.float-left {
	float:left !important;
}
.float-right {
	float:right !important;
}

.font13 {
	font-size:13px !important;
}
.font15 {
	font-size:15px !important;
}
.font18 {
	font-size:18px !important;
}
.height45-clip {
	    height: 45px !important;
    overflow: hidden !important;
}
.height40-clip {
	    height: 40px !important;
    overflow: hidden !important;
}
.height34-clip {
	    height: 34px !important;
    overflow: hidden !important;
}
.nogrid {
display:block !important;
}
.displayinline {
display:inline-block !important;
}

.border-left-right {
	border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
/**********************************/
.profileimgg {
	width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    margin:10px 8px 10px 10px;
    float: left !important;
}

.profilename {
font-size: 15px !important;
    color: #ff5c33 !important;
    font-weight: 400 !important;
    margin: 12px 2px 0px 5px !important;
    line-height: 1.5 !important;
    text-align: left !important;
	font-family: 'Barlow', sans-serif;
	    padding: 12px 0px 0px 0px !important; 
}
.profiletime {
    font-size: 10px !important;
    color: #404040 !important;
    font-weight: 100 !important;
    margin: 0px 2px 5px 2px !important;
    text-align: left !important;
}
.postimgg {
	width: auto !important;
    max-width: 100%;
    /* height: 100px !important; */
    min-height: 100%;
    max-height: 450px;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /* object-fit: cover !important; */
    border: none !important;
}

.posthold {
	   height: auto;
    margin: auto;
    border: none;
    /* border-bottom: 1px solid #e6e6e6; */
    padding-bottom: 10px;
    margin-top: 40px;
    box-shadow: 1px 1px 45px rgb(0 0 0 / 9%);
    border-radius: 2px;
}

.posthold img, .newblog img {
	width:inherit;
}

.newblog p img {
	width: auto;
    max-width: 100%;
	}

.postcomment1 {
	width: 80%;
    max-width: 80%;
    min-width: 80%;
    height: 30px;
    max-height: 100px;
    border: none;
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    color: #404040;
    font-weight: 400;
    margin: 8px 2px 3px 10px;
    padding-left: 8px;
    transition: border-bottom .5s;
}
.postcomment1:focus {
	outline:none;
}

.postbutton {
	height: 38px;
    width: 40px;
    margin: 2px 3px 7px 9px;
    border: none;
    background: none;
    color: #cacaca;
}
/********/
.newsimgg {
	    width: 100px !important;
    height: 100px !important;
    float: left !important;
	
}
.newsrc {
	font-size: 15px !important;
    color: #ff5c33 !important;
    font-weight: 400 !important;
    margin: 5px 2px 0px 4px !important;
    text-align: left !important;
    font-family: 'Barlow', sans-serif;
    padding: 4px 0px 0px 7px !important;
    float: left;
}

/************/

.Header1{
width:100%;
height:50px;
background-color: #F0F0F0;
margin-top:0px;
margin-bottom:20px;
}
.Header1 img{
width:230px;
height:100px;
}
.headerdiv{
height:auto;
width:100%;

}
.headerdiv p{
font-size:5px;
color:rgb(128, 128, 128);
display:inline;
font-style: oblique;
}
.Header{
width:100%;
min-width:320px;
height:50px;
background-color:#ffffff;
-webkit-box-shadow: 0px 2px 3px 0px rgba(138,138,138,1);
-moz-box-shadow: 0px 2px 3px 0px rgba(138,138,138,1);
box-shadow: 0px 2px 3px 0px rgba(138,138,138,1);
margin:0px;
position:fixed;
z-index:8;
float:left;

}
.Header img{
width:40px;
height:40px;

}
.signin, .signin1{
width:auto;
padding:0px;
border-radius:15px;
color:#FFFFFF;
float:left;
margin-left:25px;
}  
.signin1 {
float:right;
margin-right:5px;
margin-top:5px;
margin-left:2px;	
}
.signin form {
 width:auto;
 height:auto;

}
.signin p {
width:auto;
font-size:14px;
color:#404040;
font-weight:bold;
}
.signin span {
width:auto;
font-size:18px;
color:#404040;
font-weight:bold;
border:1px solid black;
}
.signin img {
width:40px;	
margin-top:5px;
margin-left:5px;
}

.Search{
width:105px;
height:30px;
border:1px Solid #b2b2b2;
margin-left:2px;
font-size:13px;
margin-top:10px;
padding-left:2px;
border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
}
@media (min-width:300px) and (max-width:330px) { 

.Search{
width:80px; 
height:30px;
border:1px Solid #b2b2b2;
margin-left:2px;
font-size:13px;
margin-top:10px;
border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;

}

}

.Search1{
width:auto;
height:auto;
}
.Search1 img{
width:78px;
height:78px;
border:1px Solid #808080;
margin-left:340px;
margin-right:0px;
font-size:40px;
border-radius:5px;
margin-top:-79px;
}
.srcbtn{
width:30px;
height:30px;
border:0px;
margin-left:px;
margin-right:0px;
background-color:#ffffff;
border:1px solid #b2b2b2;
font-size:15px; 
font-weight:bold;
color:#333;
} 

.foothandle{
width:100%;
min-width:300px;
height:34px;
background-color:#fff;
left:0;
margin:auto;
position:fixed;
bottom:0px;
-webkit-box-shadow: 0px -1px 26px 0px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0px -1px 26px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px -1px 26px 0px rgba(0, 0, 0, 0.12);
}
.foothandle1,.foothandle2,.foothandle3,.foothandle4{
width:24.44%;
float:left;
height:40px;

}
.foothandle3 span{
background-color:red;
color:#fff;
padding:2px;
font-size:10px;
text-align:center;
margin-top:6px; 
margin-left: -10%;
position: absolute;
border-radius:4px;
}
.foothandle4 span{
background-color:red;
color:#fff;
padding:2px;
font-size:10px;
text-align:center;
margin-top: -30px;
margin-left: 14%; 
position: absolute;
border-radius:4px;
}

.foothandle1 i,.foothandle2 i,.foothandle3 i,.foothandle4 i{
width:100%;
color:#4d4d4d;
font-size:22px; 
text-align:center;
margin-top:6px;
}

.foothandle1:hover.foothandle1 i:hover,.foothandle1:focus.foothandle1 i:focus{
color:#1565c0;
}
.foothandle2:hover.foothandle2 i:hover,.foothandle2:focus.foothandle2 i:focus{
color:#33cc33;
}
.foothandle3:hover.foothandle3 i:hover,.foothandle3:focus.foothandle3 i:focus{
color:#F44336;
}
.foothandle4:hover.foothandle4 i:hover,.foothandle4:focus.foothandle4 i:focus{
color:#607D8B;
}
.floater{
	width:95%;
	max-width:600px;
	height:auto; 
	background-color:#FFFFFF;
	margin:auto;
	margin-top:60px; 
	border-radius:3px 3px 0px 0px;
	
    
	}
	
@media (min-width:600px) and (max-width:1024px)    
{
.floater{
	border:1px solid #e6e6e6;
}

}
.product{
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	border-radius:3px 3px 0px 0px;
    display:inline-block;
}
.product img{
 	width:auto;
	max-width:98%;
	padding:4px;
	height:auto;  
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.product_name{
	width:auto;
	height:auto;
    color:#262626;
	font-size:14px;
	margin-left:5px;
	margin-top:4px;    
	font-weight:500;
	}
.product_price{
    width:auto;
	height:auto;
	font-size:13px;   
	color:#ff0066;
	font-weight:500;
	word-wrap: break-word;
	margin-left:5px;
}
.product_price span{
	font-size:11px;   
	color:#999999;
	font-weight:400;
	word-wrap: break-word;
	margin-left:5px;
}
.product_price i {
	font-size:13px;
	color:#4d4d4d;
}
.product_stock{
    width:auto;
	height:auto;
	font-size:15px;
	color:#47B224;
	font-weight:lighter;
	word-wrap: break-word;
	margin-left:5px;
	font-style: oblique;
}
.product_delivery{
    width:auto;
	height:auto;
	font-size:15px;
	color:#0099FF;
	font-weight:lighter;
	word-wrap: break-word;
	margin-left:5px;
	font-style: oblique;
}

.cart1 {
	background-color:none;
	border: none;
    border-bottom:1px solid #00b386;	
	padding:7px; 
	color: #262626;
	font-weight:500;
	font-size:15px;
	cursor: pointer;  
	margin:6px 0px 6px 4px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .2);
    border-radius:3px;
}
.cart1:focus {
	background-color:none;
	border: none;
    border-bottom:2px solid #00b386;	
	outline:none;
}
.compare23 {
	background-color:none;
	border: none;
    border-bottom:1px solid #ff5c33;
	padding:7px;
	color: #262626;
	cursor: pointer;     
	font-weight:500; 
	font-size:15px;
	margin-right:1px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .2);
    border-radius:3px;
}
.compare23:focus {
	background-color:none;
	border: none;
    border-bottom:2px solid #ff5c33;
	outline:none;
}
.compare:hover {
	opacity: 0.8;
}
.product_description
{
	width:auto;
	height:auto;
	white-space:pre-wrap;
	margin:1px
	margin-left:5px;
	
  
}

span.product_description{
	font-size:15px;
	color:Black;
	white-space:pre-wrap;
	font-weight:Bold;
	margin-left:5px;
	font-style: oblique;
}
H1.product_description {
    font-style: oblique;
	font-size:15px;
	color:Black;
	white-space:pre-wrap;
	margin-left:5px;
}
p.product_description {
	font-size:15px;
	color:black;
	white-space:pre-wrap;
	margin-left:4px;
	font-style: oblique;
	
}
/****************indexpage*****************/
.container{
width:95%;
height:auto;
margin:auto; 
margin-top:25px;
}

.similarnew{ 
height:196px;
}
.similar,.similarnew{ 
width:98%; 
overflow-x:scroll; 
overflow-y:hidden; 
padding-bottom:10px;
background-color:#fafafa;
position:relative;
display:inline-block;
text-decoration:none;
margin-top:1px;

}
.similar{ 
height:185px; 
padding-left:8px;  
}
.intersimilar{
height:100%; 
width:100%; 
overflow-x:scroll; 
overflow-y:hidden; 
padding-bottom:10px; 
background-color:#FFFFFF;
position:relative;
display:inline-block;
text-decoration:none;
-webkit-box-shadow: 0px 1px 1px 0px rgba(102,102,102,1);
-moz-box-shadow: 0px 1px 1px 0px rgba(102,102,102,1);
box-shadow: 0px 1px 1px 0px rgba(102,102,102,1);
margin-right:2px;
margin-left:2px;
margin-top:5px;

}
.similar2{
text-decoration:none;
background-color:#FFFFFF;
height:30px;
border-bottom:1px solid #efefef;
width:100%;
}
.similar2 img{
width:40px;
height:40px;
top:0;
bottom:0;
float:left;
}

.similar2 H1 {
width:auto;
text-align:left;
font-size:16px;
padding:6px 0px 0px 3px;
text-decoration:none;
color:#262626;
text-rendering: optimizeLegibility;
font-weight:400;
bottom:0;
}
.similar2 p {
width:80px; 
text-align:left;
float:right;
font-size:14px;
text-decoration:none;
color:#30ade9; 
text-rendering: optimizeLegibility;
font-weight:500; 
margin:0px 2px 2px 0px;
bottom:0;
}
@media (min-width:300px) and (max-width:330px){
H1.similar2{
font-size:20px;
}
}
.similar1{
margin-top:10px;
width:126px;
padding-left:4px;
padding-right:4px;
height:164px; 
float:left;
background-color:#FFFFFF;
position:absolute;
/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .2);*/
box-shadow: 0px 2px 1.5px 0px rgba(0,0,0,0.25);      
border-radius:3px;
border:none;
border-top:1px solid #efefef;
margin-left:auto;
text-align:center;
}
.similarsee {
margin-top:10px;
width:100px;
padding-left:4px;
padding-right:4px;
height:164px; 
float:left;
background-color:none;
position:absolute;
/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .2);*/
      
border-radius:3px;
border:none;

margin-left:auto;
text-align:center;
}
.similarsee p {
 font-size:14px;
 color:#ccc;
 width:56px;
 height:35px;
 padding-top:20px; 
 border:1px solid #ccc;
 border-radius:50%;
 margin:auto;
 margin-top:50px;
}
.similarsee p:hover {
color:#fff;
border:none;
background: #B24592; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #B24592 , #F15F79); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #B24592 , #F15F79); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
transition:0.3s;        
        
}
.similar1 img{
 	width:auto;
	max-width:125px;
	height:auto;
	max-height:125px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
.similarnew1 {
	width:125px;
	height:125px;
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}
.similarnew1 img {
	width:auto;
	max-width:120px;
	height:auto;
	max-height:110px;
	display:block;
	top:-5px;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	position:absolute;

	/*margin-left:auto;
	margin-right:auto;*/
}
.similar3{
margin-top:0px;
width:95%;
height:auto; 
background-color:none;
position:absolute;
padding-left:10px;
margin-right:2px;
text-decoration:none;
font-size:auto;
font-style: oblique; 
}
.similar4{
margin-top:0px;
width:100%;
height:auto; 
float:left;
border-radius:3px 3px 0px 0px;
background-color:#FFFFFF;
position:absolute;
margin-left:auto;
margin-right:;
text-decoration:none;
font-size:auto;
}
/*************************StoreDisplay********************************************************************/
.Products{
	width:135px;
	height:175px;
	display:inline-block;
	background-color:#FFFFFF;
	margin-top:5px;
	margin-right:5px;
	margin-left:9px;
	margin-bottom:10px;
	border-radius:3px 3px 0px 0px;
    border:1px solid #efefef;
font-size:auto;
float:left;
}
.Products img{
    width:auto;
	max-width:130px;
	height:auto;
	max-height:130px;
	top:0;
	bottom:0;
	right:0;
	left:0;
}

.Productimg {
	width:125px;
	height:125px;
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}
.Productimg img {
	width:auto;
	max-width:120px;
	height:auto;
	max-height:110px;
	display:block;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	position:absolute;

	/*margin-left:auto;
	margin-right:auto;*/
}


.ProductFloat {
   width:310px;
   height:auto;
   display:inblock;
   margin-left:auto;
   margin-right:auto;
   margin:auto;
   
}
@media (min-width:600px) and (max-width:1024px) {
	.ProductFloat {
   width:610px;
   
}
}
/*****categories*****/
 summary::-webkit-details-marker {
 color: #FF3300;
 font-size: 12px; 
 margin-right: 2px;
 text-decoration: none;
 font-style: oblique;
}
summary:focus {
	outline-style: none;
	 border: 1px solid #666;
    text-decoration: none;
}
article > details > summary{
	font-size: 15px;
	margin-top: 16px; 
	margin-left:10px;
	color: #808080;
    text-decoration: none;
	font-style: oblique;
	
}
details > p {
	margin-left: 24px;
	font-size:14px;
	text-decoration:none;
	color: #FF3300;
}
details details {
	margin-left: 36px;
	text-decoration:none;
 }
details details summary {
	font-size: 14px;
	text-decoration:none;
	font-style: oblique;
}
details > details > summary > a{
    text-decoration: none;
	color:#666;
}
details > p > a{
    text-decoration: none;
	color:#666;
}
/*******************************************************************************************************/

/*****************************Blogmainpage****************************************************************/


H1.Blog_description {
    
	width:94%;
	font-size:14px;
color:#404040;
font-weight:600;
line-height:18px;
text-shadow:0px 1px #efefef;
margin:4px 2px 2px 4px;
padding-right:2px;
text-align:left;
line-height:1.5;
word-wrap:break-word;
	
	}

p.Blog_description {
    width:80%;
	font-size:14px;
color:#4d4d4d;
font-weight:500;   
line-height:18px;
text-shadow:0px 1px #efefef;
margin:4px 2px 2px 4px;
text-align:left;
	white-space:pre-wrap;
	
	
}
span.Blog_description {
    width:8%;
	min-width:100px;
	font-size:14px;
	color:red;
	white-space:pre-wrap;
	padding:2px;
	padding-top:3px;
	font-style: oblique;
	margin-top:2px;
}

@media (min-width:300px) and (max-width:330px){
H1.Blog_description {
    
	font-size:16px;

	
	}

p.Blog_description {
	font-size:14px;
	
}
span.Blog_description {
	font-size:14px;
}
}
/**onclick menu**********************************************************************************************/
.onclick-menu ul {
	list-style: none;
	height:auto;
	width:350px;
	position:absolute;
	top:30px;
}
.onclick-menu-content {
	width: 100%;
	height:100%;
	padding-left:40px;
-webkit-box-shadow: 3px 3px 9px -1px rgba(43,43,43,1);
-moz-box-shadow: 3px 3px 9px -1px rgba(43,43,43,1);
box-shadow: 3px 3px 9px -1px rgba(43,43,43,1);
	background-color:#FFFFFF;
	border-radius: 0px 0px 0px 0px;
}
.onclick-menu-content li{
   border-bottom:1px solid #E6E6E6;
   margin-left:-30px;
   margin-bottom:5px;
   font-size:16px;
   color:#5C5C5C;
   font-style: oblique;
	
}

.onclick-menu-content li img {
	width: 40px;
	height: 40px;
	margin-bottom:0px;
	margin-top:.5px;
	

}
/*TIPS */
.onclick-menu-content li span.tips {
	position: absolute;
	display: block;
	top: 10px;
	padding: 5px;
	background-color: #F0F0F0;
	color: #448ab0;
	text-decoration: none;
	font-size: 11px;
	font-style: oblique;
}
.onclick-menu {
    position: absolute;
	background-color:none;
	width:30px;
	z-index:10000;
	top:7px;
	
}

.onclick-menu:before {
    content: "";
}
.onclick-menu:focus {
    pointer-events: none;
}
.onclick-menu:focus .onclick-menu-content {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.onclick-menu-content {
    position: absolute;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.10s;
}
#tip {
	background-color:none;
}
/************************** Cart******************/
.cartproduct{
 width:100%;
 height:250px;
 -webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
 -moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
 box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
 margin-top:1%;
}
.cartproduct H1{
 width :60%;
 height:auto;
 float:right;
 font-size:18px;
 font-style: oblique;
}
.cartproduct p{
 width :60%;
 height:auto;
 float:right;
 font-size:18px;   
 font-style: oblique;
}
.cartproduct span{
 width :60%;
 height:auto;
 float:right;
 font-size:18px;
 font-style: oblique;
}
.cartproduct img{
 width :30%;
 height:80%;
 float:left;
 margin:1%;
}
.qty{
 width :50%;
 height:auto;
 float:right;
 font-size:15px;
 margin-right:15px;
 font-style: oblique;
	}
#select_payment {
    width:60%;
	padding: 5px 5px 5px 5px;
	color: #333;
	font-size:18px;
	font-weight:bold;
	font-style: oblique;

}
#select_payment select {
	font-size:18px;
	color: #808080;
	width: auto;
	font-style: oblique;
}
#hide_button {
	font-size:18px;
	color: #333;
	width:auto;
	border:1px solid #CCC;
	font-style: oblique;
}
.couponcode{
    width:60%;
	padding: 5px 5px 5px 5px;
	color: #333;
	font-size: 18px;
	font-weight:bold;
	font-style: oblique;
}

.Deleteprod {
font-style: oblique;
	background-color:red;
	border: none;
	width: 7%;
	height: 7%;
	color: rgb(255, 251, 240);
	font-weight:bold;
	font-size:18px;
	cursor: pointer;
	border-radius:2px;
	margin-left:1px;
	-webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
-moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
 float:right;
}
.Ordertotal{
 width:100%;
 height:auto;
 -webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
 -moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
 box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
 margin-top:1%;
}
.Ordertotal H1{
  font-size:18px;
  font-weight:bold;
  color:#666666;
  font-style: oblique;
}
.Ordertotal p{
  font-size:18px;
  font-weight:bold;
  color:#666666;
  float:right;
  margin-right:300px;
  margin-top:-62px;
  
}
/***********************************checkout******************************************************/
.displai{
  width:100%;
  height:auto;
  -webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
-moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
}
.displai H1{
  font-size:18px;
  font-weight:bold;
  color:#666666;
  font-style: oblique;
}
.displai input{
  width:92%;
padding:5px;
font-size:16px;
border-radius:4px;
color:#b2b2b2;
margin-left:12px;
margin-top:8px;
border:1px solid #CCC;
}
/*******************************Success********************************************************************/
#select_payment p{
    font-size:35px;
	color: #808080;
	width: auto;
	float:right;
	margin-top:0px;
	font-style: oblique;
}
.Customer{
width:100%;
height:auto;
-webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
-moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
}
.Customer H1{
  font-size:18px;
  font-weight:bold;
  color:#666666;
  font-style: oblique;
}
.Customer H2{
  font-size:18px;
  font-weight:bold;
  color:#666666;
  font-style: oblique;
}
.Customer p {
  font-size:18px;
  color:#666666;
  font-style: oblique;
}
.Customer span{
font-size:18px;
  color:green;
  font-style: oblique;
}
/*****************************Profile**********************************************************************/

.Profile{
  width:100%;
  height:auto;
  background-color:#FFFFFF;
  margin-top:50px;
  margin:auto;
}
.Profile H1{
  font-size:22px;
  font-weight:100;
  color:#4dc4ff;
  font-style:normal;
  margin-left:10px;
  margin-bottom:-5px;
}
.Profile p {
  font-size:20px;
  color:#909090;
  display:block;
  font-style: oblique;
  font-weight:100;
  padding-bottom:0px;
  margin-left:10px;
  margin-top:0px;
  }
.Profile img {
  width:97%;
  height:25%;
  margin-bottom:6px;
  padding:5px;
}
.Profdetails{
  width:95%;
  height:auto;
  margin:auto;
  background-color:#ffffff;
  -webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
  -moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
  box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
}
.Profdetails img{
  width:90%;
  height:auto;
  margin-top:5px;
  margin-left:8px;
  
  -webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
  -moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
  box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
}
.Profdetails video{
  width:90%;
  height:auto;
  margin-top:5px;
  margin-left:8px;
  
  -webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
  -moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
  box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
}
.Profdetails figure{
  width:45%;
  height:auto;
  margin-top:5px;
  margin-left:8px;
  float:left;
  background-color:#FFF;
  -webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
  -moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
  box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
}
.Profdetails p{
  font-size:20px;
  color:#909090;
  Display:block;
  font-style: normal;
 font-weight:100;
 padding-bottom:0px;
 margin-left:5px;
}
.Profdetails figcaption{
  font-size:20px;
  color:#666666;
}
.Profdetails p1 {
  font-size:30px;
  color:#666666;
  float:left;
  font-style: oblique;
}
.Profdetails H2 {
  font-size:20px;
  color:#33bbff;
  border-bottom:1px solid rgba(179,179,179,1);
  font-style: oblique;
  font-weight:100;
  margin-left:10px;
  }
.frndreq{
 width:100%;
 height:auto;
 margin-top:auto;
 padding:0px 28% 0px 22%;
 
}
.Frnd{
	background-color: #ff3300;
	border: none;
	width: 49.6%;
	height: 60px;
	border-radius:2px;
	color: rgb(255, 251, 240);
	cursor: pointer;
	font-weight:bold;
	font-size:35px;
	font-style: oblique;
	margin-left:1px;
	-webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
    -moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
    box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
}
.msg{
	background-color: #2EB8E6;
	border: none;
padding:8px 14px 8px 14px;
	border-radius:2px;
	color: #FFF;
	cursor: pointer;
	font-weight:bold;
	font-size:15px;
	font-style: oblique;
	margin-left:3px;
	-webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
    -moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
    box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
}
.others{
 width:95%;
 height:30px;
 font-size:auto;
 font-style: oblique;
 margin:auto;
 -webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
 -moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
 box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
 background-color:#FFFFFF;
}
.others1{
 width:30%;
 height:auto;
 display:inline;
 padding-bottom:15px; 
}
.others1 p{
width:auto;
font-size:17px;
font-style: oblique;
color:#E62E00;
display:inline;
margin-left:15px;
font-weight:100;
  
}

/****************************singlepic*********************************************/

.pp{
width:95%;
height:auto;
background-color:#FFFFFF;
margin:auto;
margin-top:5px;
}
.pp img{
width:100px;
height:100px;
margin:auto;
padding:10px 18% 10px 38%; 
border-radius: 25px;
}
.pp H1 {
font-size:20px;
font-style: normal;
color:#E62E00;
text-align:center;
margin-top:0px;
margin-bottom:0px;
font-weight:100;

}
.pp p{
font-size:12px;
font-style: oblique;
color:#CCC;
margin-left:35%;
margin-top:0px;
}
.ppic{
width:95%;
height:auto;
margin:auto;
 -webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
  -moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
  box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
background-color:#FFFFFF;
}
.ppic img{
width:100%;
height:auto;
}
.ppic H2{
font-size:22px;
color:#FF3300;
font-style: oblique;
font-weight:100;
text-align:center;
}
.ppic p1,.ppic p {
font-size:16px;
font-style: oblique;
color:#808080;
display:inline;
margin:10px;
}
.ppic p1:active{
color: green;
font-size:30px;
font-style: oblique;

display:inline;
margin:10px;
}
.ppic p:active{
color:green;
font-size:30px;
font-style: oblique;
display:inline;
margin:10px;
}
.pcomment{
width:100%;
height:auto;
background-color:#FFFFFF;
Border: 1px solid rgba(179,179,179,1);
margin-top:5px;
padding:2px;
}
.pcomment img{
width:110px;
height:110px;
}
.pcomment H2{
font-size:35px;
font-style: oblique;
color:#ff3300;
margin-left:120px;
margin-top:-120px;
margin-bottom:0px;
font-weight:100;
}
.pcomment p {
font-size:15px;
font-style: oblique;
color:#000;
margin:10px;
display:block;
}
.pcomment span{
font-size:13px;
font-style: oblique;
color:#CCC;
margin-left:120px;
margin-top:0;
}
.pcomentp{
width:100%;
height:auto;
-webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
-moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
margin-top:20px;
}
.pcomentp textarea{
  font-size:25px;
  font-style: oblique;
  color:#666666;
  width:100%;
  min-height:10%;
  max-height:auto;
  margin-top:1%;
  border:2px solid #E6E6E6;
}
.postcoment {
	background-color: skyblue;
	border: none;
	width: 100%;
	height: 60px;
	border-radius:2px;
	color: rgb(255, 251, 240);
	cursor: pointer;
	font-weight:bold;
	font-style: oblique;
	font-size:35px;
	margin-right:1px;
	-webkit-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
    -moz-box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
    box-shadow: 0.5px 0.5px 2px 0.5px rgba(179,179,179,1);
}
/*************end***********************/

/***********chat************************/
.msgbox {
width:99.8%;
height:auto;
border:1px solid #EFEFEF;
margin-top:2px;
}
.msgheader {
width:100%;
height:80px;
border-bottom:2px solid #000000;
border-right:2px solid #000000;
border-left:2px solid #000000;
background-color:#FFFFFF;
}
.senderstatus{
width:15%;
font-size:40px;
color:#00B800;
float:right;
padding-left:8px;
}
.senderstatus img{
width:20px;
height:70px;
margin-right:3px;
}
.msgsender{
width:85%;
font-size:16px;
color:#0066ff;
float:left;
}
.msgfloat{
    min-height:5px;
    height:auto;
	max-height:auto;
    clear: both;
	float: right; 
	background-color: #fff7b1;  
	border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px; 
-webkit-border-radius: 5px 0px 0px 5px;
	max-width: 65%;
	margin-top: 5px;
	margin-bottom:5px; 
	word-wrap: break-word; 
	padding-top:-10px;
	padding-right:15px;


}
.msgmsg{
    min-height:1px;
    height:auto; 
	max-height:auto;
	color: #4d4d4d;  
	font-size:12px;
	line-height:1.5;
	padding:5px;
	text-align:left;
	/*white-space:pre-wrap;
	word-wrap: break-word;*/
	margin-left:2px;


}
.snd_chat{
font-size:12px;
color:#151515;
white-space:pre-wrap;
word-wrap:break-word;
min-width: 50%;
width:auto;
max-width: 97%;
float:right;
margin-right:12px;

}
.msgmsg img{
width:125px;
height:125px;
}
.msgfloat1{
    min-height:5px;
    height:auto;
	max-height:auto;
    clear: both;
	float: left;
	text-align:left;
	background-color: #e3f1ff;
	border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
-webkit-border-radius: 0px 5px 5px 0px;
	max-width: 65%;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-right: 6px;
	word-wrap: break-word;
	padding-top:0px;
}
#msgdate , #recevier_id{
width:120px; 
height:auto;
text-align: right;
font-size: 10px; 
padding: 0px 2px 5px 7px; 
}
#recevier_id{
text-align:left;
}
.textchat {
width:82%;
height:30px;
max-height:200px;
font-family:inherit;
box-sizing: border-box; 
resize:vertical;
float:left;
font-size:14px;
padding-top:0px;
padding-left:6px;
margin:12px 4px 2px 6px;   
border:none;
 transition:.3s border-bottom;
}
.textchat:focus {
 outline:none;
 border:none;


}
.textchat1{

background-color: #FFEB3B; 
margin-top: 3px;
margin-left: 10px;  
padding: 6px 4px 5px 8px;
border-radius: 50%;
font-size: 18px;
color:#4d4d4d;
border:none;

}
.textchat12{
width:30%;
min-height:10px;
background-color:#0066FF;
font-size:14px;
padding-bottom:2px;
color:#FFFFFF;
margin-top:-19px;
margin-left:122px; 
border:none;
}
.smileys {
width:6%;
min-height:3%;
background-color:#FFFFFF;
margin-top:-26px;
margin-left:260px;
}
.addsmile,.addtag{
height:50px;
width:50px;
}
.chathead{
width:80%;
font-size:55px;
color:#0066ff;
float:left;
}
.chatbox{
width:100%;
height:100px; 
background-color:#FFFFFF ;
margin-bottom:-38px;
}
.chatpic{
width:50px;
height:50px;
float:left;
}
.chatpic img{
width:50px;
height:50px;
}
.chatname H1{
color:#0066ff;
float:right;
}
.chatname {
width:70%;
height:80px;
background-color:#FFFFFF ;
font-size:35px;
}
.chatdate{
font-size:30px;
width:10%;
height:10px;
background-color:#FFFFFF ;
margin-left:800px;
margin-top:-35px;
}
/***********end************************/
/****cartimage***/
.cart12{
margin-top:-80px;
margin-bottom:10px;
float:right;
}
.cart12 img{
width:280px;
height:90px;
}
/**********end********/
/**********END*********/
.sdiv {
width:100%;
padding-top:25px;
padding-bottom:25px;
border:1px solid #a6a6a6;
background-color:#FFFFFF;
font-size:20px;
color:#999999;
float:left;
margin-top:10px;
text-align:center;
}
/********end************/
/******************New**************/
.What{
width:350px;
height:80px;
background-color:#FFFFFF;
text-decoration:none;
margin:auto;

}

.What H1 {
Font-size:18px;
color:#4d4d4d;
font-weight:Lighter;
border-bottom:1px solid #e2e2e2;
text-align:center;
-webkit-font-smoothing :subpixel-antialiased;
padding-bottom:2px;
font-style:normal;

}
.what1,.what2,.what3,.what4,.what5,.what6,.what7,.what8,.what9,.what10,.what11 {
width:30px;
height:20px;
float:left;
margin:auto;
padding:5px 2px 18px 2px;
-webkit-animation: mymove 2s 1; /* Safari 4.0 - 8.0 */
animation: mymove 2s 1;

}

.what1,.what2,.what3,.what4,.what5,.what6,.what7,.what8,.what9,.what10,.what11 
{animation-timing-function: ease-in-out;  } 

.what2 {animation-delay: 2s; } .what3 {animation-delay: 4s; } .what4 {animation-delay: 6s; } .what5 {animation-delay: 8s; } .what6 {animation-delay: 10s; } .what7 {animation-delay: 12s; } .what8 {animation-delay: 14s; } .what9 {animation-delay: 16s; } .what10 {animation-delay: 18s; }

@-webkit-keyframes mymove {
	from {background-color: #fff;}
    to {background-color: #efefef;} 
	
}

@keyframes mymove {

    from {background-color: #fff;}
    to {background-color: #efefef;}
}

.what1:hover,.what2:hover,.what3:hover,.what4:hover,.what5:hover,.what6:hover,.what7:hover,.what8:hover,.what9:hover,.what10:hover,.what11:hover {
transform: rotate(360deg); 
transition:2s;
}



.what1 img {
width:35px;
height:35px;
display:block;
margin:auto;
padding:0px 0px 0px 0px;


}
.what1 p,.what2 p,.what3 p,.what4 p,.what5 p,.what6 p,.what7 p,.what8 p,.what9 p,.what10 p,.what11 p {
font-size:15px;
color:#262626;
font-style:normal;
-webkit-font-smoothing :antialiased;
text-align:center;
margin-top:4px; 
text-shadow:1px 1px 1px rgba (0,0,0,00.4);
line-height:1.2em;

}

@media (min-width:100px) and (max-width:360px) { 

}
@media (min-width:100px) and (max-width:320px) { 


}
/*********************end*****************/
.simple H1 {
width:95%;
margin:auto;
Font-size:22px;
color:#808080;
font-weight:Lighter;
border-bottom:1px solid #e2e2e2;
text-align:center;
-webkit-font-smoothing :subpixel-antialiased;
padding-bottom:2px;
margin-top:10px;
}
/********************realestate*****************/
.realfloat {
width:100%;
max-width:600px; 
	height:auto;
  margin:auto;
	background-color:none;
	margin-top:55px;
	margin-bottom:50px;
}
.realestate,.realestate1 {
width:100%;
height:auto;
display:inline-block;
background-color:#fff;
margin:8px 0px 0px 0px;
border:1px solid #e6e6e6;
}
@media (min-width:0px) and (max-width:600px) { 
.realestate,.realestate1 { 
border:none; 
outline:none;
}
.realestate {
border-bottom:1px solid #efefef;
}
}
.realestate H1{
font-size:16px;
color:#404040;
font-weight:100;
line-height:1.4;
margin:2px 2px 1px 4px;
padding-left:9px;
padding-right:5px;
}

/********************end************************/
.newscontain{
width:100%;
height:230px;
margin:0px;
overflow-x:scroll;
overflow-y:hidden; 
background-color:#fff;
}
.news {
width:1450px;
height:220px;
float:left;
background-color:#fafafa;
margin:0px;
}
.news1 {
width:190px;
height:210px;	
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .2);
    border-radius:3px;
background-color:#fff;
float:left; 
margin:5px;
}
.news1 img {
width:100%;
height:120px;  	
}
.news1 p {
font-size:12px;
color:#4d4d4d;
font-weight:500;   
line-height:1.5;
margin:4px 2px 2px 4px; 

text-align:left;
white-space:pre-wrap;
	
}
/****************************** new menu *************/
#menuhov {
    width: 0%;
    background: rgba(0, 0, 0, 0.88);
    height: 100vh;
    display: inline-block;
    position: absolute;
    margin-top: 50px;
}
#mem {
    color: #4d4d4d;
    display:none;
	animation:close 0.3s;
	}
@keyframes close {
 from{ -ms-transform: scale(0.2,0.2); /* IE 9 */
    -webkit-transform: scale(0.2,0.2); /* Safari */
    transform: scale(0.2,0.2); /* Standard syntax */
	  -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg); /* Standard syntax */
 }
 to {
	  -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); /* Standard syntax */
	 
 }
 
}
#mem i{
color:#4d4d4d;
font-size:21px;
animation:closei 0.6s;
}
@keyframes closei {
from {
	background-color: rgba(0, 0, 0, 0.2);
    border-radius: 42%;
}
to {
background-color: none;
    border-radius: none;
}
}

#me {	animation:menu 0.3s;
	}
@keyframes menu {
 from{ -ms-transform: scale(0.2,0.2); /* IE 9 */
    -webkit-transform: scale(0.2,0.2); /* Safari */
    transform: scale(0.2,0.2); /* Standard syntax */
	  -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg); /* Standard syntax */
 }
 to {
	  -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); /* Standard syntax */
 }
 
}

#me i{
	
animation:menui 0.6s;
color:#4d4d4d;
}
@keyframes menui {
from {
	background-color: rgba(0, 0, 0, 0.2);
    border-radius: 42%;
}
to {
background-color: none;
    border-radius: none;
}
}
.sidenav {
    height: 92.5vh;
    width: 250px;
    position: fixed;
    z-index: 1;
    top: 49px;
    left: -250px;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.8s;
	background-color:#FFF;
}

.sidenav a {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.8s
}
.sidenav ul {
	font-size:14px;
	list-style:none;
	padding:0px;
	margin-top:0px;
	    box-shadow: inset 2px 1px 3px #d9d9d9;
}
.sidenav ul li {
	width:90%;
    border-bottom:1px solid #e2e2e2;
	margin-left:8px;
	height:40px;
	padding-bottom:4px;
}
.sidenav ul li:hover {
    border-bottom:1px solid #ff0066;
	transition: border-bottom .5s;
	animation:click 0.5s;
}
@keyframes click {
from {
	background-color: rgba(0, 0, 0, 0.2);
    
}
to {
background-color: none;
    
}
}
.sidenav ul li a{
	font-size:16px;
	color:#4d4d4d;
	margin-left:5px;
	padding-top:12px;
	
}
.sidenav ul li p {
     font-size: 14px;
    color: #4d4d4d;
    margin-left: 43px;
    font-weight: 600;
    margin-top: 5px;
	-webkit-font-smoothing: subpixel-antialiased;
}
.sidenav ul li a i {
   float:left;
   color:#303030;
}
.sidenav ul li img {
   width:35px;
   height:35px;
   float:left;
   padding:4px;
   padding-right:5px;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #4d4d4d;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 25px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
	float:left;
}
#main span i {
margin-top:-2px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/*------------------------------*/
.headernew {
width:100%;
min-width:200px;
height:50px;
background-color:#fff;
color:#fff;
position:fixed;
top:0;
z-index:3;
box-shadow:0px 0px 26px 0px rgba(0, 0, 0, 0.11);
} 
.headernew i{
color:black;
}
.menuitem{
width:40px;
height:40px;
float:left;
margin:5px 0px 0px 5px;
}
.menuitem img {
width:40px;
height:40px;
border-radius:10px;
}
.menuitem1{
width:40px;
height:40px;
float:right;
margin:5px 3px 0px 1px;
}
.menuitem1 img {
width:30px;
height:30px;
border-radius:18px;
margin-top:5px;
}
.menuitem1 i {
margin-top:8px;
}

.chatbk {
width:40px;
height:40px;
float:left;
margin:4px 2px 2px 5px; 
}
.chatbk i {
font-size:24px;
color:#212121;
margin:9px 1px 0px 6px;
}
.chatbk img {
width:40px;
height:40px;
border-radius:50%;
float:left;
}

.chattx {
width:auto;
height:40px;
float:left;
margin: 4px 2px 2px 4px;
}
.chattx p {
font-size:15px;
color:#212121;
font-weight: 600;
padding: 0px 2px 2px 1px;
margin-top: 11px;
} 
/****************************/
.jobbutton {
	border: none;
	color: #FFFFFF;
	background: #fd746c; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #fd746c , #ff9068); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #fd746c , #ff9068); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
/********************/
.Firstpost {
 width:100%;
 min-width:300px;
 max-width:600px;
 height:auto;

margin:auto;
 margin-top:70px;
 overflow:auto;

}
@media  (min-width:600px) and (max-width:3000px) {
.Firstpost {

}
}
.Firstpost form {
 width:80%;
 height:auto;
 margin:auto; 
}
.Firstpost form H2 {
    font-size: 21px;
    color: #4d4d4d;
    font-weight: 500;
    /* background: #efefef; */
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
}
.Firstpost input {
 width:100%;
 height:30px;
 border:none;
  border-bottom:1px solid #efefef;
 color:#4d4d4d;
 font-size:14px;
 padding:2px 0px 0px 4px;
 margin-top:6px;
 margin-bottom:6px;
transition:border linear 2s ;
}

.Firstpost textarea {
 width:100%;
 min-width:100%;
 max-width:100%;
 height:30px;
max-height:200px;
min-height:30px;
 border:none;
  border-bottom:1px solid #efefef;
 color:#4d4d4d;
 font-size:14px;
 padding:3px 0px 0px 4px;
 margin-top:12px;
 margin-bottom:6px;
  font-family:'Roboto';
  transition:border linear 2s, text-align 3s ease-in-out;
}

.Firstpost input:focus,.Firstpost input:hover , .Firstpost textarea:focus , .Firstpost textarea:hover {
border:none;
outline:none;
border-bottom:2px solid #efefef;
}
.Firstpost button {
 width:70px;
 height:30px;
 border:1px solid #efefef;
 background-color:#fff;
 margin-bottom:4px;
 transition:background-color 3s;
}
.Firstpost button:focus {
 background-color:#ff3300;
 outline:none; 
 color:#fff;
 border:none;
}
.Firstpostbutton {
width:300px;
height:45px;
 margin:auto;
 margin-top:8px;
 margin-bottom:6px; 
}
.Firstpostbutton button {
width: 40px;
    height: 40px;
    padding: 0px 4px 0px 4px;
    /* border: 1px solid #efefef; */
    background-color: #f2f2f2;
    box-shadow: 0px 0px 5px 0px #efefef;
    color: #0288D1;
    border-radius: 50%;
    transition: background 2s, transform 2s;
}
.Firstpostbutton button:focus,.Firstpostbutton button:hover {
    border: none;
    outline: none;
    transform: rotate(360deg);
    background: #0288D1;
    color: #01579B;
}


.Firstpost1 {
 width:100%;
 height:30px;
}
.Firstpost1 H1 {
 font-size:16px;
 color:#4d4d4d; 
 font-weight:500;
padding-top:5px; 
 text-align:center;
}
.Firstpost2 {
    width: 269px;
    height: 268px;
 margin:auto;
 padding-bottom:0px;
}
.Firstpost21 {
    width: 70px;
    height: 70px;
    border: 1px solid #efefef;
    float: left;
    margin-left: 13px;
    margin-top: 13px;
    border-radius: 50%;
}
.Firstpost21 i {
 font-size:28px;
 color:#4d4d4d;
 text-align:center;
 margin:15px 0px 0px 20px;
 transition:color 2s;
}
.Firstpost21 i:hover {
 color:#00BCD4;
}

.Firstpost21 p {
 font-size:11px;
 color:a5a5a5;
 text-align:center;
}

/***********/
.Firstpost12 {
 width:100%;
 height:30px;
}
.Firstpost12 H1 {
 font-size:16px;
 color:#4d4d4d;
 font-weight:500;
padding-top:5px; 
 text-align:center;
}
.Firstpost3 {
    width: 903px;
    height: 35px;
    margin: auto;
    padding-bottom: 15px;
    overflow: hidden;
	    margin-top: 4px;
    padding: 10px 0px 10px 0px;
}

.Firstpost31 {
width: max-content;
    height: 28px;
    float: left;
    margin-left: 18px;
    margin-top: 3px;
    transition: transform 1s;
box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
    background: rgb(255, 255, 255);
    border-radius: 5px;
    display: inline-flex;
    padding: 2px 7px 2px 2px;
}
.Firstpost31:hover{
     background: #03a9f4;
    color: #fff !important;
}
.Firstpost31 i {
font-size: 21px;
    text-align: center;
    margin: 4px 0px 0px 4px !important;
    transition: color 1s;
}
.Firstpost31:hover i {

 text-shadow:5px 3px 7px rgba(0, 0, 0, 0.17);
}
.Firstpost31 p {
font-size: 11px;
    text-align: center;
    margin-top: 8px;
    padding: 0px 0px 0px 6px;
}
.titlenewp {
    color: #444444 !important;
    margin-left: 17px !important;
    margin-top: 11px !important;
    float: left !important;
    font-size: 18px !important;
	font-weight:100;
}
.titlenewi {
margin-top: 10px !important;
    float: left !important;

}

.probutton{
    display: block;
    margin: auto;
    width: 150px;
    height: auto;
    background: #2196F3;
    border: none;
	    margin-top: -4px;
    border-radius: 2px;
    margin-bottom: 12px;
}
.probutton i {
color:#fff;
}
.chatstatus{
margin-top:18px;
}
.chatstatus i {
font-size:14px;
}
/*****************/
.scroll {
    width: 100%;
    height: 52px;
    overflow-x: scroll;
}
.scroll_infinity {
  width: auto;
    display: inline-flex;
	height: 45px;
}
@media (min-width:0px) and (max-width: 768px) {

.scroll::-webkit-scrollbar-track
{
	border-radius: 3px;
	background-color: #f2f2f200;
	display:none;
}

.scroll::-webkit-scrollbar
{
   height:7px;
	width: 10px;
	background-color:#f2f2f200;
	display:none;
}

.scroll::-webkit-scrollbar-thumb
{
 
	border-radius: 3px;
	background-color: #f2f2f200;
	display:none;
}
}

.heading1 {
font-size: 16px;
    color: #404040 !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 2px 8px 1px 1px;
    padding-left: 10px !important;
	padding-top: 10px;
    padding-right: 10px !important;
	font-family: 'Barlow', sans-serif;
}
.desc1 {
font-size: 13px !important;
    color: #000 !important;
    font-weight: 100 !important;
    line-height: 1.4 !important;
    margin: 2px 8px 1px 1px;
    padding-left: 10px !important;
    padding-right: 10px !important;
	font-family: 'Barlow', sans-serif;
}