*{
        margin:0; 
        padding:0; 
        font-size:100%;
        border:none;
        outline:none; 
        font-weight:300;
        box-sizing:border-box;
        font-family:'Lato', sans-serif;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        }
        
    /* ROLAGEM */ 
     /* Largura da barra de rolagem */
::-webkit-scrollbar {
    width: 7px;
}

/* Fundo da barra de rolagem */
::-webkit-scrollbar-track-piece {
    background-color: #000;
    border-left: 1px solid #000;
    box-shadow: 3px 1px 15px 0.1px #555;
}

/* Cor do indicador de rolagem */
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
    background-color: #777;
}

/* Cor do indicador de rolagem - ao passar o mouse */
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #717171
}




/*#####################################################*/
        
    
[data-tooltip] {
  position: relative;
  font-weight: bold;
}

[data-tooltip]:after {
  display: none;
  visibility: hidden;
  position: absolute;
  top: 15px;
  padding: 5px;
  border-radius: 3px;
  right: calc(100% + 2px);
  content: attr(data-tooltip);
  white-space: nowrap;
  background: linear-gradient(to right,#da6709,#ce2e3c);
  z-index: 999;
  color: #fff;
}

[data-tooltip]:hover:after {
  display: block;
  visibility: visible;
}    
    
        
      .custom-hotspot {
        height: 40px;
        width: 40px;
        background: url(../img/ico-hotspot-40.png);
    }
        
         .info-hotspot {
        height: 30px;
        width: 30px;
        background: url(../img/ico-info-30.png); 
        cursor: pointer;
            
        }
        
         .imge {
        height: 30px;
        width: 30px;
        background: url(../img/ico-cam-30.png); 
        cursor: pointer;
            
        }
        
        
           .video {
        height: 40px;
        width: 40px;
        background: url(../img/ico-video-30.png); 
        cursor: pointer;
            
        }

/*#####################################################*/




.select-scenes{
    background: rgba(0,0,0,0.7);
    position: absolute;
    z-index: 999;
    color: #fff; 
    right: 0;
    height: 70vh;
    margin-top: 5px;
    padding: 15px;
    overflow-x: auto;
    box-shadow: 0.03em 0.03em 0.3em #fff;
    border-radius: 10px 0px 0px 10px; 
        
}

.lb-selec-scene{ 
    padding: 3px;
    font-size: 15px;
    font-weight: bold;
    
    
}

.lb-selec-scene:hover{ 
    border: solid #fff 1px;
    box-shadow: 0.03em 0.03em 0.3em #fff;
    -webkit-transition: 1s; /* Safari prior 6.1 */
  transition: 1s;
    
    
    
}

.change-scene{
    position:relative; 
    z-index:999;    
    width: 190px;
    margin-right: 10px;
}



        .Nadir-Logo {
        height: 512px;
        width: 512px;
        background: url(../img/NadirLogo.png);
        cursor: pointer;
            
        }
        
        .Nadir-Logo2 {
        height: 150px;
        width: 150px;
        background: url(../img/NadirLogo2.png);
        cursor: pointer;
            
        }
        
              
        
.alt{
    
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.9));
    position: absolute;
    z-index: 999;
} 


/* FUNDO */
.fundo-hotspots{
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.9));
    position: absolute;
    z-index: 9;
       
}

#selectScene{
    width: 190px;
    margin-right: 10px;  
}

.test-lt{  
    height: 70px;
    right: 0;
    padding: 12px;
    width: 210px;
    border-radius: 10px 0px 0px 10px;
   
    margin-top: 3vh;
    position: absolute;
    z-index: 9;
    
}




.icons-hotpots{
    width: 40px;
    margin-left: 15px;
    margin-top: 2.5vh;
    cursor: pointer;
}

.icon-hotpots{
    width: 50px;
    margin-left: 10px;
    margin-top: 2.5vh;
    cursor: pointer;
}

.icons-hotpots:hover{
    width: 50px;
    margin-left: 10px; 
     -webkit-transition: width 0.5s; /* Safari prior 6.1 */
  transition: width 0.5s;
    
}

.icon-hotpots:hover{
    width: 60px; 
    margin-left: 5px;
     -webkit-transition: width 0.5s; /* Safari prior 6.1 */
  transition: width 0.5s;
    
}


.botao-cinza{
    background:linear-gradient(to right,#888,#333);
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight:bold;
    border:2px solid #F7F3EF;
    border-radius: 5px;
}


.bt-add-cena{
    padding: 5px;
    margin: 10px  5px 15px 5px;
}

/* SELECT CENA */
.select-scene{
    border-radius: 10px 0px 0px 10px;
    margin-right: 70px;
    margin-top: 3vh;
    right: 0;
    padding: 20px;
}

.sct-scene{
    width: 200px;
    margin: 10px;
    
}

#pano {
    width: 200px;
    height: 150;
    margin: 0px 10px;   
    z-index: 999;
}

.linha-horizontal {margin-top: 75px;} 



        
/* ADICIONAR IMAGENS */
.adicionar-img{
   
}

.carrossel-img{
    
    
}

/* ADICIONAR TEXTO */
.adicionar-info{
   padding: 20px;
}




/* REMOVER HOTSPOTS */
.remover-hotspots{
    width: 250px;    
}


.form-remov{
    width: 250px;
    padding: 20px;    
}

.salvDel{
    margin-bottom: 5px;
    margin-top: 15px;
}

.resp-remov{
    background: #fff;
    border-radius: 8px;
    padding: 25px; 
    height: 200px;
    overflow: auto;
    margin: 0px 20px 0px -20px ;
}
       
 
  
        
        #controls {
        position: relative;
        margin: 0,5%;
            
             
        float: right;
        
        z-index: 2;
     
    }
    .logo {
      position: fixed;
      left: 0;
      width: 200px;
      margin: 2px;
      cursor: pointer;
      z-index: 9;
        
    }


        
     /* CARROUSSEL */ 
        body{background: #fff;}
        img{max-width: 100%;}
        .clear{clear: both;}
        
        /*234px*/
        /*418px*/
        /*600px*/
        /*784px*/
         
.box_carrossel{
        margin: 10px; 
        overflow-y: hidden; 
        padding: 0px;
        background: #fff; 
        box-shadow: 0 0 5px #000; 
        height: 90px; 
}    
        
        .carrossel{list-style: none; width: 200px; float: left; background: #fff;}
        
        .carrossel .item{float: left; width:  100px; padding: 10px; margin-left: 10px; background: #fff;}
        
        
        
        
        
    /* CARROUSSEL */  
        
        
        input[type="radio"] {
        visibility: hidden;
}
    
label {
    display: block;
    margin-top: -15px;
  }

input[type="radio"]:checked+label {
    border-color: #555;
    border: 2px solid #555;
    padding: 3px 3px 3px 3px;
}


/*   CONTROLES   */
#controls {
        position: absolute;
        bottom: 0;
        width: 50%;
        margin-left: 25%;
        z-index: 99;
        text-align: center;
        padding-bottom: 0px;
        background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.6));
        border-radius: 10px;
        padding: 6px;
       
        box-shadow: 0.03em 0.03em 0.3em #fff;
        margin-bottom: 10px;
    
        }
    
        .mg-ctrl{
            width: 10%;
        }
        
    .ctrl {        
        text-align: center;
        display: inline-block;
        cursor: pointer;
        color: #fff;
        font-size: 20px;
    }
    .ctrl:hover {
         text-shadow: 0.03em 0.03em 0.3em #fff;
        font-size: 20px;
    }
         
.show-control{
    position: fixed;
    z-index: 999;
        
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 35px;
    
    
    
    text-shadow: 0.03em 0.03em 0.3em #fff;
    opacity: 0.5;
    
    
    }
        
.show-control-pos{
bottom: 0;
width: 40px;
margin-left: -20px;
left: 50%;
        }

.show-control:hover{
    opacity: 9;
    text-shadow: 0.03em 0.03em 0.3em #fff;
    font-size: 38px;
    
}
        
     
        
    #selectScene{
    width: 190px;
    margin-right: 10px;  
}

.test-lt{  
    height: 70px;
    right: 0;
    padding: 12px;
    width: 210px;
    border-radius: 10px;
    margin-right: 5px;
    margin-top: 5px;
    position: absolute;
    z-index: 9;
    
}
.prox{
    position: absolute;
    right: 0;
    margin-right: 5px;
    z-index: 1;
} 
        
 .ant{
    position: absolute;
    left: 0;
    margin-left: 5px;
    z-index: 1;
} 
   
.hide-ctrl{ display: none; }

/* ========== MOBILE FIRST ==========*/
/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 176px){
.Nadir-Logo {
        height: 100px;
        width: 100px;
        background: url(../img/NadirLogo100.png);
        cursor: pointer;
            
        } 
    
#controls {
        width: 80%;
        margin-left: 10%;  
        margin-bottom: 10px;    
        }
    
.mg-ctrl { width: 12%;  }
    
.hide-ctrl { display: none; }
    
.logo {  width: 110px;  }
    
}


 /* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 240px){
 .Nadir-Logo {
        height: 150px;
        width: 150px;
        background: url(../img/NadirLogo2.png);
        cursor: pointer;
            
        }   
.logo {  width: 150px;  }
}
 /* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 340px){
     #controls {
        width: 70%;
        margin-left: 15%;  
        margin-bottom: 10px;    
        }
    
.mg-ctrl { width: 12%;  }
    
.hide-ctrl { display: none; }   
.logo {  width: 170px;  }

} 

 /* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 440px){
 #controls {
        width: 60%;
        margin-left: 20%;  
        margin-bottom: 10px;    
        }
    
.mg-ctrl { width: 10%;  }
    
.hide-ctrl { display: none; }
.logo {  width: 190px;  }
}
 /* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 540px){
.Nadir-Logo {
        height: 200px;
        width: 200px;
        background: url(../img/NadirLogo200.png);
        cursor: pointer;
            
        } 
    
 #controls {
        width: 72%;
        margin-left: 14%;  
        margin-bottom: 10px;    
        }
    
.mg-ctrl { 
    width: 20px;
    margin-left: 2%;
    
    }
    
.hide-ctrl { 
    width: 20px;
    display: inline;
    margin-left: 2%;
    }
.logo {  width: 180px;  }


.sct-scene{width: 230px; }

#pano {
    width: 230px;
    height: 150px;
    
}

 
.linha-horizontal {margin-top: 75px;}      
    
}

/* SMALL DEVICES - TABLETS*/
@media screen and (min-width: 768px){    
    
     .Nadir-Logo {
        height: 300px;
        width: 300px;
        background: url(../img/NadirLogo300.png);
        cursor: pointer;
            
        }  
    

  
.bt-add-cena{
    padding: 10px;
    margin-bottom: 20px;
}

/* SELECT CENA */
.select-scene{
               
} 


    
.logo {  width: 200px;  }


.sct-scene{ width: 270px; }

#pano {
    width: 270px;
    height: 200px;
    
}
.linha-horizontal {margin-top: 100px;}    
    
}


/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 960px) {
    
 

  
  /* SELECT CENA */



    

    


    
  
    #controls {
        width: 50%;
        margin-left: 25%;  
         
        }
}


/* MEDIUM DEVICES - Netbook & DESKTOPS */
@media screen and (min-width: 1024px) {
    
.Nadir-Logo {
        height: 512px;
        width: 512px;
        background: url(../img/NadirLogo.png);
        cursor: pointer;
            
        }      
    
    

   


    
 
    
 
    



.mg-sel{
    margin-left: 30px;
    width: 200px;}

    
.bt-add-cena{
    margin-bottom: 30px;
}
    
  #controls {
        width: 44%;
        margin-left: 28%;  
         
        }
    
    
}