<!--
body{
    padding: 0;margin: 0;background: url('../img/backgrand.jpg'); background-size: cover;background-color: #62656D;background-position: top;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;
}

#blackline{
    background: black;
}

img{
    border: 0;    
}
#lineblack{
    position: absolute; background-color: #292929; width: 100%; bottom: 10%;
}

#box1{    
    background-color: #292929;float: left;min-height: 10px;width: 33%; 
}

#box2{    
    background-color: #292929;float: left;min-height: 10px;width: 6%;
}

#box3{            
    background-color: #292929;float: left;min-height: 10px;width: 1%;
}

#box4{            
    background-color: #292929;float: left;min-height: 10px;width: 20%;
}

#box5{            
    background-color: #292929;float: left;min-height: 10px;width: 1%;
}

#box6{            
    background-color: #292929;float: left;min-height: 10px;width: 6%;
}

#box7{    
    background-color: #292929;float: left;min-height: 10px;width: 33%;
}
        
#img1 {width: 100%;}
#img2 {width: 100%;}
#img3 {width: 100%;}


@media screen and (max-width: 799px){

#lineblack{
    position: absolute; background-color: #292929; width: 100%; bottom: 10%;
}

#box1{    
    background-color: #292929;float: left;min-height: 10px;width: 25%; 
}

#box2{    
    background-color: #292929;float: left;min-height: 10px;width: 9%;
}

#box3{            
    background-color: #292929;float: left;min-height: 10px;width: 1%;
}

#box4{            
    background-color: #292929;float: left;min-height: 10px;width: 30%;
}

#box5{            
    background-color: #292929;float: left;min-height: 10px;width: 1%;
}

#box6{            
    background-color: #292929;float: left;min-height: 10px;width: 9%;
}

#box7{    
    background-color: #292929;float: left;min-height: 10px;width: 25%;
}


}


@media screen and (max-width: 320px){

#lineblack{
    position: absolute; background-color: transparent; width: 100%; 
}

#box1{    
   float: left;min-height: 10px;width: 15%;background-color: transparent;
}

#box2{    
   float: left;min-height: 10px;width: 20%;
}

#box3{            
   float: left;min-height: 10px;width: 15%;background-color: transparent;
}

#box4{            
   float: none;min-height: 10px;width: 100%;position: fixed; top: 10%;
}

#box5{            
   float: left;min-height: 10px;width: 15%;background-color: transparent;
}

#box6{            
   float: left;min-height: 10px;width: 20%;
}

#box7{    
   float: left;min-height: 10px;width: 15%;background-color: transparent;
}
body{
    text-align: center;
}


}


/*body{height:100%}
*/div.loading-invisible{
    display:none;
}
div.loading-visible{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    background:#fff;
/*    background:none;
    opacity:.75;
    border-bottom:1px solid #ddd;
    padding-top:20%;
    border-top:1px solid #ddd;*/
    z-index: 100;
}

#imgwait{
position: absolute;
top: 50%;
left: 50%;
margin: -31px 0 0 -31px ;
}