﻿/*******************************
 *
 *******************************/
 
.bird
{
/*border: 4px solid #999;*/
width: 100px;
height: 30px;
position: absolute;
text-align: left;
display: none;
/*background: #F0F0F0;*/
vertical-align: middle;
font-size: 18px;
} 	
.blindLayer {
/*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);*/
background: -webkit-linear-gradient(to bottom, rgba(59,89,152,.7) 0%, rgba(255,255,255,.7) 100%);background: linear-gradient(to bottom, rgba(59,89,152,.7) 0%, rgba(255,255,255,.7) 100%);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1001;
display: none;
}
.bcontainer {
position: absolute; text-align:center;
width: 95%;
max-width:900px;
height: auto;
min-height:400px;
background: rgba(42,112,232,.7);
-webkit-box-shadow:0 0 40px #fff;
	box-shadow:0 0 40px #fff;
padding: 10px;
display: none;
z-index: 1002;
}
#overflw
{
overflow-y: auto;
overflow-x: hidden;
height: auto;
	
	
}

#bcaption
{
background: rgba(59,89,152,.7);

}
#bcaption td
{
text-align: center;	
}
#bcaption td {padding: 5px;}
#bcaption td:nth-child(1) { width: 15%; }		/*ID*/
#bcaption td:nth-child(2) { width: 65%; }		/*NAME*/
#bcaption td:nth-child(3) { width: 20%; }		/*PRICE*/
.bitem td
{
font-size:1em;
color: #fff;
padding: 5px;	
border-bottom: 1px solid #fff;	
border-right: 1px solid #fff;
}

.bitem td:nth-child(1) { width: 15%; text-align: center; }
.bitem td:nth-child(2) { width: 65%; text-align: center; }
.bitem td:nth-child(3) { width: 20%; text-align: center;} 


#bclose
{
float: right;	
}

.bcontainer table
{
width: 100%; text-align:center;
}
.bbutton
{margin: 10px 0;
    width: 100%;
    color:#fff; text-shadow:1px 1px #9400d3;
	height: auto;
	background:rgba(42,112,232,.7);
	border:2px #fff solid; 
	font-size:1em;
	-webkit-transition: all 0.7s linear 0s;
	transition: all 0.7s linear 0s;
	padding:.5em; 
float: right;
}

.bbutton:hover{
background:#960018; text-shadow: none;	border-top:2px #fff solid; 	border-bottom:2px #fff solid;


/*	-webkit-box-shadow:0 0 40px #fff;
	box-shadow:0 0 40px #fff;*/
}
.plusodin, .minusodin{
				vertical-align:middle;
}  
#bsum
{
float: right;
right:5%;
margin: 10px 0;	
font: normal 18px Arial;

padding:.5em;
}
.popup {
    background: none repeat scroll 0 0 rgba(42,112,232,.7);
    
-webkit-box-shadow:0 0 40px #fff;
	box-shadow:0 0 40px #fff;
    left: 50%;
    top: 20%;
    margin-left: -300px;
 
    padding: 25px 20px;
    position: fixed;
    
    width: 600px;
   
    z-index: 2002;
    display: none;
}  
.popup h4	{ 
		margin-bottom: 4px;
	}
	.popup form	{
	background: rgba(148,183,243,.7);
-webkit-box-shadow:0 0 40px #fff;
	box-shadow:0 0 40px #fff;

		padding: 30px 0 0 0;
	}
	.popup input[type="text"], .popup input[type="tel"], .popup input[type="email"]{
		text-align: center;
		background:none;
	/*	font-style: italic;*/
		display: block;
		width: 100%;
		margin-bottom: 10px;
		border: 1px solid #fff;
    	display: inline-block;
    	height: 40px;
    	line-height: 40px;
    	padding: 0;
    	vertical-align: middle;
	}
	
	
	.popup .alignCenter	{
		margin-top: 30px;
	}
	.popup textarea {
    display: block;
    font-style: italic;
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
    border: 1px solid #D9D9D9;
    
	}
	@media (max-width: 768px) {
.popup{
	width:95%; height: 90%;
	left:2.5%;   top: 5%; margin-left: 0; margin-top: 0; padding: auto; }	
	
	}