.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
.band2 .content:before,
.band2 .content:after,
.band3 .content:before,
.band3 .content:after,
.band4 .content:before,
.band4 .content:after,
.band5 .content:before,
.band5 .content:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after,
.band2 .content:after,
.band3 .content:after,
.band4 .content:after,
.band5 .content:after {
  clear: both;
}
.mapSafeWidth {
  max-width: 490px;
}
@media (max-width: 1022px) {
  .mapSafeWidth {
    max-width: 460px;
  }
}
.band2 .content {
  position: relative;
  padding-top: 5px;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .band2 .content {
    position: static;
  }
}
@media (max-width: 768px) {
  .band2 .content {
    padding-bottom: 0px;
  }
}
.band2 .content h1.compare {
  font-family: BebasNeueRegular, helvetica, arial, serif;
  font-weight: 400;
  font-size: 40px;
  color: rgba(51, 51, 51, 0.7);
  margin-bottom: 0px;
  margin-top: 10px;
}
@media (max-width: 900px) {
  .band2 .content h1.compare {
    font-size: 20px;
  }
}
.band2 .content .us .dest {
  padding-top: 20px;
}
.band2 .content #headline {
  display: table;
  font-family: BebasNeueRegular, helvetica, arial, serif;
  font-weight: 400;
  max-width: 490px;
  margin-bottom: 40px;
}
@media (max-width: 1022px) {
  .band2 .content #headline {
    max-width: 460px;
  }
}
.band2 .content #headline h1 {
  margin-top: 0px;
  display: table-row;
}
.band2 .content #headline h1 .src {
  font-size: 60px;
  vertical-align: middle;
}
@media (max-width: 900px) {
  .band2 .content #headline h1 .src {
    font-size: 30px;
  }
}
.band2 .content #headline h1 .dest {
  font-size: 60px;
  vertical-align: middle;
}
@media (max-width: 900px) {
  .band2 .content #headline h1 .dest {
    font-size: 30px;
  }
}
.band2 .content #headline h1 small {
  font-family: HoneyScriptLight, georgia, serif;
  font-weight: normal;
  font-size: 30px;
  color: #000;
  vertical-align: middle;
}
.band2 .content #headline h1 small p {
  margin-right: 15px;
  margin-left: 15px;
  display: block;
}
.band2 .content #headline h1 small,
.band2 .content #headline h1 span {
  display: table-cell;
}
@media (max-width: 768px) {
  .band2 .content form {
    display: none;
  }
}
.band2 .content form select {
  width: 150px;
}
.band2 .content form span {
  background: url("/assets/images/border.png") repeat;
  padding: 3px;
  display: inline-block;
  border-radius: 15px;
  font-family: helvetica, arial, serif;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.band2 .content form span a,
.band2 .content form span button {
  padding-top: 3px;
  padding-right: 8px;
  padding-bottom: 3px;
  padding-left: 8px;
  border-radius: 15px;
  border: none;
  cursor: pointer;
  margin: 0px;
}
.band2 .content form span a {
  color: #fff;
  text-decoration: none;
  background-color: #eb4c4c;
}
.band2 .content form span button,
.band2 .content form span.comparedest a {
  background-color: #3fafde;
  text-transform: uppercase;
}
.band2 .content form span.viewlist {
  margin-left: 15px;
}
#skyscrapers {
  float: right;
}
@media (max-width: 979px) {
  #skyscrapers {
    display: none;
  }
}
.sharing-map {
  margin-top: 10px;
}
@media (max-width: 979px) {
  .sharing-map {
    display: none;
  }
}
.sharing-bottom {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: table;
}
@media (min-width: 980px) {
  .sharing-bottom {
    display: none;
  }
}
.band3 .content {
  padding-top: 5px;
}
.band3 h3 {
  max-width: 490px;
  font-size: 1.17em;
  font-weight: bold;
}
@media (max-width: 1022px) {
  .band3 h3 {
    max-width: 460px;
  }
}
.band3 #comparisons .comparison:first-child.negative a.detail.collapsed span {
  background-position: -101px -102px;
}
.band3 #comparisons .comparison:first-child.positive a.detail.collapsed span {
  background-position: -101px -2px;
}
.band3 #comparisons .comparison:first-child.neutral a.detail.collapsed span {
  background-position: -101px -52px;
}
.band3 #comparisons:hover .comparison:first-child.negative a.collapsed span {
  background-position: 0 -102px;
}
.band3 #comparisons:hover .comparison:first-child.positive a.collapsed span {
  background-position: 0 -2px;
}
.band3 #comparisons:hover .comparison:first-child.neutral a.collapsed span {
  background-position: 0 -52px;
}
.band3 .banner-container {
  max-width: 490px;
}
.band3 #comparisons {
  max-width: 450px;
  min-height: 200px;
}
.band3 #comparisons .comparison {
  max-width: 450px;
  border-radius: 13px;
  margin: 0 0 8px;
}
.band3 #comparisons .comparison a {
  text-decoration: underline;
  outline: none;
}
.band3 #comparisons .comparison a.detail {
  color: #fff;
  text-decoration: none;
  padding: 3px 13px 2px 20px;
  font-size: 14px;
  letter-spacing: .25px;
  display: block;
}
.band3 #comparisons .comparison a.detail span {
  background: url("/assets/images/icon_more.png");
  background-repeat: no-repeat;
  float: right;
  width: 64px;
  height: 13px;
  margin: 4px 0 0;
}
.band3 #comparisons .comparison.negative {
  background-color: #eb4c4c;
}
.band3 #comparisons .comparison.negative a.detail {
  text-shadow: -1px -1px #c84141;
}
.band3 #comparisons .comparison.negative a.detail.collapsed span {
  background-position: 0 -102px;
}
.band3 #comparisons .comparison.negative a.detail.collapsed:hover span {
  background-position: -101px -102px;
}
.band3 #comparisons .comparison.negative a.detail span {
  background-position: -201px -102px;
}
.band3 #comparisons .comparison.positive {
  background-color: #9bcb3e;
}
.band3 #comparisons .comparison.positive a.detail {
  text-shadow: -1px -1px #78a326;
}
.band3 #comparisons .comparison.positive a.detail.collapsed span {
  background-position: 0 -2px;
}
.band3 #comparisons .comparison.positive a.detail.collapsed:hover span {
  background-position: -101px -2px;
}
.band3 #comparisons .comparison.positive a.detail span {
  background-position: -201px -2px;
}
.band3 #comparisons .comparison.neutral {
  background-color: #3ca6d3;
}
.band3 #comparisons .comparison.neutral a.detail {
  text-shadow: -1px -1px #3490b6;
}
.band3 #comparisons .comparison.neutral a.detail.collapsed span {
  background-position: 0 -52px;
}
.band3 #comparisons .comparison.neutral a.detail.collapsed:hover span {
  background-position: -101px -52px;
}
.band3 #comparisons .comparison.neutral a.detail span {
  background-position: -201px -52px;
}
.band3 #comparisons .comparison div.details p {
  margin: 0 20px;
  font-weight: 700;
  padding: 0 0 10px;
}
.band3 #comparisons .comparison div.details p a {
  color: #000;
  display: inline;
  padding: 0px;
  font-weight: 400;
  font-size: 11px;
}
.band3 #comparisons .comparison div.details p.explanation {
  font-weight: 400;
  font-size: 11px;
}
.band3 .minimap #miniMapShow {
  display: none;
}
.band3 .minimap #miniMapHide {
  display: block;
}
.band3 #miniMapHide {
  display: none;
  margin-top: 5px;
}
.band3 a.mapToggle {
  border: 3px solid rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  margin-bottom: 10px;
  padding: 5px;
  display: inline-block;
  text-transform: uppercase;
  max-width: 490px;
  text-align: center;
}
@media (max-width: 1022px) {
  .band3 a.mapToggle {
    max-width: 460px;
  }
}
@media (min-width: 980px) {
  .band3 a.mapToggle {
    display: none;
  }
}
.lte8 .band4 .content,
.lte8 .band5 .content {
  max-width: 730px;
}
@media (max-width: 1015px) {
  .lte8 .band4 .content,
  .lte8 .band5 .content {
    max-width: 1000px;
  }
}
.lte8 .band4 .content .inner,
.lte8 .band5 .content .inner {
  max-width: 730px;
}
.band4 .flag {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.band4 h2,
.band5 h2 {
  display: inline-block;
  padding-right: 26px;
  font-size: 18px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  background: url("/assets/images/icon_star.png") right 1px no-repeat;
}
.band4 .content,
.band5 .content {
  padding-right: 220px;
}
@media (max-width: 979px) {
  .band4 .content,
  .band5 .content {
    padding-right: 10px;
  }
}
.band4 .content .inner,
.band5 .content .inner {
  position: relative;
  z-index: 400;
}
.stats a {
  color: #800080;
  text-decoration: underline;
  font-weight: bold;
}
#map_container {
  width: 410px;
  z-index: 300;
  text-align: center;
  position: absolute;
  top: 115px;
  right: 30px;
}
@media (max-width: 1022px) {
  #map_container {
    right: 0px;
  }
}
@media (max-width: 979px) {
  #map_container {
    display: none;
  }
}
#map_container .borderbox {
  border: solid #000;
}
#map_container.mini {
  width: 100%;
  position: static;
  top: 0px;
  right: 0px;
}
@media (max-width: 979px) {
  #map_container.mini {
    display: block;
  }
}
#map_container.mini #map {
  width: 100%;
}
#map_container p {
  margin-bottom: 2px;
}
#map_container #map {
  width: 404px;
  height: 410px;
}
#map_container .roundedbutton {
  border: 4px solid #f3f1d9;
  color: #333;
  background: #e3e1c8 url("../images/bg_noise.png") repeat;
  text-shadow: 1px 1px #fff;
  border-radius: 15px;
  font-weight: 700;
}
#map_container #changeComparisonForm #changeComparisonInput {
  width: 300px;
}
#map_container #changeComparisonForm #changeComparisonButton {
  border: 4px solid #f3f1d9;
  color: #333;
  background: #e3e1c8 url("../images/bg_noise.png") repeat;
  text-shadow: 1px 1px #fff;
  border-radius: 15px;
  font-weight: 700;
  padding: 2px 10px;
}
#map_container a.show {
  margin: 0 0 10px;
  border: 4px solid #f3f1d9;
  color: #333;
  background: #e3e1c8 url("../images/bg_noise.png") repeat;
  text-shadow: 1px 1px #fff;
  border-radius: 15px;
  font-weight: 700;
}
.band5 #book_list {
  clear: both;
}
.band5 #book_list li {
  list-style: none;
  padding: 12px 0 15px;
  background: url("/assets/images/divider.gif") bottom repeat-x;
}
.band5 #book_list li.blank {
  padding: 3px 0 0 0;
}
.band5 #book_list li a {
  text-decoration: none;
  text-shadow: 1px 1px #fff;
  line-height: 14px;
}
.band5 #book_list li a img {
  display: block;
  float: left;
  margin-right: 15px;
}
.band5 #book_list li a span {
  display: block;
}
.band5 #book_list li a .title {
  font-weight: 700;
  color: #362f2d;
}
.band5 #book_list li a .author {
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 11px;
  font-style: italic;
  color: #666;
  clear: right;
}
.band5 #book_list li.left {
  clear: left;
  padding-right: 10px;
}
