.parkwhizMap { width:100%; padding-left:400px; margin-top:15px; position:relative; background:#eaeaea; overflow:hidden;}
.pwHeader { width:100%; height:60px; padding:12px; font-size:12px; line-height:initial; text-transform:uppercase; color:#000; background:#f0f4f4; border-bottom:1px solid #ddd;}
.pwEventVenue { font-size:18px; font-weight:500; text-transform:initial;}
.pwParkingType { color:#00cafd; font-weight:500; float:right;}
.pwParkingType:hover { color:#0393ef;}
.parkwhizSidebar { width:400px; height:100%; background:#fff; border-right:1px solid #ddd; position:absolute; top:0; left:0;}
.parkingList { width:100%; height:calc(100% - 60px); overflow-y:auto;}
.pwParking { width:100%; padding:15px; padding-left:130px; position:relative; font-family:'Roboto', Arial, Helvetica, sans-serif; line-height:initial; border-bottom:1px solid #ddd;}
.pwParking:hover { background:#f0f4f4;}
.pwImg { width:100px; height:100px; position:absolute; left:15px; top:15px;}
.pwInfo { display:inline-block; width:100%; padding-right:58px; margin-bottom:7px; position:relative;}
.pwInfo.pwMonthly { padding-right:75px;}
.pwPrice { width:58px; font-size:28px; color:#4e5f6b; position:absolute; top:0; right:0;}
.pwMonthly .pwPrice { width:75px;}
.pwMonthlyName { font-size:14px; font-weight:500; color:#717171; margin-bottom:3px;}
.pwAddress { font-size:14px; font-weight:500; color:#000; margin-bottom:5px;}
.pwVenue { font-size:12px; font-weight:300; color:#a2a2a2; margin-bottom:5px;}
.pwDistance { font-size:12px; font-weight:300; color:#477781;}
.pwVehiclePrice { font-size:12px; font-weight:300; color:#4e5f6b;position:absolute;top:35px;right:0;width: 58px;}
.pwPhone { font-size:14px; font-weight:300; color:#4e5f6b; margin-bottom:5px;}
.pwPhoneLink { display:inline-block; font-weight:500; color:#000;}
.pwPhoneLink i { color:#00cafd; font-size:20px;}
.pwBtn { font-size:12px; font-weight:500; padding:12px 24px; border-radius:2px; color:#00cafd; text-transform:uppercase; background:none; border:none;}
.pwBtn.active { background-color:#00cafd; color:#fff;}
.pwBtn.selected { background-color:#1adf1a; color:#fff;}
.pwBtn.largeBtn { width:calc(100% - 40px); font-size:16px; padding:15px 30px; border:1px solid #fff; box-shadow:0 0 15px 2px rgba(0,0,0,.2); border-radius:5px; position:absolute; bottom:15px; left:20px; z-index:11;}
.pwBtn:hover { box-shadow:0 0 0 25px rgba(0,0,0,.1) inset;}
.pwBtn.largeBtn:hover { box-shadow:0 0 0 25px rgba(0,0,0,.1) inset, 0 0 15px 2px rgba(0,0,0,.2);}
.selectedParkingBox { position:relative; height:calc(100% - 60px);}
.selectedParkingBox:after { content:""; width:calc(100% - 17px); height:80px; background:#fff; position:absolute; bottom:0; left:0; z-index:2;}
.parkingDetails { height:100%; overflow-y:auto; padding-bottom:80px;}
.pwInfoBox { padding:15px;}
.pwClose { display:inline-block; width:32px; height:32px; padding:4px; background:#fff; border-radius:50%; text-align:center; position:absolute; top:10px; right:20px; color:#00cafd; cursor:pointer; z-index:11;}
.pwClose i { line-height:24px; vertical-align:baseline;}
.parkingDetails .pwPrice { top:37px;}
.pwClose:hover { color:#ff008a;}
.pwTitle { font-size:18px; color:#477781; margin-bottom:10px; text-align:center;}
.pwRating { background:#f4f4f4; font-size:13px; padding:15px;}
.ratingStars { display:inline-block; width:120px; height:24px; background:url(/Images/AMaterial/ratingstars.png) no-repeat left top;}
.ratingStars span { width:0; height:24px; background:url(/Images/AMaterial/ratingstars.png) no-repeat left bottom; float:left;}
.pwParkingSteps { background:#f4f4f4; padding:15px;}
.pwFeatures ul,
.pwParkingSteps ul { margin:0; padding:0;}
.pwFeatures li { display:inline-block; list-style:none; margin:10px; padding:0; text-align:center;}
.pwFeatures li img { width:36px; height:36px;}
.pwFeatures li span { width:100%; height:30px; font-size:14px; color:#477781;}
.pwParkingSteps li { display:inline-block; list-style:none; margin:0; padding:15px 0 15px 60px; position:relative;}
.pwParkingSteps li:after { content:''; width:1px; height:100%; display:inline-block; background:#eaeaea; position:absolute; top:0; left:22px;}
.pwParkingSteps li span { width:45px; height:45px; line-height:45px; background:#ddd; color:#477781; font-size:20px; font-weight:bold; font-family:'Times New Roman', Times, serif; text-align:center; border-radius:50%; position:absolute; left:0; top:calc(50% - 22px); z-index:1;}
.pwSlider { width:100%; display:inline-block; position:relative; overflow:hidden;}
.pwSlider img { width:100%;}
.pwPrev,
.pwNext { width:48px; height:48px; display:inline-block; color:#fff; text-shadow:0 0 5px rgba(0,0,0,.5); position:absolute; top:calc(50% - 24px);}
.pwPrev { left:0;}
.pwNext { right:0;}
.pwPrev i,
.pwNext i { font-size:48px; line-height:48px;}
.pwPrev:hover,
.pwNext:hover { color:#00cafd;}
/****************************************************************************************************/
@media screen and (min-width:768px) and (max-width:1024px)
{
}
@media screen and (min-width:0) and (max-width:767px)
{
  .parkwhizMap { padding-left:0;}
  .parkwhizSidebar { width:100%; border-right:none; position:relative; top:initial; left:initial;}
  .pwBtn { padding:12px;}
}