body, html {

	    background-image: url("../images/bak.jpg") ;

    background-position:bottom right;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}

.bg { 
    /* The image used */

}

 .panel-transparent {
        background: none;
    }



    .panel-transparent .panel-body{
        background: rgba(255, 255, 255, 0.8)!important;
    }
	

.desktop_only
{ display:block;}

.mobile_only
{ display:none;}

@media only screen and (max-width: 768px) {
.desktop_only
{ display:none;}

.mobile_only
{ display:block;}

	
}
	
.dot {
  height: 50px;
  width: 50px;
  background-color: #eee;
  border-radius: 50%;
  display: inline-block;
  text-align:center;
line-height: 40px;
text-decoration:none;
  font-size:48px;
  margin:20px;
    cursor:pointer;
}	

.red_dot {
  height: 30px;
  width: 30px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  text-align:center;
line-height: 25px;
font:"Arial Black", Gadget, sans-serif;
color:#fff;
text-decoration:none;
  font-size:30px;
  cursor:pointer;
  margin-top:-23px;
}	


.disabled_checkbox
{
  opacity:0.5;
  pointer-events: none;
}