@charset "UTF-8";
/* CSS Document */
/*THIS IS btn1 */

/* Default is phones */

   .btn1 {
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 13.0%;
    left: 17%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn1 {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
    left: 17%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn1 {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
    left: 17%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}








/*THIS IS btn1b */

/* Default is phones */

   .btn1b {
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 13.0%;
 left: 17%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn1b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
  left: 17%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn1b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
left: 17%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
}
}













/*THIS IS btn2 */

/* Default is phones */

   .btn2 {
   
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 13.0%;
    left: 41%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn2 {
  
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
    left: 24%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn2 {
   
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
    left: 24%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}








/*THIS IS btn2b */

/* Default is phones */

   .btn2b {
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 13.0%;
 left: 24%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn2b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
  left: 24%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn2b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
left: 24%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
}
}













/*THIS IS btn3 */

/* Default is phones */

   .btn3 {
   
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 13.0%;
    left: 58%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn3 {
  
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
    left: 31%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn3 {
   
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
    left: 31%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}








/*THIS IS btn3b */

/* Default is phones */

   .btn3b {
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 13.0%;
 left: 31%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn3b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
  left: 31%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn3b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
left: 31%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
}
}













/*THIS IS btn4 */

/* Default is phones */

   .btn4 {
   
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 33.0%;
    left: 17%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn4 {
  
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 33.0%;
  left: 17%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn4 {
   
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 33.0%;
 left: 17%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}








/*THIS IS btn4b */

/* Default is phones */

   .btn4b {
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 33.0%;
 left: 24%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn4b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 33.0%;
 left: 24%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn4b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 33.0%;
 left: 24%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
}
}














/*THIS IS btn5 */

/* Default is phones */

   .btn5 {
   
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 33.0%;
 left: 41%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn5 {
  
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 33.0%;
 left: 24%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn5 {
   
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 33.0%;
 left: 24%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}








/*THIS IS btn5b */

/* Default is phones */

   .btn5b {
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 13.0%;
 left: 45%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn5b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
 left: 45%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn5b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
 left: 45%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
}
}













/*THIS IS btn6 */

/* Default is phones */

   .btn6 {
   
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 33.0%;
 left: 58%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn6 {
  
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 33.0%;
 left: 31%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn6 {
   
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 33.0%;
 left: 31%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}








/*THIS IS btn6b */

/* Default is phones */

   .btn6b {
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 13.0%;
 left: 52%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn6b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
 left: 52%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn6b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
 left: 52%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
}
}

















/*THIS IS btn7 */

/* Default is phones */

   .btn7 {
   
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 50.0%;
 left: 17%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn7 {
  
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 50.0%;
 left: 17%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn7 {
   
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 50.0%;
 left: 17%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}








/*THIS IS btn7b */

/* Default is phones */

   .btn7b {
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 13.0%;
 left: 59%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn7b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
 left: 59%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn7b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
 left: 59%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
}
}












/*THIS IS btn8 */

/* Default is phones */

   .btn8 {
   
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 50.0%;
 left: 41%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn8 {
  
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 50.0%;
 left: 24%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn8 {
   
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 50.0%;
 left: 24%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 200;
	 
}
}








/*THIS IS btn8b */

/* Default is phones */

   .btn8b {
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 13.0%;
 left: 66%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn8b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
 left: 66%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn8b {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
 left: 66%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
}
}


/*THIS IS btn11 */

/* Default is phones */

   .btn11 {
	width: 12%;
  height: 12%;
   position: absolute;  
     top: 13.0%;
 left: 66%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
  	 
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   .btn11 {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
 left: 66%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
	 
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .btn11 {
	width: 10%;
  height: 10%;
   position: absolute;  
     top: 13.0%;
 left: 66%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 100;	 
}
}