@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body * {font-family:'Work Sans',Arial,Helvetica,sans-serif!important;}

/*tooltip styling*/
.tt {
    padding: 10px 20px!important;
    display: block!important;
    margin-bottom:25px!important;
    background-color: rgba(226,152,71,0.9);
    border-radius: 5px;
}

/*room-product*/
.tt em {font-size:12px;font-style: normal;position:fixed;top:-15px;display: none} 

/*brand*/
.tt b {font-size:16px;font-style: normal;display: block;font-weight: normal;color:rgb(2,77,128);}

/*name*/
.tt i {font-size:24px;font-style: normal;font-weight:bold;display:block;} 

/*description*/
.tt u {font-size:12px;font-style: normal;display:block;text-decoration: none;}

/*tooltip styling*/
.sol {
    padding: 10px 20px!important;
    display: block!important;
    margin-bottom:25px!important;
    background-color: rgba(2,77,128,0.9);
    border-radius: 5px;
}

/*room-product*/
.sol em {font-size:12px;font-style: normal;position:fixed;top:-15px;display: none} 

/*brand*/
.sol b {font-size:16px;font-style: normal;display: block;font-weight: normal;color:#00aae2} 

/*name*/
.sol i {font-size:24px;font-style: normal;font-weight:bold;display:block;} 

/*description*/
.sol u {font-size:12px;font-style: normal;display:block;text-decoration: none;}

/*tooltip styling*/
.csphero {
    padding: 10px 20px!important;
    display: block!important;
    margin-bottom:25px!important;
    background-color: rgba(215,223,33,0.9);
    border-radius: 5px;
}

/*room-product*/
.csphero em {font-size:12px;font-style: normal;position:fixed;top:-15px;display: none} 

/*brand*/
.csphero b {font-size:16px;font-style: normal;display: block;font-weight: normal;color:rgb(2,77,128);} 

/*name*/
.csphero i {font-size:24px;font-style: normal;font-weight:bold;display:block;} 

/*description*/
.csphero u {font-size:12px;font-style: normal;display:block;text-decoration: none;color:#00aae2}



.chat {
  padding: 15px 40px 15px 40px!important;
  display: block!important;
  margin-bottom:-25px!important;
  margin-right:160px!important;
  background-color: rgba(255,255,255,0.95);
  border-radius: 10px;
  text-align: center;
  box-shadow: 0px 0px 40px rgba(0,0,0,0.5); 
}

.chat b {font-size:20px;font-style: italic;display: block;font-weight: 400;color:rgba(2,77,128,0.7)}
.chat i {font-size:36px;font-style: italic;font-weight:400;display:block;color:rgb(2,77,128)} 
.chat u {font-size:24px;font-style: italic;font-weight:400;display:block;text-decoration: none;color:rgb(2,77,128)}
.chat em {font-size:14px;font-style: normal;display:block;text-decoration: none;color:#ffffff;position:fixed;bottom:-60px;left:20px;background-color:rgba(2,77,128,0.7);border-radius: 3px;padding:5px 20px;}





/*product-popup*/
iframe.product {width:100%;height:100%}

/*magazine*/
.magazine {
    padding: 5px 30px!important;
    display: block!important;
    margin-bottom:25px!important;
    background-color: rgba(215,223,33,0.9);
    border-radius: 5px;
    color:#122449;
}
.magazine b {font-size:12px;font-style: normal;display: block;font-weight: normal;color:#FFF}
.magazine i {font-size:24px;font-style: normal;font-weight:bold;} 
.magazine u {font-size:24px;font-style: normal;text-decoration: none;color:#FFF;padding-left:10px}


//.kolorAreaContent b {font-size:28px;font-style: normal;font-weight: normal;color:#033b61;background-color:#d7df21;padding:5px 45px 5px 30px;display:inline-block;opacity: 0.9;transform: skew(-10deg);margin-left: -10px;transition: all 0.5s ease-out !important;}
//.kolorAreaContent i {font-size:12px;font-style: normal;font-weight: normal;color:#FFF;display:block;background-color:#033b61;padding:4px 15px;margin-left: 15px;margin-top:-5px;position: absolute;width: 66px; transform: skew(-10deg)}




div#sb[style] {
    box-shadow: 0px 0px 40px rgba(0,0,0,0.5); 
    background: linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%) !important;
    }

#sb table tr td div[style] {font-family: 'Work Sans',Arial,Helvetica,sans-serif!important; font-size: 14px!important;}

       
.sb-itm-group > div > div {
  background-image: url("virtualit-submenu-alpha.png") !important;
  background-position: right !important;
  background-size: 40px auto !important;
  background-repeat: no-repeat !important;
  }
.sb-itm-active > div > div {
    background-color: rgba(0,136,255,0.21) !important;
}

.sb-itm-active.sb-itm-over > div > div {
    background-image: url("virtualit-submenu.png") !important;
    background-color: rgba(210,223,33,0.5) !important;
  }
  
.sb-itm-group.sb-itm-over > div > div {
  background-image: url("virtualit-submenu.png") !important;
  }

iframe {width:100%;height:100%;}

/*z-index fix for sb*/
#krpanoSWFObject > div:nth-child(1) > div:nth-child(2) {
  z-index:4002;
}


.htmllightbox-content {
  background: rgba(255,255,255,0)!important;
}