.bawcontainer{
    position: relative;
}

.iliabawactive{
    background-color: #000;
}
.iliabawcolors img{
    width: 12.2%;
    border:1px solid #ffc800!important;
    margin-right: 2%;
}
.iliabawcolors img:hover{
    cursor: pointer;
    border: 1px solid white!important;
}


.icon360 {
    display:block;
    background-image:url(assets/images/360icon.png);
    background-size:30px;
    background-repeat: no-repeat;
    margin:0 auto;
    width:30px;
    height:30px;
}
* {box-sizing: border-box;}
.img-magnifier-container {
  position:relative;

}
.img-magnifier-glass {
  z-index: 1;
  position: absolute;
  border: 3px solid #ffc800;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 115px;
  height: 115px;
    box-shadow:4px 4px 12px black;
    -webkit-box-shadow:4px 4px 12px black;
    -moz-box-shadow:4px 4px 12px black;
    
}
.baw360box{
    width:100%;
    height:100%;
    box-shadow:0px 0px 0px;
    border-radius:0px 80px 0px 0px;
}
.baw360img{
    display:none;
    border-radius:0px 80px 0px 0px;
    user-drag: none; 
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    
}
.baw360img:hover{
    cursor:pointer;
}
.p360{
    display:none;
}
#bawo1{
    display:block;
}
.bawprogressbar{
    width:100%;
    height:30px;
    background-color:#aaa;
    border-radius: 0 0 4px 4px;
    border:2px solid black;
    box-shadow:4px 4px 8px;
    -webkit-box-shadow:4px 4px 8px;
    -moz-box-shadow:4px 4px 8px;
    
}
.bawbar{
    display:block;
    right:2px;
    position:absolute;
    width:170px;
    border-radius:26px;
    height:26px;
    background-color:white;
    box-shadow:2px 2px 8px black;
    -webkit-box-shadow:2px 2px 8px black;
    -moz-box-shadow:2px 2px 8px black;
}
.bawbar:hover{
    cursor:pointer;
    
}
.redbaw360{
    background-color:#ffc800;
}
.baw360leftpanel{
    background-color:#222;
}
.bawviewpanel{
    background-color:#222;
}
.baw360zoom{
    background-color:#222;
}

    .bawviewpanel{
      
        display:block;
        border-bottom:1px solid white;
        background-position: center;
        height:82px;
        border-left:1px solid #ffc800;
        border-right:1px solid #ffc800;
        
    }

.bawviewpanelclicked{
        border-bottom:4px solid #ffc800;
        background-color:black;
}

    .bawviewpanelright{
        background-image:url(/assets/images/360/green_19.webp);
        background-size:100%;
        width:100%;
        background-repeat: no-repeat;
        position:absolute;
        right:0px;
        top:0px;
        
        
    }
    .bawviewpanelleft{
        background-image:url(/assets/images/360/green_5.webp);
        background-size:100%;
        width:100%;
        background-repeat: no-repeat;
        position:absolute;
        top:82px;
        right:0px;
      
        
    }
    .bawviewpanelfront{
        background-image:url(/assets/images/360/green_26.webp);
        background-size:100%;
        width:100%;
        
        background-repeat: no-repeat;
        position:absolute;
        top:164px;
        right:0px;
      
    }
    
    .bawviewpanelrear{
        background-image:url(/assets/images/360/green_12.webp);
        background-size:100%;
        width:100%;
        
        background-repeat: no-repeat;
        position:absolute;
        top:246px;
        right:0px;
    
    }
.baw360zoom{
        background-image:url(assets/images/360magnifier.png);
        background-position: center;
        width:100%;
        height:82px;
        background-repeat: no-repeat;
        position:absolute;
        top:330px;
        right:0px;
        
}



.baw360box{
    width:100%;
    height:100%;
    box-shadow:0px 0px 0px;
    border-radius:0px 80px 0px 0px;
}
.baw360img{
    display:none;
    border-radius:0px 80px 0px 0px;
    user-drag: none; 
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    
}
.baw360img:hover{
    cursor:pointer;
}
.p360{
    display:none;
}
#baw1{
    display:block;
}
.bawprogressbar{
    width:100%;
    height:30px;
    background-color:#aaa;
    border-radius: 0 0 4px 4px;
    border:2px solid black;
    box-shadow:4px 4px 8px;
    -webkit-box-shadow:4px 4px 8px;
    -moz-box-shadow:4px 4px 8px;
    
}
.bawbar{
    display:block;
    right:2px;
    position:absolute;
    width:170px;
    border-radius:26px;
    height:26px;
    background-color:white;
    box-shadow:2px 2px 8px black;
    -webkit-box-shadow:2px 2px 8px black;
    -moz-box-shadow:2px 2px 8px black;
}
.bawbar:hover{
    cursor:pointer;
    
}
.redbaw360{
    background-color:#ffc800;
}
.baw360leftpanel{
    background-color:#222;
    position: absolute;
    left: 0;
    top: 22%;
}
.bawviewpanel{
    background-color:#222;
}
.baw360zoom{
    background-color:#222;
}

    .bawviewpanel{
      
        display:block;
        border:1px solid #ffc800;
        background-position: center;
        height:82px;
        border-left:1px solid #ffc800;
        border-right:1px solid #ffc800;
        
    }
    
    .bawviewpanel:hover{
        
        border-bottom:1px solid #ffc800;
        cursor:pointer;
        
    }
.bawviewpanelclicked{
        border-bottom:1px solid #ffc800;
        background-color:black;
}

    .bawviewpanelright{
        background-image:url(../images/360/green_19.webp);
        background-size:100%;
        width:100%;
        background-repeat: no-repeat;
        
        right:0px;
        top:0px;
        
        
    }
    .bawviewpanelleft{
        background-image:url(../images/360/green_5.webp);
        background-size:100%;
        width:100%;
        background-repeat: no-repeat;
        
        top:82px;
        right:0px;
      
        
    }
    .bawviewpanelfront{
        background-image:url(../images/360/green_26.webp);
        background-size:100%;
        width:100%;
        
        background-repeat: no-repeat;
        
        top:164px;
        right:0px;
      
    }
    
    .bawviewpanelrear{
        background-image:url(../images/360/green_12.webp);
        background-size:100%;
        width:100%;
        
        background-repeat: no-repeat;
        
        top:246px;
        right:0px;
    
    }
.baw360zoom{
        background-image:url(../images/360/360magnifier.png);
        background-position: center;
        width:100%;
        height:82px;
        background-repeat: no-repeat;
        
        top:330px;
        right:0px;
        
}
    
.bawviewpanel:hover{
        
    border:1px solid white;
    cursor:pointer;
    
}
.iliabawwheelscontainer{
    width: fit-content;
    margin: 20px auto;
}
body .iliabawwheelscontainer img{
    padding: 9px;
    background: #222;
    border: 1px solid white;
    cursor: pointer;
}
.iliabawwheelscontainer img:hover{
    background:#000;
}
.iliabawwheelscarcontainer{
    width: fit-content;
    clear: both;
    margin: 0 auto;
}
.iliabawwheelscarcontainer img{
    display: none;
}
.iliabawwheelscarcontainer .bawwheel5car{
    display: block;
}
.iliabawwheelscarcontainer img{
    filter:drop-shadow(4px 4px 4px black);
}
.iliabawwheelsimg{
    width: 50%;
    display: block;
    margin:0 auto;
}
body .iliabawwheelactive{
    border:2px solid #ffc800!important;
}
.bawwheel{
    width: 80px;
}

.iliabawtilescontainer{
    width: 92.5%;
    text-align: center;
    margin: 20px auto;
}
body .iliabawtilescontainer img{
    padding: 9px;
    background: #222;
    border: 1px solid white;
    cursor: pointer;
}
.iliabawtilescontainer img:hover{
    background:#000;
}
.iliabawtilescarcontainer{
    width: fit-content;
    clear: both;
    margin: 0 auto;
}
.iliabawtilescarcontainer img{
    display: none;
}
.iliabawtilescarcontainer .bawtile1car{
    display: block;
}
.iliabawtilescarcontainer img{
    filter:drop-shadow(4px 4px 4px black);
}
.iliabawtilesimg{
    width: 50%;
    display: block;
    margin:0 auto;
}
body .iliabawtileactive{
    border:2px solid #ffc800!important;
}
.bawtile{
    width: 33%;
}
.iliabaw360icon{
    display: block;
    width: 20%;
    margin: 0 auto;
    margin-bottom: -20px;
}
@media screen and (max-width:767px){

    .bawview{
        width:55px;
        height:25px;
        background-size:55px;
        bottom:3px;
        border-left:2px solid #ffc800;
        border-right:2px solid #ffc800;
        border-bottom:1px solid #ffc800;
        border-radius:1px;
        box-shadow:4px 4px 12px;
        -webkit-box-shadow:4px 4px 12px;
        -moz-box-shadow:4px 4px 12px;
        
        z-index:999;
        }
    .baw360img{
 
    border-radius:4px 20px 0px 0px;   
    }
    .img-magnifier-glass{
         width: 95px;
        height: 95px;
    }
    .bawbar{
        visibility: hidden;
    }
    .p360{
        position:absolute;
        bottom:10px;
        font-size: 10px;
        color:white;
        right:0px;
        left:0px;
        margin:0 auto;
    }
    
    .bawprogressbar{
        
        background-color:#222;
        border:0px;
        border-radius: 0 0 4px 4px;
        box-shadow:4px 4px 8px;
        -webkit-box-shadow:4px 4px 8px;
        -moz-box-shadow:4px 4px 8px;
        border-top:2px solid #ffc800!important;
        
    }
    
    .bawviewright{
        background-image:url(../images/360/green_19.webp);
        
        background-repeat: no-repeat;
        position:absolute;
        right:25px;
        
        
        
    }
    .bawviewfront{
        background-image:url(../images/360/green_26.webp);
        
        background-repeat: no-repeat;
        position:absolute;
        right:85px;
        
        
        
    }
    .bawviewrear{
        background-image:url(../images/360/green_12.webp);
        
        background-repeat: no-repeat;
        position:absolute;
        right:145px;
        
        
        
    }
    .bawviewleft{
        background-image:url(../images/360/green_5.webp);
        
        background-repeat: no-repeat;
        position:absolute;
        right:205px;
        
        
        
    }
    
    .baw360leftpanel{
        display:none;
    }
      #baw360touchzoom{
        background-image:url(../images/360/360magnifier.png);
        background-size:16px;
        background-repeat: no-repeat;
        background-color:#333;
        background-position: center;
        position:absolute;
        bottom:3px;
        right:270px;
        
    } 

    .iliabawwheelscontainer{
        margin-bottom: 40px;
    }
    .bawwheel{
        width: 40px;
    }

    .iliabawtilescontainer{
        margin-bottom: 40px;
        width: 100%;
    }
    .bawtile{
        width: 33%;
    }
    
}