.circular--square {
  border-radius: 50%;
}

.circular--landscape {
  display: inline-block;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
}

.circular--landscape2 {


  display: inline-block;
  width: 225px;
  height: 225px;
  overflow: hidden;
  border-radius: 50%;
-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
}

.circular--landscape3 {


  display: inline-block;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
}

.circular--landscape2 img {
  width: auto;
  height: 100%;
}
.circular--landscape3 img {
  width: auto;
  height: 100%;
}


.circular--landscape img {
  width: auto;
  height: 100%;
}


.circular--single-left {
  display: inline-block;
  
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
}

.circular--single-left img {
  width: auto;
  height: 100%;
}

@media all and (min-width: 893px) {
.circular--single-left::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 110%;
  left: 70%;
  border: 1px dotted;
  border-width: 0 0 0 1px;
  width: 1px;
  height: 100px;
 -webkit-transform:
    translateY(20px) 
    translateX(5px)
    rotate(-46deg);
}

.circular--landscape3::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: -70%;
  left: 50%;
  border: 1px dotted;
  border-width: 0 0 0 1px;
  width: 1px;
  height: 100px;
}


.circular--single-right::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 110%;
  left: 30%;
  border: 1px dotted;
  border-width: 0 0 0 1px;
  width: 1px;
  height: 100px;
 -webkit-transform:
    translateY(20px) 
    translateX(5px)
    rotate(46deg);
}

.circular--landscape::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 110%;
  left: 50%;
  border: 1px dotted;
  border-width: 0 0 0 1px;
  width: 1px;
  height: 100px;
}


}


@media all and (max-width: 893px) {

.circular--landscape::after {
  content: "";
  display: none;
  position: absolute;
  z-index: 1;
  top: 110%;
  left: 50%;
  border: 1px dotted;
  border-width: 0 0 0 1px;
  width: 1px;
  height: 100px;
}

.circular--landscape3::after {
  content: "";
  display: none;
  position: absolute;
  z-index: 1;
  top: -70%;
  left: 50%;
  border: 1px dotted;
  border-width: 0 0 0 1px;
  width: 1px;
  height: 100px;
}


.circular--single-left::after {
  content: "";
  display: none;
  position: absolute;
  z-index: 1;
  top: 110%;
  left: 70%;
  border: 13px dotted;
  border-width: 0 0 0 1px;
  width: 13px;
  height: 100px;
 -webkit-transform:
    translateY(20px) 
    translateX(5px)
    rotate(-46deg);
}

.circular--single-right::after {
  content: "";
  display: none;
  position: absolute;
  z-index: 1;
  top: 110%;
  left: 30%;
  border: 1px dotted;
  border-width: 0 0 0 1px;
  width: 1px;
  height: 100px;
 -webkit-transform:
    translateY(20px) 
    translateX(5px)
    rotate(46deg);
}

}




.circular--single-right {
  display: inline-block;
  
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
}

.circular--single-right img {
  width: auto;
  height: 100%;
}




.circular--single-none {
  display: inline-block;
  
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.28);
}

.circular--single-none img {
  width: auto;
  height: 100%;
}


.black{
    color: #656565;
}

  



  
//////////////////////////////////////////////////////////////////////////////////////////////////////

.background-music {
    position: fixed;
    z-index: 999;
    bottom: 10px;
    right: 10px
}
.background-music-bottom-left {
    right: auto;
    left: 10px
}
.background-music-toggle {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 14px;
    line-height: 38px;
    text-align: center
}
.background-music-bottom-left .background-music-toggle {
    right: auto;
    left: 0
}



#myBtn {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: grey;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#myBtn2 {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: grey;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}



@media all and (max-width: 479px) {
    td.col_4{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }    
}