html {height:100%;min-height:100%;background: #9dbcbf;}
body {margin:0;padding:0;height:100%;min-height:100%;position:relative;background: #9dbcbf;}
#Content {height:1200px;background: #9dbcbf;}
#Wrapper {background: #9dbcbf !important;}
#Map {
    width: 70%;
    height: 100%;
    border-radius: 1rem !important;
    min-height: 100%;
    position: absolute;
    top: 12%;
    margin: 0 auto;
    left: 5%;
}

#MapInfo {background:#fff;width:800px;margin:0 auto;position:relative;}
#MapInfo a.BtCloseMap {position:absolute;top:-20px;right:-20px;width:40px;height:40px;background:#000;color:#fff;text-decoration:none;text-align:center;line-height:40px;border-radius:20px;}
#MapInfo .left {width:500px;float:left;}
#MapInfo .right {width:300px;height:500px;float:right;padding:0 20px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;position:relative;}
#MapInfo .right #phototaken {position:absolute;bottom:10px;left:10px;text-align:center;width:90%;}

#MapInfo .right h2 {font-family:'Lobster Two';-webkit-font-smoothing:antialiased;font-size:30px;font-weight:700;margin:60px 0 20px 0;background:url(../images/line_filter.png) no-repeat bottom center;padding:0 0 40px 0;}
#MapInfo .right h3 {font-family:'Lobster Two';-webkit-font-smoothing:antialiased;font-size:18px;font-weight:700;margin:-10px 0 0 0;}

.box-bottom .row {padding:0 15px;}
.box-bottom img {width:35px;margin-right:10px;}
.box-bottom .count {font-weight:600;margin-right:5px;}

#MapInfo .sponsor-left {width:200px;float:left;}
#MapInfo .sponsor-middle {width:400px;float:left;}
#MapInfo .sponsor-right {width:200px;float:right;}
#MapInfo .sponsor-left img.#MapInfo .sponsor-right img {display:block;width:200px;}
#MapInfo .sponsor-middle h2 {font-family:'Lobster Two';-webkit-font-smoothing:antialiased;font-size:30px;font-weight:700;margin:20px 0 20px 0;background:url(../images/line_filter.png) no-repeat bottom center;padding:0 0 40px 0;}
#MapInfo .sponsor-middle h3 {font-family:'Lobster Two';-webkit-font-smoothing:antialiased;font-size:18px;font-weight:700;margin:-10px 0 0 0;}

#MapHeader {position:absolute;top:0;left:0;width:100%;padding:20px 0;background:#9dbcbf;text-align:center;color:#fff;}
#MapHeader .container {width:1200px;max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content: space-between;}

#MapHeader h2 {color:#fff;display:inline-block;padding:0 30px;}
#MapHeader h2 b {font-family:arial;font-size:14px;}

#Recent {position:absolute;bottom:200px;padding:5px 10px;width:200px;left:20px;background:#fff;color:#000;-webkit-font-smoothing:antialiased;font-size:20px;}

#MapFooter {position:absolute;bottom:0;left:0;width:100%;background:#000;background:rgba(0,0,0,0.75);overflow:hidden;}
#MapFooter a {display:block;width:200px;height:200px;float:left;}
#MapFooter img {display:block;width:200px;height:200px;}
#MapFooter .inner {margin:0 50px;height:200px;overflow:hidden;position:relative;}
#MapFooter .inner div {}
#MapFooter #prev {position:absolute;left:10px;top:90px;color:#fff;width:30px;height:30px;font-size:20px;}
#MapFooter #next {position:absolute;right:10px;top:90px;color:#fff;width:30px;height:30px;font-size:20px;}

#Search {display:block;position:relative;top:12% !important;width:80%;background:#b6d5d7;padding:2rem;text-align:center; border-radius: 1rem;margin: 0 auto;}
#Search a.closesearch {position:absolute;top:-10px;right:-10px;width:30px;height:30px;background:#000;color:#fff;text-decoration:none;text-align:center;line-height:30px;border-radius:15px;display:none;}
#Search h2 {-webkit-font-smoothing:antialiased;font-size:30px;font-weight:700;margin:10px 0 20px 0;}
#Search h3 {-webkit-font-smoothing:antialiased;font-size:18px;font-weight:700;margin:20px 0 0 0;}
#Search #disclaimer {position:absolute;bottom:10px;left:10px;font-size:10px;color:#777;}

#Search .btn {
    border-radius: 1rem;
    font-size: 22px;
}
#Search input {
    padding: 1rem;
    border-radius: 1rem 0 0 1rem !important;
    height: 2.5rem;
    font-size: 1rem;
    display: inline-block;
}

#Search button {background:#214d6c;border-radius: 0 1rem 1rem 0 !important; position:relative;height:2.5rem;display:inline-block;margin:0 auto;border:none;cursor:pointer;color:#fff;text-align:center;padding:0 1rem;font-size:1rem;font-family:Oswald;-webkit-font-smoothing:antialiased;text-transform:uppercase;font-weight:300;text-decoration:none;}

.country-list {
    background: rgba(255,255,255,0.1);
    border-radius: 1rem;
    padding: 1rem;
}

.country-list ul {
    margin: 0;
    max-height: 500px;
    overflow-y: scroll;
    scroll-behavior: auto;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
    border-radius: 1rem;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 1rem;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 1rem;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  ::-webkit-scrollbar-corner {
    background: transparent;
    display: none;
  }