.arrow {
 border: solid black;
 border-width: 0 3px 3px 0;
 display: inline-block;
 padding: 3px;
}

.right {
 transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
}

.left {
 transform: rotate(135deg);
 -webkit-transform: rotate(135deg);
}

.up {
 transform: rotate(-135deg);
 -webkit-transform: rotate(-135deg);
}

.down {
 transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
}


    
   .modal {
   display: none;overflow: hidden;/* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 100000; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto;  /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}
    
    .foot-a {text-align:center;}
   .foot-a ul{padding:0;margin:0; }
   .foot-a li{ list-style-type:none;font-size:30px;  }

   
   .foot-b{overflow:hidden; width: 90%;max-width: 1000px;margin:20px auto;overflow: hidden; }
   .foot-b a{color:#b5b4b4;text-decoration: none;}
   .foot-b a:hover{color:#dbdbdb;}
   .foot-b ul{padding:0;margin:0;}
   .foot-b li{   margin:20px 0px;  }
   
   .foot-go{font-weight: bold;margin-bottom: 5px;font-size: 16px; } 
   .foot-con{margin:3px 0px; font-size: 14px;display: none;}
    
   .social{margin:20px auto;width: 90%;max-width: 1000px;overflow:hidden;}
   .social ul{padding:0;margin:0;}
   .social li{display:inline-block;width: 30px;height: auto;margin:0px 2px; }
   #foot_2{display: none;}
   
   .privacy{overflow: hidden;}
   .privacy a{color:#b5b4b4;}
   .privacy ul{padding:0;margin:0}
   .privacy li{display:inline-block;padding:20px 10px;font-size:12px}
   .privacy li:hover{color:#dbdbdb;}
       
    
    .change-country {color:#b5b4b4;text-decoration: none;display:inline-block;margin-bottom:20px;border: 1px solid #b5b4b4;margin: auto; padding:10px;width: 200px;border-radius: 3px;   }
   
   .change-country a{color:#b5b4b4;text-decoration: none;display:inline-block;height: auto;}
    
    .change-country:hover {border:1px solid #dbdbdb;color:#dbdbdb;}
    .xxp{top:0;bottom:0;left:0;right:0;position:fixed; z-index:100000000;background-color:#fff;  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);  }


   @media all and (min-width:40em) {
       #foot_2{display: block;}
       #foot_1{display: none;}
       .foot-b{ width:95%;   }
        
       .foot-b li{width:17%;margin:0px 5px;display:inline-table; }
        .foot-con{display:block;font-size:14px; } 
   }
   
   
   @media all and (min-width:56em) {
    
       .foot-a li{  font-size:70px;  }
        
       .foot-go{ font-size: 16px; } 
       
        .foot-b{ width:90%; }
       .foot-b li{width:17%;margin:0px 10px;display:inline-grid; }

       .xxp{top:inherit;left:inherit;bottom:3px;right:312px;position:fixed;width:300px;height:400px;z-index:100000000;background-color:#fff;border-radius:5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); overflow:hidden;}
   }