h1 {
    line-height: normal!important;
}

.tabs {display: none;}

.tabs .country-one,
.tabs .country-two {
    border-radius: 50%!important;
    border: 3px solid #2fc8ff !important;
    margin-right: 20px;
    line-height: 23px;
    height: 0px;
    padding: 8px;
	cursor: pointer;
	margin: 2px 21px 2px 2px !important;
}

.tabs .country-one.active {
    background: #2fc8ff;
}

.tabs .country-two {
    border: 3px solid #ff2fc0 !important;
    margin-right: 0px;
}

.tabs .country-two.active {
    background: #ff2fc0;
}

.tooltip-container .select-caption img {
	display: none;
}


@media (max-width: 950px) {
	.population-density-schema {
		transform: scale(0.8, 0.8);
		margin: -50px 0;
		float: none;
	}
	
	
	.land-surface .row .col-50 .padding-right {
		padding-right: 20px;
	}
	
	.land-surface .row .col-50 .padding-left {
		padding-left: 20px;
	}
	.country-select .select-caption {
		max-width: 180px;
	}
}


@media (max-width: 750px) {
	.country-select .select-caption {
		max-width: 70px;
	}
}

@media (max-width: 620px) {
	
	.tabs {display: block;}

	.population.country-one .population-schema {
		float: none;
		width: 33px;
		display: inline-block;
	}
	
	.land-surface {
		padding: 0 20px 100px;
	}
	
	.country-select .select-caption {
		font-size: 20px;
		max-width: 240px;
	}
	
	.land-surface .col-50.right-col, .land-surface.show_left .col-50.right-col {
		display: none;
	}
	
	.land-surface .swap-country, .land-surface .sub-header {
		display: none;
	}
	
	.land-surface.show_right .col-50.right-col {
		display: inline-block;
	}
	.land-surface.show_right .col-50.left-col {
		display: none;
	}
	
	.land-surface .row .col-50 {
		text-align: center!important;
		width: 100%;
	}
	
	.land-area.country-one .map-image {
		float: none;
		justify-content: center;
	}
	
	.land-surface .row .col-50 .padding-left {
		padding-left: 0;
	}
	
	.population-density-schema {
		transform: scale(0.6, 0.6);
		float: none!important;
		position: absolute;
		top: 30px;
		left: -200px;
		margin-left: 50%;
	}
	
	.land-surface .row .col-50 .padding-right {
		padding-right: 0;
	}
	
	.population .population-schema {
		display: inline-block;
	}
	
	.land-surface .row .col-50 .value {
		font-size: 40px;
	}
	
	.tooltip-container .select-caption img {
		display: inline;
		height: 17px;
		margin-right: 7px;
	}
	
	.country-select .flag {
		display: none;
	}
	
	.land-area .map-image {
		display: inline-block;
	}
	
	.population-density {
		position: relative;
	}
	
	.population-density .value {
		margin-bottom: 240px!important;
	}
	
	
}

.land-area .map-image {
	position: relative;
}

.land-area .map-image .loader{
    position: absolute;
    top: 10px;
    right: 20px;
}

.left-col .land-area .map-image .loader {
    right: auto;
    left: 20px;
}


/* CSS spinner / loader  */
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 0px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}