.wcontainer{padding:2em 1.50em 2em 1.50em;margin:0 auto;}
@media only screen and (min-width:1200px)
{
.wcontainer{width:1170px;padding-left:0px;padding-right:0px;}
.wleftpanel{width:55%;float:left;}
.wrightpanel{width:45%;float:right;}
.wrightpanelt{padding:0 2em 0 2em;}
}
@media only screen and (min-width:1300px)
{
.wcontainer{width:1280px;}
}

@media only screen and (max-width:480px)
{
.wrightpanel table td{display:block;}
}

.wl21{width:50%;float:left;}
.wl22{width:50%;float:left;}

.wbd{margin-bottom:1em;font-size:90%;}
.wmore{margin-top:30px;}
.wmore a{background:#49007B;color:#fff;border:0;padding:15px;font-weight:500;-moz-border-radius:30px;-webkit-border-radius:30px;-khtml-border-radius:30px;border-radius:30px;text-align:center;width:250px;display:block;}
.wmore a:hover{color:#fff !important;text-decoration:none;background:#2FAD7A;}
.wrightpanel h3{font-weight:500;margin-bottom:1em;}
.wrightpanel p{margin-bottom:1em;line-height:22px;}
.wrightpanel select{margin:0 !important;padding:5px !important;width:95%;font-size:100%;}
.wrightpanel input.inputtext{margin:0 !important;padding:10px !important;width:95%;font-size:100%;}
.wrightpanel textarea{margin:0 !important;padding:10px !important;width:95%;font-size:100%;min-height:325px;line-height:125%;}
.wrightpanel table{width:100%;}
.wrightpanel table td{padding:10px 8px 10px 0;vertical-align:top;}
.wrightpanel .wprice{font-weight:700;font-size:22px;color:#49007B;}
.wsubmit{background:#49007B !important;color:#fff !important;border:0;padding:15px;text-align:center;font-size:100% !important;width:100%;display:block;cursor:pointer;margin:0 auto;}
.wleftpanel img{cursor:pointer;}
.wzoom{background:#49007B;color:#fff;border:0;padding:15px;font-weight:500;text-align:center;}
.error{color:red;}
.pcen{text-align:center !important;margin-top:1em !important;}




.myImg {
  cursor: pointer;
  transition: 0.3s;
}

.myImg:hover {opacity: 0.7;}


.modal {
  display: none; 
  position: fixed; 
  z-index: 1; 
  padding-top: 25px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.9); 
}


.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 600px;
}


#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 600px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 50px;
}


.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}


.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}


@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}