.panel {
    background:none;
	background-color: rgba(0, 0, 0, 0);
}

.fadeit{
opacity:0.6;
 pointer-events: none;
}

.shop-wrapper
{
	margin-top:-60px; background:url(../images/back_panel.png);background-size:100% 100%; 
	transition: background 1.5s linear;	
	-webkit-transition: background 1.5s linear;
    -moz-transition: background 1.5s linear;
    -o-transition: background 1.5s linear;
}

/* Cart */
.panal{
    height:110px;
}
@media (max-width:990px) and (min-width:600px){
    .panal{
        height:180px;
    }


}
 @media(max-width:990px){
         .ul{
          padding-left: 0;
        }
      }
	  
/* Registration */
.listclass li a{}
.listclass li a:hover{}
#register label
{
padding-right:0px;
padding-left:0px;
font-size:12px;
}

.perks
{
  background-image: -webkit-linear-gradient(left , #DADDEA, white);  
  background-image:    -moz-linear-gradient(left, #DADDEA, white);  
  background-image:      -o-linear-gradient(left, #DADDEA, white);  
  background-image:         linear-gradient(left, #DADDEA, white); 
  color: #345385;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-right: 5px;
	padding-top:2px;
	padding-bottom:2px;
    width: auto;
	margin-bottom:10px;
}

.perks-right
{
  background-image: -webkit-linear-gradient(left, white 80%, rgba(255, 255, 255, 0));  
  background-image:    -moz-linear-gradient(left, white 80%, rgba(255, 255, 255, 0));  
  background-image:      -o-linear-gradient(left, white 80%, rgba(255, 255, 255, 0));  
  background-image:         linear-gradient(left, white 80%, rgba(255, 255, 255, 0)); 
  color: #345385;
    display: inline-block;
    font-size: 16px;
    font-weight: 100;
    padding-left: 5px;
	padding-top:2px;
	padding-bottom:2px;
    width: auto;
	margin-bottom:10px;
	margin-left:5px;
}

.save-btn
{
background-image:url(../images/previous_next_button.png); background-size:100% 100%; padding:2%;  background-color: rgba(0, 0, 0, 0);
border:0px;
}

.save-btn:hover
{
background-color: rgba(43, 193, 51, 0.2);
border-radius:5px;
}

@media all and (max-width:700px)
{
.container
{
 padding:10% !important;
}

#ca_h1
{
margin-left:0px !important;
}
}

/* Address */
 @media(max-width:990px){
         .ul{
          padding-left: 0;
        }
		body{
			min-height:1280px;
		}
      }
      @media(max-width:768px){
        .right-border{
          border:none;
        }
       
      }

.ul{
    margin-top: 10px; 
}
.ul li{
      padding:5px;
    margin-left: -10px;
    list-style-type: none;
    text-align: center;
	font-size: 17px;
}
.cart_link:hover {
    color: #06074F;
    opacity: 0.9;
    text-decoration: none;
}
.ul .col-md-3{
padding:0;
}

/*
body{

    background: url(http://www.zerouniversal.net/img/back_twitt01_low.jpg) no-repeat;
	background-size:100% 100%;
	
} */

.clear{
    clear:both;
}
.mycontainer{
	padding-bottom:5%;
}
.mycontainer{
        min-height:700px;
        background:url(../images/back_panel.png) no-repeat;
        background-size:100% 100%;
      }
      a{
            color:black;
        }
/*		select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. 


 .label {position:relative}
.label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
.label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}*/
.od{
				background:url(../images/title_white_banner.png) no-repeat;
				position:absolute;
				height:100px;
				width:300px;
				text-align:center;
				left:-55px;
				color:#37425A;
				padding-top:15px;
			}
			.details{
				position:absolute;
				top:80px;
			}
			.right-border{
				border-right:1px solid #999999;
			}
			
			.well{
				background:none;
				border:none;
				box-shadow:none;
			}
			.border-inset{
				-moz-box-shadow: inset 0 0 2px 1px #999999;
				-webkit-box-shadow: inset 0 0 2px 1px #999999;
				box-shadow: inset 0 0 2px 1px #999999;
				border-radius:10px;
				
			}
			.border-inset h3{
				color:white;
			}
			.header{
				padding:0;
				margin: 0;
			}

			
			
			@media (max-width: 991px) {
				.right-border{
				border:none;
			}

			}
			.end-line{
			border-top: 1px solid black;
			margin-right:20px;}

			.listclass{
	
	
	margin: 0;
    padding: 1%;
	
	}

.listclass li {
	display: inline-block;
    float: left;
    list-style: none outside none;
	width:18%;
	padding:1%;
	
	
	}
	@media(max-width:990px){
		.order{
			height: 200px;
		}
	}
